@charset "UTF-8";
:root {
  --color-info: #59b9e2;
  --color-canvas: #e8e9ea;
  --color-gray-20: #b1b2b5;
  --color-gray-60: #1f1f1f;
}

.row-flex {
  align-items: center;
  display: flex;
  margin-bottom: 0.25rem;
}
.row-flex.column {
  flex-direction: column;
}
.row-flex.center {
  justify-content: center;
}

.row-grid-2 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.flex-grow {
  flex-grow: 1;
}

.column-half {
  margin-right: 0.5rem;
}

.hidden {
  display: none;
}

.hide {
  opacity: 0;
}

.display {
  opacity: 1 !important;
}

@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Thin.woff2") format("woff2"), url("/fonts/WorkSans-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-ThinItalic.woff2") format("woff2"), url("/fonts/WorkSans-ThinItalic.ttf") format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-ExtraLight.woff2") format("woff2"), url("/fonts/WorkSans-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-ExtraLightitalic.woff2") format("woff2"), url("/fonts/WorkSans-ExtraLightitalic.ttf") format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Light.woff2") format("woff2"), url("/fonts/WorkSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-LightItalic.woff2") format("woff2"), url("/fonts/WorkSans-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Regular.woff2") format("woff2"), url("/fonts/WorkSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Italic.woff2") format("woff2"), url("/fonts/WorkSans-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Medium.woff2") format("woff2"), url("/fonts/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-MediumItalic.woff2") format("woff2"), url("/fonts/WorkSans-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-SemiBold.woff2") format("woff2"), url("/fonts/WorkSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-SemiBoldItalic.woff2") format("woff2"), url("/fonts/WorkSans-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Bold.woff2") format("woff2"), url("/fonts/WorkSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-BoldItalic.woff2") format("woff2"), url("/fonts/WorkSans-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Black.woff2") format("woff2"), url("/fonts/WorkSans-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-BlackItalic.woff2") format("woff2"), url("/fonts/WorkSans-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
}
@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: "vazirmatn";
  src: url("/fonts/Vazirmatn-Thin.woff2") format("woff2"), url("/fonts/Vazirmatn-Thin.ttf") format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-ExtraLight.woff2") format("woff2"), url("/fonts/Vazirmatn-ExtraLight.ttf") format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-Light.woff2") format("woff2"), url("/fonts/Vazirmatn-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-Regular.woff2") format("woff2"), url("/fonts/Vazirmatn-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-Medium.woff2") format("woff2"), url("/fonts/Vazirmatn-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-SemiBold.woff2") format("woff2"), url("/fonts/Vazirmatn-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-Bold.woff2") format("woff2"), url("/fonts/Vazirmatn-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-ExtraBold.woff2") format("woff2"), url("/fonts/Vazirmatn-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "vazirmatn";
  src: url("/fonts/Vazirmatn-Black.woff2") format("woff2"), url("/fonts/Vazirmatn-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}
/*
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;
}

/*!
 * 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;
}

.animated.infinite {
  animation-iteration-count: infinite;
}

.animated.hinge {
  animation-duration: 2s;
}

.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}

.animated.flipOutX,
.animated.flipOutY {
  animation-duration: 0.75s;
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  0% {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  0% {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  0%, 100% {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  0% {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  0% {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  11.1% {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
  100% {
    transform: none;
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@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 fadeInDownBig {
  0% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    max-height: 0px;
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
    max-height: 0px;
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  100% {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  0% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  0% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    transform: perspective(400px);
  }
}
.flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  0% {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  0% {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  0% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  0% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  0% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  0% {
    transform-origin: center;
    opacity: 1;
  }
  100% {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  0% {
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  0% {
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  0% {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  0% {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  0% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  0% {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}

@keyframes pen1 {
  0% {
    transform: translateY(0px);
  }
  15% {
    transform: translateY(-10px);
  }
  30% {
    transform: translateY(0px);
  }
}
@keyframes pen2 {
  30% {
    transform: translateY(0px);
  }
  45% {
    transform: translateY(-10px);
  }
  60% {
    transform: translateY(0px);
  }
}
@keyframes pen3 {
  60% {
    transform: translateY(0px);
  }
  75% {
    transform: translateY(-10px);
  }
  90% {
    transform: translateY(0px);
  }
}
@keyframes loaderColor {
  0% {
    fill: #513b56;
  }
  33% {
    fill: #348aa7;
  }
  66% {
    fill: #5dd39e;
  }
  100% {
    fill: #513b56;
  }
}
@keyframes linePencil {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-150px);
  }
}
/*
Monokai Sublime style. Derived from Monokai by noformnocontent http://nn.mit-license.org/
*/
.hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #23241f;
}

.hljs,
.hljs-tag,
.hljs-subst {
  color: #f8f8f2;
}

.hljs-strong,
.hljs-emphasis {
  color: #a8a8a2;
}

.hljs-bullet,
.hljs-quote,
.hljs-number,
.hljs-regexp,
.hljs-literal,
.hljs-link {
  color: #ae81ff;
}

.hljs-code,
.hljs-title,
.hljs-section,
.hljs-selector-class {
  color: #a6e22e;
}

.hljs-strong {
  font-weight: 700;
}

.hljs-emphasis {
  font-style: italic;
}

.hljs-keyword,
.hljs-selector-tag,
.hljs-name,
.hljs-attr {
  color: #f92672;
}

.hljs-symbol,
.hljs-attribute {
  color: #66d9ef;
}

.hljs-params,
.hljs-class .hljs-title {
  color: #f8f8f2;
}

.hljs-string,
.hljs-type,
.hljs-built_in,
.hljs-builtin-name,
.hljs-selector-id,
.hljs-selector-attr,
.hljs-selector-pseudo,
.hljs-addition,
.hljs-variable,
.hljs-template-variable {
  color: #e6db74;
}

.hljs-comment,
.hljs-deletion,
.hljs-meta {
  color: #75715e;
}

/*!
* animate.css - https://animate.style/
* Version - 4.1.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT
*
* Copyright (c) 2020 Animate.css
*/
:root {
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1;
}

.animate__animated {
  animation-duration: 1s;
  animation-duration: var(--animate-duration);
  animation-fill-mode: both;
}

.animate__animated.animate__infinite {
  animation-iteration-count: infinite;
}

.animate__animated.animate__repeat-1 {
  animation-iteration-count: 1;
  animation-iteration-count: var(--animate-repeat);
}

.animate__animated.animate__repeat-2 {
  animation-iteration-count: 2;
  animation-iteration-count: calc(var(--animate-repeat) * 2);
}

.animate__animated.animate__repeat-3 {
  animation-iteration-count: 3;
  animation-iteration-count: calc(var(--animate-repeat) * 3);
}

.animate__animated.animate__delay-1s {
  animation-delay: 1s;
  animation-delay: var(--animate-delay);
}

.animate__animated.animate__delay-2s {
  animation-delay: 2s;
  animation-delay: calc(var(--animate-delay) * 2);
}

.animate__animated.animate__delay-3s {
  animation-delay: 3s;
  animation-delay: calc(var(--animate-delay) * 3);
}

.animate__animated.animate__delay-4s {
  animation-delay: 4s;
  animation-delay: calc(var(--animate-delay) * 4);
}

.animate__animated.animate__delay-5s {
  animation-delay: 5s;
  animation-delay: calc(var(--animate-delay) * 5);
}

.animate__animated.animate__faster {
  animation-duration: 0.5s;
  animation-duration: calc(var(--animate-duration) / 2);
}

.animate__animated.animate__fast {
  animation-duration: 0.8s;
  animation-duration: calc(var(--animate-duration) * 0.8);
}

.animate__animated.animate__slow {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
}

.animate__animated.animate__slower {
  animation-duration: 3s;
  animation-duration: calc(var(--animate-duration) * 3);
}

@media print, (prefers-reduced-motion: reduce) {
  .animate__animated {
    animation-duration: 1ms !important;
    transition-duration: 1ms !important;
    animation-iteration-count: 1 !important;
  }
  .animate__animated[class*=Out] {
    opacity: 0;
  }
}
/* Attention seekers  */
@keyframes bounce {
  from, 20%, 53%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0) scaleY(1.1);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0) scaleY(1.05);
  }
  80% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -4px, 0) scaleY(1.02);
  }
}
.animate__bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from, 50%, to {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.animate__flash {
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__pulse {
  animation-name: pulse;
  animation-timing-function: ease-in-out;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__rubberBand {
  animation-name: rubberBand;
}
@keyframes shakeX {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(10px, 0, 0);
  }
}
.animate__shakeX {
  animation-name: shakeX;
}
@keyframes shakeY {
  from, to {
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    transform: translate3d(0, -10px, 0);
  }
  20%, 40%, 60%, 80% {
    transform: translate3d(0, 10px, 0);
  }
}
.animate__shakeY {
  animation-name: shakeY;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.animate__headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.animate__swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.animate__tada {
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: translate3d(0, 0, 0);
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__wobble {
  animation-name: wobble;
}
@keyframes jello {
  from, 11.1%, to {
    transform: translate3d(0, 0, 0);
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.animate__jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes heartBeat {
  0% {
    transform: scale(1);
  }
  14% {
    transform: scale(1.3);
  }
  28% {
    transform: scale(1);
  }
  42% {
    transform: scale(1.3);
  }
  70% {
    transform: scale(1);
  }
}
.animate__heartBeat {
  animation-name: heartBeat;
  animation-duration: 1.3s;
  animation-duration: calc(var(--animate-duration) * 1.3);
  animation-timing-function: ease-in-out;
}

/* Back entrances */
@keyframes backInDown {
  0% {
    transform: translateY(-1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInDown {
  animation-name: backInDown;
}
@keyframes backInLeft {
  0% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInLeft {
  animation-name: backInLeft;
}
@keyframes backInRight {
  0% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInRight {
  animation-name: backInRight;
}
@keyframes backInUp {
  0% {
    transform: translateY(1200px) scale(0.7);
    opacity: 0.7;
  }
  80% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}
.animate__backInUp {
  animation-name: backInUp;
}

/* Back exits */
@keyframes backOutDown {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutDown {
  animation-name: backOutDown;
}
@keyframes backOutLeft {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(-2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutLeft {
  animation-name: backOutLeft;
}
@keyframes backOutRight {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateX(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateX(2000px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutRight {
  animation-name: backOutRight;
}
@keyframes backOutUp {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  20% {
    transform: translateY(0px) scale(0.7);
    opacity: 0.7;
  }
  100% {
    transform: translateY(-700px) scale(0.7);
    opacity: 0.7;
  }
}
.animate__backOutUp {
  animation-name: backOutUp;
}

/* Bouncing entrances  */
@keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.animate__bounceIn {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0) scaleY(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, -10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, 5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(-10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0) scaleX(3);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0) scaleX(1);
  }
  75% {
    transform: translate3d(10px, 0, 0) scaleX(0.98);
  }
  90% {
    transform: translate3d(-5px, 0, 0) scaleX(0.995);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from, 60%, 75%, 90%, to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0) scaleY(5);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  75% {
    transform: translate3d(0, 10px, 0) scaleY(0.95);
  }
  90% {
    transform: translate3d(0, -5px, 0) scaleY(0.985);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__bounceInUp {
  animation-name: bounceInUp;
}

/* Bouncing exits  */
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.animate__bounceOut {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0) scaleY(3);
  }
}
.animate__bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0) scaleX(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0) scaleX(2);
  }
}
.animate__bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0) scaleY(0.985);
  }
  40%, 45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0) scaleY(0.9);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0) scaleY(3);
  }
}
.animate__bounceOutUp {
  animation-name: bounceOutUp;
}

/* Fading entrances  */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.animate__fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeInTopLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopLeft {
  animation-name: fadeInTopLeft;
}
@keyframes fadeInTopRight {
  from {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
@keyframes fadeInBottomLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomLeft {
  animation-name: fadeInBottomLeft;
}
@keyframes fadeInBottomRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__fadeInBottomRight {
  animation-name: fadeInBottomRight;
}

/* Fading exits */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.animate__fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.animate__fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.animate__fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.animate__fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.animate__fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes fadeOutTopLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, -100%, 0);
  }
}
.animate__fadeOutTopLeft {
  animation-name: fadeOutTopLeft;
}
@keyframes fadeOutTopRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, -100%, 0);
  }
}
.animate__fadeOutTopRight {
  animation-name: fadeOutTopRight;
}
@keyframes fadeOutBottomRight {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 100%, 0);
  }
}
.animate__fadeOutBottomRight {
  animation-name: fadeOutBottomRight;
}
@keyframes fadeOutBottomLeft {
  from {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 100%, 0);
  }
}
.animate__fadeOutBottomLeft {
  animation-name: fadeOutBottomLeft;
}

/* Flippers */
@keyframes flip {
  from {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px) scale3d(1, 1, 1) translate3d(0, 0, 0) rotate3d(0, 1, 0, 0deg);
    animation-timing-function: ease-in;
  }
}
.animate__animated.animate__flip {
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInX {
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.animate__flipInY {
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutX {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  animation-name: flipOutX;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.animate__flipOutY {
  animation-duration: 0.75s;
  animation-duration: calc(var(--animate-duration) * 0.75);
  backface-visibility: visible !important;
  animation-name: flipOutY;
}

/* Lightspeed */
@keyframes lightSpeedInRight {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInRight {
  animation-name: lightSpeedInRight;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedInLeft {
  from {
    transform: translate3d(-100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(-20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(5deg);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__lightSpeedInLeft {
  animation-name: lightSpeedInLeft;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOutRight {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutRight {
  animation-name: lightSpeedOutRight;
  animation-timing-function: ease-in;
}
@keyframes lightSpeedOutLeft {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(-100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
}
.animate__lightSpeedOutLeft {
  animation-name: lightSpeedOutLeft;
  animation-timing-function: ease-in;
}

/* Rotating entrances */
@keyframes rotateIn {
  from {
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateIn {
  animation-name: rotateIn;
  transform-origin: center;
}
@keyframes rotateInDownLeft {
  from {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownLeft {
  animation-name: rotateInDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateInDownRight {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInDownRight {
  animation-name: rotateInDownRight;
  transform-origin: right bottom;
}
@keyframes rotateInUpLeft {
  from {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpLeft {
  animation-name: rotateInUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateInUpRight {
  from {
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.animate__rotateInUpRight {
  animation-name: rotateInUpRight;
  transform-origin: right bottom;
}

/* Rotating exits */
@keyframes rotateOut {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.animate__rotateOut {
  animation-name: rotateOut;
  transform-origin: center;
}
@keyframes rotateOutDownLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutDownRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutDownRight {
  animation-name: rotateOutDownRight;
  transform-origin: right bottom;
}
@keyframes rotateOutUpLeft {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.animate__rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
  transform-origin: left bottom;
}
@keyframes rotateOutUpRight {
  from {
    opacity: 1;
  }
  to {
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.animate__rotateOutUpRight {
  animation-name: rotateOutUpRight;
  transform-origin: right bottom;
}

/* Specials */
@keyframes hinge {
  0% {
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    transform: rotate3d(0, 0, 1, 80deg);
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    transform: rotate3d(0, 0, 1, 60deg);
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.animate__hinge {
  animation-duration: 2s;
  animation-duration: calc(var(--animate-duration) * 2);
  animation-name: hinge;
  transform-origin: top left;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.animate__jackInTheBox {
  animation-name: jackInTheBox;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.animate__rollIn {
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.animate__rollOut {
  animation-name: rollOut;
}

/* Zooming entrances */
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.animate__zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomInUp {
  animation-name: zoomInUp;
}

/* Zooming exits */
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.animate__zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutDown {
  animation-name: zoomOutDown;
  transform-origin: center bottom;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
  }
}
.animate__zoomOutLeft {
  animation-name: zoomOutLeft;
  transform-origin: left center;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
  }
}
.animate__zoomOutRight {
  animation-name: zoomOutRight;
  transform-origin: right center;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.animate__zoomOutUp {
  animation-name: zoomOutUp;
  transform-origin: center bottom;
}

/* Sliding entrances */
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.animate__slideInUp {
  animation-name: slideInUp;
}

/* Sliding exits */
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.animate__slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.animate__slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.animate__slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.animate__slideOutUp {
  animation-name: slideOutUp;
}

:root {
  --db-primary: #18181a;
  --db-primary-60: rgba(24, 24, 26, 0.6);
  --db-secondary: #000000;
  --db-secondary-30: rgba(0, 0, 0, 0.3);
  --db-secondary-80: rgba(0, 0, 0, 0.8);
  --db-tertiary: #212426;
  --db-quaternary: #2e3434;
  --df-primary: #ffffff;
  --df-secondary: #8f9da3;
  --df-secondary-40: rgba(143, 157, 163, 0.4);
  --da-primary: #7efff5;
  --da-primary-muted: #426158;
  --da-secondary: #bb97d8;
  --da-tertiary: #00d1b8;
  --da-tertiary-10: rgba(0, 209, 184, 0.1);
  --da-tertiary-70: rgba(0, 209, 184, 0.7);
  --da-quaternary: #ff6fe0;
  --lb-primary: #ffffff;
  --lb-primary-60: rgba(255, 255, 255, 0.6);
  --lb-secondary: #e8eaee;
  --lb-secondary-30: rgba(232, 234, 238, 0.3);
  --lb-secondary-80: rgba(232, 234, 238, 0.8);
  --lb-tertiary: #f3f4f6;
  --lb-quaternary: #eef0f2;
  --lf-primary: #000;
  --lf-secondary: #495e74;
  --lf-secondary-40: rgba(73, 94, 116, 0.4);
  --lf-secondary-50: rgba(73, 94, 116, 0.5);
  --la-primary: #6911d4;
  --la-primary-muted: #e1d2f5;
  --la-secondary: #1345aa;
  --la-tertiary: #8c33eb;
  --la-tertiary-10: rgba(140, 51, 235, 0.1);
  --la-tertiary-70: rgba(140, 51, 235, 0.7);
  --la-quaternary: #ff6fe0;
  --status-color-success-200: #a7e8d9;
  --status-color-success-500: #2d9f8f;
  --status-color-success-950: #0a2927;
  --status-color-warning-200: #ffc8a8;
  --status-color-warning-500: #fe4811;
  --status-color-warning-950: #440806;
  --status-color-error-200: #ffcada;
  --status-color-error-500: #ff3277;
  --status-color-error-950: #500124;
  --status-color-info-200: #bae3fd;
  --status-color-info-500: #0e9be9;
  --status-color-info-950: #082c49;
  --color-canvas: #e8e9ea;
  --app-white: #ffffff;
  --app-black: #000;
  --google-login-background: #4285f4;
  --google-login-background-hover: #0d5bdd;
  --google-login-foreground: var(--df-primary);
  --github-login-background: #4c4c4c;
  --github-login-background-hover: #262626;
  --github-login-foreground: var(--app-white);
  --oidc-login-background: #b3b3b3;
  --oidc-login-background-hover: #8d8d8d;
  --oidc-login-foreground: var(--app-white);
  --gitlab-login-background: #fc6d26;
  --gitlab-login-background-hover: #d34803;
  --gitlab-login-foreground: var(--app-white);
}

:root {
  --color-background-primary: var(--db-primary);
  --color-background-secondary: var(--db-secondary);
  --color-background-tertiary: var(--db-tertiary);
  --color-background-quaternary: var(--db-quaternary);
  --color-background-subtle: var(--db-secondary-30);
  --color-background-disabled: var(--df-secondary);
  --color-foreground-primary: var(--df-primary);
  --color-foreground-secondary: var(--df-secondary);
  --color-foreground-disabled: var(--df-secondary-40);
  --color-accent-primary: var(--da-primary);
  --color-accent-primary-muted: var(--da-primary-muted);
  --color-accent-secondary: var(--da-secondary);
  --color-accent-tertiary: var(--da-tertiary);
  --color-accent-tertiary-muted: var(--da-tertiary-10);
  --color-accent-quaternary: var(--da-quaternary);
  --color-component-highlight: var(--da-secondary);
  --color-success-background: var(--status-color-success-950);
  --color-success-foreground: var(--status-color-success-500);
  --color-warning-background: var(--status-color-warning-950);
  --color-warning-foreground: var(--status-color-warning-500);
  --color-error-background: var(--status-color-error-950);
  --color-error-foreground: var(--status-color-error-500);
  --color-info-background: var(--status-color-info-950);
  --color-info-foreground: var(--status-color-info-500);
  --overlay-color: var(--db-primary-60);
  --shadow-color: var(--db-secondary-30);
  --radio-button-box-shadow: 0 0 0 1px var(--db-secondary-30) inset;
  /*!
    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 {
  --color-background-primary: var(--lb-primary);
  --color-background-secondary: var(--lb-secondary);
  --color-background-tertiary: var(--lb-tertiary);
  --color-background-quaternary: var(--lb-quaternary);
  --color-background-subtle: var(--lb-secondary-30);
  --color-background-disabled: var(--lb-quaternary);
  --color-foreground-primary: var(--lf-primary);
  --color-foreground-secondary: var(--lf-secondary);
  --color-foreground-disabled: var(--lf-secondary-40);
  --color-accent-primary: var(--la-primary);
  --color-accent-primary-muted: var(--la-primary-muted);
  --color-accent-secondary: var(--la-secondary);
  --color-accent-tertiary: var(--la-tertiary);
  --color-accent-tertiary-muted: var(--la-tertiary-10);
  --color-accent-quaternary: var(--la-quaternary);
  --color-component-highlight: var(--la-secondary);
  --color-success-background: var(--status-color-success-200);
  --color-success-foreground: var(--status-color-success-500);
  --color-warning-background: var(--status-color-warning-200);
  --color-warning-foreground: var(--status-color-warning-500);
  --color-error-background: var(--status-color-error-200);
  --color-error-foreground: var(--status-color-error-500);
  --color-info-background: var(--status-color-info-200);
  --color-info-foreground: var(--status-color-info-500);
  --overlay-color: var(--lb-primary-60);
  --shadow-color: var(--lf-secondary-40);
  --radio-button-box-shadow: 0 0 0 1px var(--lb-secondary) inset;
  /*!
    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;
}

.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-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(--shadow-color);
  --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(--df-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);
  --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-success-background);
  --alert-text-foreground-color-success: var(--color-foreground-primary);
  --alert-icon-foreground-color-success: var(--color-success-foreground);
  --alert-border-color-success: var(--color-success-foreground);
  --alert-background-color-warning: var(--color-warning-background);
  --alert-text-foreground-color-warning: var(--color-foreground-primary);
  --alert-icon-foreground-color-warning: var(--color-warning-foreground);
  --alert-border-color-warning: var(--color-warning-foreground);
  --alert-background-color-error: var(--color-error-background);
  --alert-text-foreground-color-error: var(--color-foreground-primary);
  --alert-icon-foreground-color-error: var(--color-error-foreground);
  --alert-border-color-error: var(--color-error-foreground);
  --alert-background-color-info: var(--color-info-background);
  --alert-text-foreground-color-info: var(--color-foreground-primary);
  --alert-icon-foreground-color-info: var(--color-info-foreground);
  --alert-border-color-info: var(--color-info-foreground);
  --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-pending-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);
  --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);
}

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

body {
  background-color: #f0f0f0;
  color: #b1b2b5;
  display: flex;
  flex-direction: column;
  font-family: var(--font-family);
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

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

* {
  box-sizing: border-box;
}

.global-zeroclipboard-container {
  transition: none;
}
.global-zeroclipboard-container #global-zeroclipboard-flash-bridge {
  transition: none;
}
.global-zeroclipboard-container object {
  transition: none;
}

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", sans-serif;
}

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

li {
  line-height: 1.33;
}

ul {
  margin-bottom: 1rem;
}

strong {
  font-weight: 700;
}

.relative {
  position: relative;
}

h1 {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 1.15;
}
h1.supertitle {
  font-size: 2.75rem;
  font-weight: 300;
  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;
}
@keyframes tooltipAppear {
  0% {
    opacity: 0;
    display: none;
  }
  1% {
    display: block;
    opacity: 0;
    left: 3rem;
  }
  100% {
    opacity: 1;
    left: 2rem;
  }
}
@keyframes show {
  0% {
    opacity: 0;
    display: none;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes hide {
  0% {
    opacity: 1;
    display: block;
  }
  99% {
    opacity: 0;
    display: block;
  }
  100% {
    display: none;
  }
}
.hide {
  display: none !important;
  transition: all 0.5s ease;
}

.visuallyHidden {
  opacity: 0 !important;
  transition: all 0.5s ease;
}

.show {
  animation: show 0.4s linear;
  display: block !important;
}

.center {
  margin: 0 auto;
  text-align: center;
}

.hidden-input {
  display: none;
}

.bold {
  font-weight: 700 !important;
}

.nopd {
  padding: 0 !important;
}

.move-cursor {
  cursor: move;
}

hr {
  border-top: solid 1px #1f1f1f;
  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;
}

[data-hidden=true] {
  display: none;
  pointer-events: none;
}

.main-content {
  display: flex;
  height: 100%;
  position: relative;
}

.dashboard-layout {
  background-color: #ffffff;
  display: grid;
  grid-template-rows: 50px 1fr;
  grid-template-columns: 40px 256px 1fr;
  height: 100vh;
}
.dashboard-layout .dashboard-sidebar {
  grid-row: 1/span 2;
  grid-column: 1/span 2;
  padding: 1rem;
}
.dashboard-layout .dashboard-content {
  grid-row: 1/span 2;
  padding: 1rem 1rem 0 0;
}

.dashboard-content {
  display: flex;
  flex-direction: column;
  position: relative;
}

.verify-token {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.verify-token svg#loader-pencil {
  fill: #303236;
}

#screenshot {
  display: flex;
  flex-direction: column;
}

.not-found-layout {
  display: grid;
  grid-template-rows: 120px auto;
  grid-template-columns: 1fr;
}

.not-found-header {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
  display: flex;
  align-items: center;
  padding: 32px;
}
.not-found-header svg {
  height: 55px;
  width: 170px;
}

.not-found-content {
  grid-column: 1/span 1;
  grid-row: 1/span 2;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}
.not-found-content .container {
  max-width: 600px;
}
.not-found-content .image {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.not-found-content .image svg {
  height: 220px;
  width: 220px;
}
.not-found-content .main-message {
  color: #000000;
  font-size: 5rem;
  line-height: 1.88;
  text-align: center;
}
.not-found-content .desc-message {
  color: #000000;
  font-size: 1.625rem;
  font-weight: 300;
  text-align: center;
}
.not-found-content .sign-info {
  margin-top: 20px;
  color: #000000;
  font-size: 1rem;
  font-weight: 200;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.not-found-content .sign-info b {
  font-weight: 400;
}
.not-found-content .sign-info .btn-primary {
  margin-top: 15px;
}

.btn-danger, .btn-warning, .btn-secondary, .btn-primary {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  align-items: center;
  border: none;
  border-radius: 3px;
  cursor: pointer;
  display: flex;
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  height: 30px;
  justify-content: center;
  min-width: 25px;
  padding: 0 1rem;
  transition: all 0.4s;
  text-decoration: none !important;
}
.btn-danger svg, .btn-warning svg, .btn-secondary svg, .btn-primary svg {
  height: 16px;
  width: 16px;
}
.btn-large.btn-danger, .btn-large.btn-warning, .btn-large.btn-secondary, .btn-large.btn-primary {
  font-size: 0.875rem;
  height: 40px;
}
.btn-large.btn-danger svg, .btn-large.btn-warning svg, .btn-large.btn-secondary svg, .btn-large.btn-primary svg {
  height: 20px;
  width: 20px;
}
.btn-small.btn-danger, .btn-small.btn-warning, .btn-small.btn-secondary, .btn-small.btn-primary {
  height: 25px;
}

.btn-primary {
  background: #31efb8;
  color: #000000;
}
.btn-primary:hover, .btn-primary:focus {
  background: #000000;
  color: #31efb8;
}

.btn-secondary {
  background: #ffffff;
  border: 1px solid #b1b2b5;
  color: #000000;
}
.btn-secondary:hover {
  background: #31efb8;
  border-color: #31efb8;
  color: #000000;
}

.btn-warning {
  background: #fc8802;
  color: #ffffff;
}
.btn-warning:hover {
  background: #cc6e02;
  color: #ffffff;
}

.btn-danger {
  background: #e65244;
  color: #ffffff;
}
.btn-danger:hover {
  background: #ba4237;
  color: #ffffff;
}

input[type=button][disabled],
.btn-disabled {
  background-color: #e3e3e3;
  color: #64666a;
  pointer-events: none;
}

ul.slider-dots {
  align-items: center;
  display: flex;
}
ul.slider-dots li {
  background-color: transparent;
  border-radius: 50%;
  border: 2px solid #ffffff;
  cursor: pointer;
  height: 12px;
  flex-shrink: 0;
  margin: 6px;
  width: 12px;
}
ul.slider-dots li.current, ul.slider-dots li:hover {
  background-color: #e3e3e3;
}
ul.slider-dots.dots-purple li {
  border-color: #a599c6;
}
ul.slider-dots.dots-purple li.current, ul.slider-dots.dots-purple li:hover {
  background-color: #a599c6;
}

.doted-list li {
  align-items: center;
  display: flex;
  padding: 0.5rem 0;
}
.doted-list li::before {
  background-color: #a599c6;
  border-radius: 50%;
  content: "";
  flex-shrink: 0;
  height: 10px;
  margin-right: 6px;
  width: 10px;
}
.doted-list li.not-included {
  text-decoration: line-through;
}

.tags {
  display: flex;
  flex-wrap: wrap;
}
.tags:last-child {
  margin-right: 0;
}
.tags .tag {
  background-color: #b1b2b5;
  border-radius: 3px;
  color: #ffffff;
  cursor: pointer;
  font-size: 0.875rem;
  font-weight: 700;
  margin: 0 0.5rem 0.5rem 0;
  padding: 4px 8px;
  text-transform: uppercase;
}
.tags .tag:hover {
  background-color: #64666a;
}
.tags .tag.tag-primary {
  background-color: #31efb8;
  color: #ffffff;
}
.tags .tag.tag-primary:hover {
  background-color: #28c295;
}
.tags .tag.tag-green {
  background-color: #49d793;
  color: #ffffff;
}
.tags .tag.tag-green:hover {
  background-color: #3bae77;
}
.tags .tag.tag-purple {
  background-color: #a599c6;
  color: #ffffff;
}
.tags .tag.tag-purple:hover {
  background-color: #867ca0;
}
.tags .tag.tag-orange {
  background-color: #fc8802;
  color: #ffffff;
}
.tags .tag.tag-orange:hover {
  background-color: #cc6e02;
}
.tags .tag.tag-red {
  background-color: #e65244;
  color: #ffffff;
}
.tags .tag.tag-red:hover {
  background-color: #ba4237;
}

.input-element {
  display: flex;
  flex-shrink: 0;
  position: relative;
  width: 75px;
}
.input-element::after,
.input-element .after {
  color: #b1b2b5;
  font-size: 0.75rem;
  height: 20px;
  position: absolute;
  right: 0.5rem;
  text-align: right;
  top: 26%;
  width: 18px;
  pointer-events: none;
  max-width: 4rem;
  overflow: hidden;
  text-overflow: ellipsis;
}
.input-element .after {
  width: auto;
  right: 6px;
}
.input-element.mini {
  width: 43px;
}
.input-element.auto {
  width: auto;
}
.input-element.pixels input {
  padding-right: 20px;
}
.input-element.pixels::after {
  content: "px";
}
.input-element.percentail::after {
  content: "%";
}
.input-element.milliseconds::after {
  content: "ms";
}
.input-element.degrees::after {
  content: "dg";
}
.input-element.height::after {
  content: "H";
}
.input-element.width::after {
  content: "W";
}
.input-element.Xaxis::after {
  content: "X";
}
.input-element.Yaxis::after {
  content: "Y";
}
.input-element.maxW::after {
  content: attr(alt);
}
.input-element.minW::after {
  content: attr(alt);
}
.input-element.maxH::after {
  content: attr(alt);
}
.input-element.minH::after {
  content: attr(alt);
}
.input-element.large {
  min-width: 7rem;
}

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

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box;
  cursor: pointer;
  line-height: normal;
  margin-top: 1px 0 0;
}

.form-errors {
  color: #e65244;
}

.input-text, .input-select {
  border: none;
  border-bottom: 1px solid transparent;
  background-color: #ffffff;
  box-shadow: none;
  outline: none;
  padding: 0.5rem 1.5rem 0.5rem 0.5rem;
  position: relative;
}
.input-text::-webkit-input-placeholder, .input-select::-webkit-input-placeholder {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text:-moz-placeholder, .input-select:-moz-placeholder {
  /* Firefox 18- */
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text::-moz-placeholder, .input-select::-moz-placeholder {
  /* Firefox 19+ */
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text:-ms-input-placeholder, .input-select:-ms-input-placeholder {
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text:focus, .input-select:focus {
  border-color: #64666a;
  box-shadow: none;
}
.input-text:focus::-webkit-input-placeholder, .input-select:focus::-webkit-input-placeholder {
  opacity: 0;
  transform: translateY(-20px);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text:focus:-moz-placeholder, .input-select:focus:-moz-placeholder {
  /* Firefox 18- */
  opacity: 0;
  transform: translateY(-20px);
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text:focus::-moz-placeholder, .input-select:focus::-moz-placeholder {
  /* Firefox 19+ */
  opacity: 0;
  transform: translateY(-20px);
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text:focus:-ms-input-placeholder, .input-select:focus:-ms-input-placeholder {
  opacity: 0;
  transform: translateY(-20px);
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.input-text.success, .success.input-select {
  background-color: #dbf7e9;
  border-color: #49d793;
  color: #3bae77;
}
.input-text.error, .error.input-select {
  background-color: #fadcda;
  border-color: #e65244;
  color: #ba4237;
}

input.element-name {
  background-color: #ffffff;
  border: 1px solid #64666a;
  border-radius: 3px;
  color: #1f1f1f;
  font-size: 0.75rem;
  margin: 0px;
  padding: 3px;
  width: 100%;
}

.input-select {
  background-image: url("/images/icons/arrow-down-white.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 4px) 48%;
  background-size: 10px;
  cursor: pointer;
}
.input-select.small {
  padding: 0.25rem 1.5rem 0.25rem 0.25rem;
}

.input-radio,
.input-checkbox {
  align-items: center;
  color: #64666a;
  display: flex;
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 0px;
}
.input-radio label,
.input-checkbox label {
  cursor: pointer;
  display: flex;
  align-items: center;
  margin-right: 15px;
  font-size: 0.75rem;
}
.input-radio label:before,
.input-checkbox label:before {
  content: "";
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-color: #e3e3e3;
  border: 1px solid #7b7d85;
  box-shadow: inset 0 0 0 0 #31efb8;
  box-sizing: border-box;
  flex-shrink: 0;
}
.input-radio.column,
.input-checkbox.column {
  align-items: flex-start;
  flex-direction: column;
}

.input-radio label {
  margin-bottom: 6px;
}
.input-radio label:before {
  border-radius: 99px;
  transition: box-shadow 0.2s linear 0s, color 0.2s linear 0s;
}
.input-radio input[type=radio]:checked + label:before {
  box-shadow: inset 0 0 0 5px #b1b2b5;
}
.input-radio input[type=radio] {
  display: none;
}
.input-radio input[type=radio][disabled] + label {
  opacity: 0.65;
}

.input-radio.radio-success input[type=radio]:checked + label:before {
  box-shadow: inset 0 0 0 5px #49d793;
}
.input-radio.radio-primary input[type=radio]:checked + label:before {
  box-shadow: inset 0 0 0 5px #31efb8;
}
.input-radio.radio-info input[type=radio]:checked + label:before {
  box-shadow: inset 0 0 0 5px #59b9e2;
}
.input-radio.radio-warning input[type=radio]:checked + label:before {
  box-shadow: inset 0 0 0 5px #fc8802;
}
.input-radio.radio-danger input[type=radio]:checked + label:before {
  box-shadow: inset 0 0 0 5px #e65244;
}
.input-radio.radio-complete input[type=radio]:checked + label:before {
  box-shadow: inset 0 0 0 5px #a599c6;
}

.input-checkbox input[type=radio][disabled] + label:after {
  background-color: #e3e3e3;
}
.input-checkbox label {
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
  position: relative;
}
.input-checkbox label:before {
  top: 1.4px;
  border-radius: 3px;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.input-checkbox label::after {
  display: inline-block;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 3.2px;
  top: 0;
  font-size: 0.75rem;
  transition: border 0.2s linear 0s, color 0.2s linear 0s;
}
.input-checkbox label:after {
  border-radius: 3px;
}
.input-checkbox input[type=checkbox] {
  display: none;
}
.input-checkbox.checkbox-circle label:after {
  border-radius: 99px;
}
.input-checkbox.checkbox-circle label:before {
  border-radius: 99px;
}
.input-checkbox input[type=checkbox]:checked + label:before {
  border-width: 10px;
}
.input-checkbox input[type=checkbox]:checked + label::after {
  content: "✓";
  color: #ffffff;
  font-size: 1rem;
}
.input-checkbox input[type=checkbox][disabled] + label {
  opacity: 0.65;
}
.input-checkbox input[type=checkbox][disabled] + label:before {
  background-color: #eceff3;
}
.input-checkbox input[type=checkbox][indeterminate] + label::after {
  content: "?";
  left: 4px;
}
.input-checkbox.right label {
  margin-right: 35px;
  padding-left: 0 !important;
}
.input-checkbox.right label:before {
  right: -35px;
  left: auto;
}
.input-checkbox.right input[type=checkbox]:checked + label {
  position: relative;
}
.input-checkbox.right input[type=checkbox]:checked + label::after {
  content: "✓";
  position: absolute;
  right: -27px;
  left: auto;
}

.input-checkbox.check-success input[type=checkbox]:checked + label:before {
  border-color: #49d793;
}
.input-checkbox.check-primary input[type=checkbox]:checked + label:before {
  border-color: #31efb8;
}
.input-checkbox.check-complete input[type=checkbox]:checked + label:before {
  border-color: #a599c6;
}
.input-checkbox.check-warning input[type=checkbox]:checked + label:before {
  border-color: #fc8802;
}
.input-checkbox.check-danger input[type=checkbox]:checked + label:before {
  border-color: #e65244;
}
.input-checkbox.check-info input[type=checkbox]:checked + label:before {
  border-color: #59b9e2;
}
.input-checkbox.check-success input[type=checkbox]:checked + label::after, .input-checkbox.check-primary input[type=checkbox]:checked + label::after, .input-checkbox.check-complete input[type=checkbox]:checked + label::after, .input-checkbox.check-warning input[type=checkbox]:checked + label::after, .input-checkbox.check-danger input[type=checkbox]:checked + label::after, .input-checkbox.check-info input[type=checkbox]:checked + label::after {
  color: #ffffff;
}

input[type=range] {
  background-color: transparent;
  -webkit-appearance: none;
  margin: 10px 0 10px 3px;
  max-width: 70px;
  width: 100%;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #1f1f1f;
  border-radius: 25px;
  border: 0px solid #000101;
}

input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 18px;
  width: 6px;
  border-radius: 7px;
  background: #b1b2b5;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -6px;
}

input[type=range]:focus::-webkit-slider-runnable-track {
  background: #1f1f1f;
}

input[type=range]::-moz-range-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  background: #1f1f1f;
  border-radius: 25px;
  border: 0px solid #000101;
}

input[type=range]::-moz-range-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 24px;
  width: 8px;
  border-radius: 7px;
  background: #b1b2b5;
  cursor: pointer;
}

input[type=range]::-ms-track {
  width: 100%;
  height: 8px;
  cursor: pointer;
  animate: 0.2s;
  background: transparent;
  border-color: transparent;
  border-width: 39px 0;
  color: transparent;
}

input[type=range]::-ms-fill-lower {
  background: #1f1f1f;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

input[type=range]::-ms-fill-upper {
  background: #1f1f1f;
  border: 0px solid #000101;
  border-radius: 50px;
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
}

input[type=range]::-ms-thumb {
  box-shadow: 0px 0px 0px #000000, 0px 0px 0px #0d0d0d;
  border: 0px solid #000000;
  height: 24px;
  width: 8px;
  border-radius: 7px;
  background: #b1b2b5;
  cursor: pointer;
}

input[type=range]:focus::-ms-fill-lower {
  background: #1f1f1f;
}

input[type=range]:focus::-ms-fill-upper {
  background: #1f1f1f;
}

::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 8px;
  width: 8px;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: #b1b2b5;
}
::-webkit-scrollbar-thumb:hover {
  background-color: #8c8e92;
  outline: 2px solid #31efb8;
}

.tooltip {
  position: relative;
}
.tooltip:hover::after {
  background-color: #ffffff;
  border-radius: 3px;
  color: #1f1f1f;
  content: attr(alt);
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem;
  position: absolute;
  left: 130%;
  text-align: center;
  top: 0;
  white-space: nowrap;
  z-index: 20;
  -webkit-animation-delay: 0.3s;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: fadeIn;
  -webkit-animation-fill-mode: both;
  -moz-animation-delay: 0.3s;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: fadeIn;
  -moz-animation-fill-mode: both;
  animation-delay: 0.3s;
  animation-duration: 0.6s;
  animation-name: fadeIn;
  animation-fill-mode: both;
}
.tooltip.tooltip-bottom:hover::after {
  left: 0;
  top: 130%;
}
.tooltip.tooltip-expand:hover::after {
  min-width: 100%;
}
.tooltip.tooltip-bottom-left:hover::after {
  left: unset;
  right: 0;
  top: 130%;
}
.tooltip.tooltip-top:hover::after {
  top: -165%;
  left: -60%;
}
.tooltip.tooltip-right:hover::after {
  top: 15%;
  left: 120%;
}
.tooltip.tooltip-left:hover::after {
  left: unset;
  right: 130%;
  top: 15%;
}
.tooltip.tooltip-hover:hover::after {
  align-items: center;
  background-color: #ffffff;
  box-sizing: border-box;
  border-radius: 0px;
  color: #1f1f1f;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  top: 0;
  white-space: normal;
  width: 100%;
}

.banner {
  position: relative;
}
.banner.error {
  background-color: #e65244;
}
.banner.success {
  background-color: #49d793;
}
.banner.warning {
  background-color: #fc8802;
}
.banner.info {
  background-color: #59b9e2;
}
.banner.hide {
  -webkit-animation-delay: 0;
  -webkit-animation-duration: 0.6s;
  -webkit-animation-name: fadeOutUp;
  -webkit-animation-fill-mode: both;
  -moz-animation-delay: 0;
  -moz-animation-duration: 0.6s;
  -moz-animation-name: fadeOutUp;
  -moz-animation-fill-mode: both;
  animation-delay: 0;
  animation-duration: 0.6s;
  animation-name: fadeOutUp;
  animation-fill-mode: both;
}
.banner .icon {
  display: flex;
}
.banner .icon svg {
  fill: #ffffff;
  height: 20px;
  width: 20px;
}
.banner .content.bottom-actions {
  flex-direction: column;
}
.banner .content.bottom-actions .actions {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.banner .content.inline-actions {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.banner .content.inline-actions .actions {
  display: flex;
  justify-content: flex-start;
}
.banner .content.inline-actions .actions .btn-secondary {
  margin-left: 1rem;
}
.banner .content .link {
  background: none;
  border: none;
  color: #59b9e2;
  display: inline;
  margin: 0;
  text-decoration: underline;
}
.banner .btn-close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  opacity: 0.35;
}
.banner .btn-close svg {
  fill: #000000;
  height: 18px;
  width: 18px;
  transform: rotate(45deg);
}
.banner .btn-close:hover {
  opacity: 0.8;
}
.banner.fixed {
  border-radius: 3px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
  height: 48px;
  max-width: 1000px;
  min-width: 500px;
  position: fixed;
  padding-left: 16px;
  top: 16px;
  right: 16px;
  z-index: 40;
  display: flex;
  align-items: center;
}
.banner.fixed .wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-right: 64px;
}
.banner.fixed .wrapper .icon {
  margin-right: 1rem;
}
.banner.fixed .wrapper .content {
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.875rem;
}
.banner.floating, .banner.inline {
  min-height: 40px;
}
.banner.floating .wrapper, .banner.inline .wrapper {
  display: flex;
  align-items: center;
}
.banner.floating .wrapper .icon, .banner.inline .wrapper .icon {
  padding: 0.5rem;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}
.banner.floating .wrapper .content, .banner.inline .wrapper .content {
  color: #000000;
  display: flex;
  font-size: 0.875rem;
  padding: 0.5rem;
  width: 100%;
  align-items: center;
  padding: 10px 15px;
  min-height: 48px;
}
.banner.floating.error .content, .banner.inline.error .content {
  background-color: #f8cfcb;
}
.banner.floating.success .content, .banner.inline.success .content {
  background-color: #c6f3dd;
}
.banner.floating.warning .content, .banner.inline.warning .content {
  background-color: #fecf99;
}
.banner.floating.info .content, .banner.inline.info .content {
  background-color: #dbf0f9;
}
.banner.floating {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.18);
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  width: 40rem;
  margin-left: auto;
  margin-right: auto;
  z-index: 20;
}
.banner.floating.error {
  border: 1px solid #e65244;
}
.banner.floating.success {
  border: 1px solid #49d793;
}
.banner.floating.warning {
  border: 1px solid #fc8802;
}
.banner.floating.info {
  border: 1px solid #59b9e2;
}
.banner.inline {
  width: 100%;
}

.close-bezier {
  fill: #e65244;
  stroke: #ba4237;
  stroke-width: 2px;
  cursor: pointer;
}
.close-bezier:hover {
  fill: #ffffff;
}

.message-inline {
  background-color: #59b9e2;
  color: #356f88;
  margin-bottom: 1.2rem;
  padding: 0.8rem;
  text-align: center;
}
.message-inline p {
  margin: 0;
}
.message-inline .code {
  font-family: monospace;
}

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

.dnd-over > .element-list-body {
  border: 1px solid white !important;
}

.dnd-over-top {
  border-top: 1px solid white !important;
}

.dnd-over-bot {
  border-bottom: 1px solid white !important;
}

.text-editor,
.rich-text {
  color: #000000;
  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;
}

.debug-preview {
  display: flex;
  flex-direction: column;
  overflow: scroll;
  height: 100%;
}
.debug-preview h1 {
  color: white;
  font-size: 24px;
  display: block;
  width: 100vw;
  margin: 12px;
}

.debug-icons-preview {
  display: flex;
  flex-wrap: wrap;
}
.debug-icons-preview h2 {
  color: white;
  font-size: 16px;
  display: block;
  width: 100vw;
  margin: 12px;
}
.debug-icons-preview .subtitle-old {
  color: #ff3277;
}
.debug-icons-preview .icon-item,
.debug-icons-preview .cursor-item,
.debug-icons-preview .icon-item-old {
  padding: 10px;
  display: flex;
  flex-direction: column;
  width: 120px;
  height: 120px;
  margin: 10px;
  align-items: center;
}
.debug-icons-preview .icon-item svg,
.debug-icons-preview .cursor-item svg,
.debug-icons-preview .icon-item-old svg {
  width: 100%;
  height: 100%;
  min-width: 16px;
  min-height: 16px;
  fill: none;
  color: transparent;
  stroke: #91fadb;
}
.debug-icons-preview .icon-item span,
.debug-icons-preview .cursor-item span,
.debug-icons-preview .icon-item-old span {
  color: white;
  max-width: 100px;
  overflow: hidden;
  font-size: 12px;
  margin-top: 4px;
  word-break: break-word;
  min-height: 40px;
}
.debug-icons-preview .cursor-item div,
.debug-icons-preview .icon-item-old svg {
  stroke: #aab5ba;
}
.debug-icons-preview .cursor-item {
  height: auto;
}

.loader-content {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.85);
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 40;
}

svg#loader-icon {
  height: 100px;
  width: 100px;
  animation: loaderColor 5s infinite ease;
}

#loader-pen1 {
  animation: pen1 2s infinite ease;
}

#loader-pen2 {
  animation: pen2 2s infinite ease;
}

#loader-pen3 {
  animation: pen3 2s infinite ease;
}

svg#loader-pencil {
  fill: #1d8f6e;
  width: 60px;
}

#loader-line {
  animation: linePencil 0.8s infinite linear;
}

#workspace {
  width: 100vw;
  height: 100%;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #e8e9ea;
  display: grid;
  grid-template-areas: "header header header header" "toolbar left-sidebar viewport right-sidebar" "toolbar left-sidebar color-palette right-sidebar";
  grid-template-rows: auto 1fr auto;
  grid-template-columns: auto auto 1fr auto;
}
#workspace .workspace-header {
  grid-area: header;
  height: 48px;
}
#workspace .left-toolbar {
  grid-area: toolbar;
  width: 48px;
  overflow-y: auto;
  overflow-x: hidden;
}
#workspace .settings-bar.settings-bar-left {
  min-width: 256px;
  max-width: 500px;
  width: var(--width, 256px);
  grid-area: left-sidebar;
}
#workspace .settings-bar.settings-bar-right {
  height: 100%;
  width: var(--width, 256px);
  grid-area: right-sidebar;
}
#workspace .settings-bar.settings-bar-right.not-expand {
  max-width: 256px;
}
#workspace .workspace-content {
  grid-area: viewport;
}
#workspace .color-palette {
  grid-area: color-palette;
  max-height: 80px;
  height: var(--height, 79px);
}

.workspace-content {
  background-color: #e8e9ea;
  display: flex;
  padding: 0;
  margin: 0;
  grid-area: viewport;
  /* Rules */
}
.workspace-content.scrolling {
  cursor: grab;
}
.workspace-content.no-tool-bar-right {
  width: calc(100% - 48px - 256px);
  right: 0;
}
.workspace-content.no-tool-bar-right .coordinates {
  right: 10px;
}
.workspace-content.no-tool-bar-left {
  width: calc(100% - 48px - 256px);
}
.workspace-content.no-tool-bar-left.no-tool-bar-right {
  width: 100%;
}
.workspace-content .coordinates {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  bottom: 0px;
  padding-left: 5px;
  position: fixed;
  right: calc(256px + 14px);
  text-align: center;
  width: 125px;
  white-space: nowrap;
  padding-bottom: 2px;
  transition: bottom 0.5s;
  z-index: 2;
}
.workspace-content .coordinates.color-palette-open {
  bottom: 5rem;
}
.workspace-content .coordinates span {
  color: #ffffff;
  font-size: 0.75rem;
  padding-right: 5px;
}
.workspace-content .cursor-tooltip {
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 3px;
  color: #ffffff;
  font-size: 0.75rem;
  padding: 3px 8px;
  transition: none;
  text-align: center;
}
.workspace-content .workspace-viewport {
  overflow: hidden;
  transition: none;
  display: grid;
  grid-template-rows: 20px 1fr;
  grid-template-columns: 20px 1fr;
  flex: 1;
}
.workspace-content .viewport {
  cursor: none;
  grid-column: 1/span 2;
  grid-row: 1/span 2;
  overflow: hidden;
  position: relative;
}
.workspace-content .viewport .viewport-overlays {
  cursor: initial;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 10;
}
.workspace-content .viewport .viewport-overlays .pixel-overlay {
  left: 0;
  pointer-events: initial;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.workspace-content .viewport .render-shapes {
  height: 100%;
  position: absolute;
  width: 100%;
}
.workspace-content .viewport .frame-thumbnail-wrapper .fills,
.workspace-content .viewport .frame-thumbnail-wrapper .frame-clip-def {
  opacity: 0;
}
.workspace-content .viewport .viewport-controls {
  position: absolute;
  width: 100%;
  height: 100%;
}
.workspace-content .page-canvas,
.workspace-content .page-layout {
  overflow: visible;
}
.workspace-content .empty-rule-square {
  grid-column: 1/span 1;
  grid-row: 1/span 1;
}
.workspace-content .horizontal-rule {
  transition: none;
  pointer-events: none;
  grid-column: 2/span 1;
  grid-row: 1/span 1;
  z-index: 13;
}
.workspace-content .horizontal-rule rect {
  fill: #e8e9ea;
}
.workspace-content .horizontal-rule path {
  stroke: #b1b2b5;
}
.workspace-content .vertical-rule {
  transition: none;
  pointer-events: none;
  grid-column: 1/span 1;
  grid-row: 2/span 1;
  z-index: 13;
}
.workspace-content .vertical-rule rect {
  fill: #e8e9ea;
}
.workspace-content .vertical-rule path {
  stroke: #b1b2b5;
}

.workspace-frame-label {
  font-size: 0.75rem;
}

.multiuser-cursor {
  z-index: 10000;
  pointer-events: none;
}

.profile-name {
  width: -moz-fit-content;
  width: fit-content;
  font-family: worksans;
  padding: 2px 12px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  height: 20px;
  font-size: 0.75rem;
  line-height: 1.5;
}

.viewport-actions {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin-left: auto;
  margin-top: 2rem;
  position: absolute;
  width: 100%;
  z-index: 12;
  pointer-events: none;
}
.viewport-actions .path-actions,
.viewport-actions .viewport-actions-container {
  pointer-events: initial;
  display: flex;
  flex-direction: row;
  background: white;
  border-radius: 3px;
  padding: 0.5rem;
  border: 1px solid #b1b2b5;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}
.viewport-actions .viewport-actions-container {
  padding-left: 1rem;
  gap: 12px;
  color: var(--color-gray-60);
  align-items: center;
  font-size: 12px;
}
.viewport-actions .viewport-actions-container .btn-primary,
.viewport-actions .viewport-actions-container .btn-secondary {
  height: 24px;
}
.viewport-actions .viewport-actions-container .viewport-actions-title {
  margin-right: 2rem;
}
.viewport-actions .viewport-actions-container .grid-edit-board-name {
  font-weight: 600;
}
.viewport-actions .viewport-actions-group {
  display: flex;
  flex-direction: row;
  border-right: 1px solid #b1b2b5;
}
.viewport-actions .viewport-actions-entry {
  width: 28px;
  height: 28px;
  margin: 0 0.25rem;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
}
.viewport-actions .viewport-actions-entry svg {
  pointer-events: none;
  width: 20px;
  height: 20px;
}
.viewport-actions .viewport-actions-entry:hover svg {
  fill: #31efb8;
}
.viewport-actions .viewport-actions-entry.is-disabled {
  cursor: initial;
}
.viewport-actions .viewport-actions-entry.is-disabled svg {
  fill: #b1b2b5;
}
.viewport-actions .viewport-actions-entry.is-toggled {
  background: #000000;
}
.viewport-actions .viewport-actions-entry.is-toggled svg {
  fill: #31efb8;
}
.viewport-actions .viewport-actions-entry-wide {
  width: 27px;
  height: 20px;
}
.viewport-actions .viewport-actions-entry-wide svg {
  width: 27px;
  height: 20px;
}
.viewport-actions .path-actions > :first-child .viewport-actions-entry {
  margin-left: 0;
}
.viewport-actions .path-actions > :last-child {
  border: none;
}
.viewport-actions .path-actions > :last-child .viewport-actions-entry {
  margin-right: 0;
}
body {
  color: yellow;
}

.deprecated-icon {
  fill: red !important;
}
@keyframes main_ui_alert__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_alert__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_alert__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_alert__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_alert__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_alert__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_alert__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.main_ui_alert__modal-hint {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.main_ui_alert__modal-scd-msg,
.main_ui_alert__modal-subtitle,
.main_ui_alert__modal-msg {
  font-family: "worksans", 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_auth__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_auth__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_auth__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_auth__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_auth__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_auth__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__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 {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  display: flex;
  justify-content: flex-start;
  width: 7.5rem;
  margin-block-end: 3.25rem;
}
.main_ui_auth__logo-btn svg {
  width: 7.5rem;
  height: 2.5rem;
  fill: var(--main-icon-foreground);
}

.main_ui_auth__terms-login {
  font-family: "worksans", 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__and-text {
  border-bottom: 1px solid transparent;
  color: var(--title-foreground-color);
}

.main_ui_auth__auth-link {
  color: var(--link-foreground-color);
}
.main_ui_auth__auth-link:hover {
  text-decoration: underline;
}
@keyframes main_ui_comments__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn, .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", 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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn:focus-visible,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn:focus-visible svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn 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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn:hover,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn:hover svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn:active,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn:active svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn.disabled,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn.disabled, .main_ui_comments__modal-danger-btn.disabled, .main_ui_comments__modal-accept-btn.disabled, .main_ui_comments__button-primary[disabled], .main_ui_comments__edit-form .main_ui_comments__buttons-wrapper [disabled].main_ui_comments__post-btn,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper [disabled].main_ui_comments__post-btn, [disabled].main_ui_comments__modal-danger-btn, [disabled].main_ui_comments__modal-accept-btn, .main_ui_comments__button-primary:disabled, .main_ui_comments__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn:disabled,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn, .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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn:focus-visible,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn:focus-visible svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn 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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn:hover,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn:hover svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn:active,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn:active svg,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn: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__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn.disabled,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn.disabled, .main_ui_comments__modal-cancel-btn.disabled, .main_ui_comments__button-secondary[disabled], .main_ui_comments__edit-form .main_ui_comments__buttons-wrapper [disabled].main_ui_comments__cancel-btn,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper [disabled].main_ui_comments__cancel-btn, [disabled].main_ui_comments__modal-cancel-btn, .main_ui_comments__button-secondary:disabled, .main_ui_comments__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn:disabled,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options, .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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options svg, .main_ui_comments__attr-title button svg, .main_ui_comments__modal-close-btn-base svg,
.main_ui_comments__button-tertiary span svg,
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_comments__button-tertiary:hover, .main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options.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__comment-container .main_ui_comments__comment .main_ui_comments__author [disabled].main_ui_comments__options, .main_ui_comments__attr-title button[disabled], [disabled].main_ui_comments__modal-close-btn-base, .main_ui_comments__button-tertiary:disabled, .main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options.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__comment-container .main_ui_comments__comment .main_ui_comments__author [disabled].main_ui_comments__options 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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options svg, .main_ui_comments__empty-icon svg, .main_ui_comments__modal-close-btn-base svg, .main_ui_comments__button-icon-small, .main_ui_comments__icon svg, .main_ui_comments__dropdown-element-base span svg, .main_ui_comments__comment-container .main_ui_comments__comment-options-dropdown .main_ui_comments__context-menu-option span svg, .main_ui_comments__attr-title button svg, .main_ui_comments__checkbox-icon.intermediate svg, .main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.intermediate svg, .main_ui_comments__input-checkbox label span.intermediate svg, .main_ui_comments__checkbox-icon.checked svg, .main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.checked svg, .main_ui_comments__input-checkbox label span.checked svg, .main_ui_comments__input-element span svg, .main_ui_comments__edit-form textarea span svg,
.main_ui_comments__reply-form textarea span svg,
.main_ui_comments__input-element label svg,
.main_ui_comments__edit-form textarea label svg,
.main_ui_comments__reply-form textarea 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__icon svg, .main_ui_comments__dropdown-element-base span svg, .main_ui_comments__comment-container .main_ui_comments__comment-options-dropdown .main_ui_comments__context-menu-option span svg, .main_ui_comments__attr-title button svg, .main_ui_comments__checkbox-icon.intermediate svg, .main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.intermediate svg, .main_ui_comments__input-checkbox label span.intermediate svg, .main_ui_comments__checkbox-icon.checked svg, .main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.checked svg, .main_ui_comments__input-checkbox label span.checked svg, .main_ui_comments__input-element span svg, .main_ui_comments__edit-form textarea span svg,
.main_ui_comments__reply-form textarea span svg,
.main_ui_comments__input-element label svg,
.main_ui_comments__edit-form textarea label svg,
.main_ui_comments__reply-form textarea 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, .main_ui_comments__edit-form textarea input,
.main_ui_comments__reply-form textarea input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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], .main_ui_comments__edit-form textarea input[disabled],
.main_ui_comments__reply-form textarea 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__edit-form textarea span,
.main_ui_comments__reply-form textarea span,
.main_ui_comments__input-element label,
.main_ui_comments__edit-form textarea label,
.main_ui_comments__reply-form textarea label {
  font-family: "worksans", 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, .main_ui_comments__edit-form textarea,
.main_ui_comments__reply-form textarea {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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, .main_ui_comments__edit-form textarea:focus-within,
.main_ui_comments__reply-form textarea: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__edit-form textarea span svg,
.main_ui_comments__reply-form textarea span svg,
.main_ui_comments__input-element label svg,
.main_ui_comments__edit-form textarea label svg,
.main_ui_comments__reply-form textarea label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_comments__input-element ::-moz-placeholder, .main_ui_comments__edit-form textarea ::-moz-placeholder, .main_ui_comments__reply-form textarea ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_comments__input-element ::placeholder, .main_ui_comments__edit-form textarea ::placeholder,
.main_ui_comments__reply-form textarea ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_comments__input-element:hover, .main_ui_comments__edit-form textarea:hover,
.main_ui_comments__reply-form textarea:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_comments__input-element:hover span, .main_ui_comments__edit-form textarea:hover span,
.main_ui_comments__reply-form textarea:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_comments__input-element:hover input, .main_ui_comments__edit-form textarea:hover input,
.main_ui_comments__reply-form textarea:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_comments__input-element:active, .main_ui_comments__edit-form textarea:active,
.main_ui_comments__reply-form textarea:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_comments__input-element:active span, .main_ui_comments__edit-form textarea:active span,
.main_ui_comments__reply-form textarea:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-element:active input, .main_ui_comments__edit-form textarea:active input,
.main_ui_comments__reply-form textarea:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_comments__input-element:focus, .main_ui_comments__edit-form textarea:focus,
.main_ui_comments__reply-form textarea:focus, .main_ui_comments__input-element:focus-within, .main_ui_comments__edit-form textarea:focus-within,
.main_ui_comments__reply-form textarea: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__edit-form textarea:focus span,
.main_ui_comments__reply-form textarea:focus span, .main_ui_comments__input-element:focus-within span, .main_ui_comments__edit-form textarea:focus-within span,
.main_ui_comments__reply-form textarea:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_comments__input-element:focus input, .main_ui_comments__edit-form textarea:focus input,
.main_ui_comments__reply-form textarea:focus input, .main_ui_comments__input-element:focus-within input, .main_ui_comments__edit-form textarea:focus-within input,
.main_ui_comments__reply-form textarea:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_comments__input-element:focus:hover, .main_ui_comments__edit-form textarea:focus:hover,
.main_ui_comments__reply-form textarea:focus:hover, .main_ui_comments__input-element:focus-within:hover, .main_ui_comments__edit-form textarea:focus-within:hover,
.main_ui_comments__reply-form textarea: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__edit-form textarea:focus:hover span,
.main_ui_comments__reply-form textarea:focus:hover span, .main_ui_comments__input-element:focus-within:hover span, .main_ui_comments__edit-form textarea:focus-within:hover span,
.main_ui_comments__reply-form textarea:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_comments__input-element:focus:hover input, .main_ui_comments__edit-form textarea:focus:hover input,
.main_ui_comments__reply-form textarea:focus:hover input, .main_ui_comments__input-element:focus-within:hover input, .main_ui_comments__edit-form textarea:focus-within:hover input,
.main_ui_comments__reply-form textarea:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_comments__input-element-label {
  font-family: "worksans", 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", 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", 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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve, .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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve 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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve: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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.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__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve.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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_comments__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_comments__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_comments__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_comments__copy-button-children {
  font-family: "worksans", 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__comment-bubbles, .main_ui_comments__floating-thread-bubble, .main_ui_comments__thread-bubble {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_comments__resolved-comment-bubble, .main_ui_comments__floating-thread-bubble.main_ui_comments__resolved, .main_ui_comments__thread-bubble.main_ui_comments__resolved {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_comments__unread-comment-bubble, .main_ui_comments__floating-thread-bubble.main_ui_comments__unread, .main_ui_comments__thread-bubble.main_ui_comments__unread {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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__comment-container .main_ui_comments__comment-options-dropdown .main_ui_comments__context-menu-option {
  font-family: "worksans", 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__comment-container .main_ui_comments__comment-options-dropdown .main_ui_comments__context-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__comment-container .main_ui_comments__comment-options-dropdown .main_ui_comments__context-menu-option span svg {
  stroke: var(--icon-foreground);
}
.main_ui_comments__dropdown-element-base:hover, .main_ui_comments__comment-container .main_ui_comments__comment-options-dropdown .main_ui_comments__context-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__comment-container .main_ui_comments__comment-options-dropdown .main_ui_comments__context-menu-option:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_comments__dropdown-wrapper, .main_ui_comments__comment-container .main_ui_comments__comment-options-dropdown {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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", 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__thread-group {
  padding: 0 0.75rem;
  cursor: pointer;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
}
.main_ui_comments__thread-group:hover {
  background: var(--comment-thread-background-color-hover);
}

.main_ui_comments__section-title {
  display: grid;
  grid-template-columns: auto auto;
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 2rem;
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}

.main_ui_comments__file-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-subtitle-color);
}

.main_ui_comments__page-name {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-subtitle-color);
}

.main_ui_comments__icon {
  display: flex;
  align-items: center;
  padding: 0 0.375rem 0 0.25rem;
  width: 1.5rem;
  height: 2rem;
  margin-left: 0.375rem;
}
.main_ui_comments__icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_comments__threads {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.main_ui_comments__comment {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_comments__author {
  display: flex;
  gap: 0.5rem;
}

.main_ui_comments__avatar {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}
.main_ui_comments__avatar img {
  border-radius: 50%;
}

.main_ui_comments__name {
  flex-grow: 1;
}
.main_ui_comments__name .main_ui_comments__fullname {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-title-color);
}
.main_ui_comments__name .main_ui_comments__timeago {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-subtitle-color);
}

.main_ui_comments__content {
  position: relative;
  font-family: "worksans", 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 {
  display: flex;
  gap: 0.5rem;
}

.main_ui_comments__total-replies {
  color: var(--color-foreground-secondary);
}

.main_ui_comments__new-replies {
  color: var(--color-accent-primary);
}

.main_ui_comments__floating-thread-bubble {
  position: absolute;
  cursor: pointer;
  pointer-events: auto;
  transform: translate(calc(-1 * 1rem), calc(-1 * 1rem));
}
.main_ui_comments__thread-content {
  position: absolute;
  overflow-y: scroll;
  scrollbar-gutter: stable;
  width: 17.75rem;
  padding: 0.75rem;
  padding-inline-end: 0;
  pointer-events: auto;
  -webkit-user-select: text;
     -moz-user-select: text;
          user-select: text;
  border-radius: 0.5rem;
  border: 0.125rem solid var(--modal-border-color);
  background-color: var(--comment-modal-background-color);
  --translate-x: 0%;
  --translate-y: 0%;
  transform: translate(var(--translate-x), var(--translate-y));
}
.main_ui_comments__thread-content .main_ui_comments__comments {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.main_ui_comments__thread-content-left {
  --translate-x: -100%;
}

.main_ui_comments__thread-content-top {
  --translate-y: -100%;
}

.main_ui_comments__comment-container {
  position: relative;
}
.main_ui_comments__comment-container .main_ui_comments__comment {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author {
  display: flex;
  gap: 0.5rem;
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__avatar {
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__avatar img {
  border-radius: 50%;
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__name {
  flex-grow: 1;
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__name .main_ui_comments__fullname {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-title-color);
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__name .main_ui_comments__timeago {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--comment-subtitle-color);
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 2rem;
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options-resolve-wrapper .main_ui_comments__options-resolve {
  cursor: pointer;
}
.main_ui_comments__comment-container .main_ui_comments__comment .main_ui_comments__author .main_ui_comments__options {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_comments__comment-container .main_ui_comments__comment-options-dropdown {
  position: absolute;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 12.5rem;
  right: 0;
  left: unset;
}
.main_ui_comments__edit-form textarea,
.main_ui_comments__reply-form textarea {
  line-height: 1.45;
  height: 100%;
  width: 100%;
  max-width: 16.25rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem;
  color: var(--input-foreground-color-active);
  resize: vertical;
}
.main_ui_comments__edit-form textarea:focus,
.main_ui_comments__reply-form textarea:focus {
  border: 1px solid var(--input-border-color-active);
  outline: none;
}
.main_ui_comments__edit-form .main_ui_comments__buttons-wrapper,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper {
  display: flex;
  justify-content: flex-end;
  gap: 0.25rem;
}
.main_ui_comments__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__post-btn {
  height: 2rem;
  width: 5.75rem;
  margin-bottom: 0;
}
.main_ui_comments__edit-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn,
.main_ui_comments__reply-form .main_ui_comments__buttons-wrapper .main_ui_comments__cancel-btn {
  height: 2rem;
  width: 5.75rem;
  margin-bottom: 0;
}
@keyframes main_ui_confirm__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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, .main_ui_confirm__modal-hint {
  font-family: "worksans", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_confirm__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_confirm__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_confirm__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_confirm__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_confirm__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_confirm__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 svg#loader-pencil {
  fill: var(--color-foreground-secondary);
  width: 2rem;
}

.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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, .main_ui_delete_shared__modal-hint {
  font-family: "worksans", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_delete_shared__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_delete_shared__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_delete_shared__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_delete_shared__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_delete_shared__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_delete_shared__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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_export__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_export__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_export__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_export__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_export__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_export__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_export__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_export__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_export__new-scrollbar ::placeholder,
.main_ui_export__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_export__button-primary, .main_ui_export__modal-danger-btn, .main_ui_export__accept-btn.main_ui_export__danger, .main_ui_export__modal-accept-btn, .main_ui_export__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_export__button-primary:focus-visible, .main_ui_export__modal-danger-btn:focus-visible, .main_ui_export__modal-accept-btn:focus-visible, .main_ui_export__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_export__button-primary:focus-visible svg, .main_ui_export__modal-danger-btn:focus-visible svg, .main_ui_export__modal-accept-btn:focus-visible svg, .main_ui_export__accept-btn:focus-visible svg,
.main_ui_export__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_export__button-primary svg, .main_ui_export__modal-danger-btn svg, .main_ui_export__accept-btn.main_ui_export__danger svg, .main_ui_export__modal-accept-btn svg, .main_ui_export__accept-btn svg,
.main_ui_export__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_export__button-primary:hover, .main_ui_export__modal-danger-btn:hover, .main_ui_export__modal-accept-btn:hover, .main_ui_export__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_export__button-primary:hover svg, .main_ui_export__modal-danger-btn:hover svg, .main_ui_export__modal-accept-btn:hover svg, .main_ui_export__accept-btn:hover svg,
.main_ui_export__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_export__button-primary:active, .main_ui_export__modal-danger-btn:active, .main_ui_export__modal-accept-btn:active, .main_ui_export__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_export__button-primary:active svg, .main_ui_export__modal-danger-btn:active svg, .main_ui_export__modal-accept-btn:active svg, .main_ui_export__accept-btn:active svg,
.main_ui_export__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_export__button-primary.disabled, .main_ui_export__modal-danger-btn.disabled, .main_ui_export__modal-accept-btn.disabled, .main_ui_export__accept-btn.disabled, .main_ui_export__button-primary[disabled], [disabled].main_ui_export__modal-danger-btn, [disabled].main_ui_export__modal-accept-btn, [disabled].main_ui_export__accept-btn, .main_ui_export__button-primary:disabled, .main_ui_export__modal-danger-btn:disabled, .main_ui_export__modal-accept-btn:disabled, .main_ui_export__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_export__button-secondary, .main_ui_export__modal-cancel-btn, .main_ui_export__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_export__button-secondary:focus-visible, .main_ui_export__modal-cancel-btn:focus-visible, .main_ui_export__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_export__button-secondary:focus-visible svg, .main_ui_export__modal-cancel-btn:focus-visible svg, .main_ui_export__cancel-button:focus-visible svg,
.main_ui_export__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_export__button-secondary svg, .main_ui_export__modal-cancel-btn svg, .main_ui_export__cancel-button svg,
.main_ui_export__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_export__button-secondary:hover, .main_ui_export__modal-cancel-btn:hover, .main_ui_export__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_export__button-secondary:hover svg, .main_ui_export__modal-cancel-btn:hover svg, .main_ui_export__cancel-button:hover svg,
.main_ui_export__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_export__button-secondary:active, .main_ui_export__modal-cancel-btn:active, .main_ui_export__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_export__button-secondary:active svg, .main_ui_export__modal-cancel-btn:active svg, .main_ui_export__cancel-button:active svg,
.main_ui_export__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_export__button-secondary.disabled, .main_ui_export__modal-cancel-btn.disabled, .main_ui_export__cancel-button.disabled, .main_ui_export__button-secondary[disabled], [disabled].main_ui_export__modal-cancel-btn, [disabled].main_ui_export__cancel-button, .main_ui_export__button-secondary:disabled, .main_ui_export__modal-cancel-btn:disabled, .main_ui_export__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_export__button-tertiary, .main_ui_export__attr-title button, .main_ui_export__modal-close-btn-base, .main_ui_export__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_export__button-tertiary:focus-visible, .main_ui_export__attr-title button:focus-visible, .main_ui_export__modal-close-btn-base:focus-visible, .main_ui_export__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_export__button-tertiary:focus-visible svg, .main_ui_export__attr-title button:focus-visible svg, .main_ui_export__modal-close-btn-base:focus-visible svg, .main_ui_export__modal-close-btn:focus-visible svg,
.main_ui_export__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_export__button-tertiary svg, .main_ui_export__attr-title button svg, .main_ui_export__modal-close-btn-base svg, .main_ui_export__modal-close-btn svg,
.main_ui_export__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_export__button-tertiary:hover, .main_ui_export__attr-title button:hover, .main_ui_export__modal-close-btn-base:hover, .main_ui_export__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_export__button-tertiary:hover svg, .main_ui_export__attr-title button:hover svg, .main_ui_export__modal-close-btn-base:hover svg, .main_ui_export__modal-close-btn:hover svg,
.main_ui_export__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_export__button-tertiary:active, .main_ui_export__attr-title button:active, .main_ui_export__modal-close-btn-base:active, .main_ui_export__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_export__button-tertiary:active svg, .main_ui_export__attr-title button:active svg, .main_ui_export__modal-close-btn-base:active svg, .main_ui_export__modal-close-btn:active svg,
.main_ui_export__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_export__button-tertiary.disabled, .main_ui_export__attr-title button.disabled, .main_ui_export__modal-close-btn-base.disabled, .main_ui_export__modal-close-btn.disabled, .main_ui_export__button-tertiary[disabled], .main_ui_export__attr-title button[disabled], [disabled].main_ui_export__modal-close-btn-base, [disabled].main_ui_export__modal-close-btn, .main_ui_export__button-tertiary:disabled, .main_ui_export__attr-title button:disabled, .main_ui_export__modal-close-btn-base:disabled, .main_ui_export__modal-close-btn:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_export__button-tertiary.disabled svg, .main_ui_export__attr-title button.disabled svg, .main_ui_export__modal-close-btn-base.disabled svg, .main_ui_export__modal-close-btn.disabled svg,
.main_ui_export__button-tertiary.disabled span svg, .main_ui_export__button-tertiary[disabled] svg, .main_ui_export__attr-title button[disabled] svg, [disabled].main_ui_export__modal-close-btn-base svg, [disabled].main_ui_export__modal-close-btn svg,
.main_ui_export__button-tertiary[disabled] span svg, .main_ui_export__button-tertiary:disabled svg, .main_ui_export__attr-title button:disabled svg, .main_ui_export__modal-close-btn-base:disabled svg, .main_ui_export__modal-close-btn:disabled svg,
.main_ui_export__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_export__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_export__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_export__button-radio:focus-visible svg,
.main_ui_export__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_export__button-radio svg,
.main_ui_export__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_export__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_export__button-radio:hover svg,
.main_ui_export__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_export__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_export__button-radio:active svg,
.main_ui_export__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_export__button-icon, .main_ui_export__close-icon, .main_ui_export__icon, .main_ui_export__empty-icon svg, .main_ui_export__modal-close-btn-base svg, .main_ui_export__modal-close-btn svg, .main_ui_export__button-icon-small, .main_ui_export__file-entry .main_ui_export__file-name .main_ui_export__file-icon svg, .main_ui_export__dropdown-element-base span svg, .main_ui_export__attr-title button svg, .main_ui_export__checkbox-icon.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate svg, .main_ui_export__input-checkbox label span.intermediate svg, .main_ui_export__export-option label span.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate svg, .main_ui_export__checkbox-icon.checked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.checked svg, .main_ui_export__input-checkbox label span.checked svg, .main_ui_export__export-option label span.checked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked svg, .main_ui_export__input-element span svg,
.main_ui_export__input-element label svg, .main_ui_export__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_export__button-icon-small, .main_ui_export__file-entry .main_ui_export__file-name .main_ui_export__file-icon svg, .main_ui_export__dropdown-element-base span svg, .main_ui_export__attr-title button svg, .main_ui_export__checkbox-icon.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate svg, .main_ui_export__input-checkbox label span.intermediate svg, .main_ui_export__export-option label span.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate svg, .main_ui_export__checkbox-icon.checked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.checked svg, .main_ui_export__input-checkbox label span.checked svg, .main_ui_export__export-option label span.checked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked svg, .main_ui_export__input-element span svg,
.main_ui_export__input-element label svg, .main_ui_export__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_export__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_export__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_export__input-base, .main_ui_export__input-with-label input, .main_ui_export__input-element-label input, .main_ui_export__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_export__input-base[disabled], .main_ui_export__input-with-label input[disabled], .main_ui_export__input-element-label input[disabled], .main_ui_export__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_export__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_export__input-label, .main_ui_export__input-element span,
.main_ui_export__input-element label {
  font-family: "worksans", 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_export__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_export__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_export__input-element span svg,
.main_ui_export__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_export__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_export__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_export__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_export__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_export__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_export__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_export__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_export__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_export__input-element:focus, .main_ui_export__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_export__input-element:focus span, .main_ui_export__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_export__input-element:focus input, .main_ui_export__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_export__input-element:focus:hover, .main_ui_export__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_export__input-element:focus:hover span, .main_ui_export__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_export__input-element:focus:hover input, .main_ui_export__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_export__input-element-label {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_export__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_export__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_export__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_export__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_export__input-element-label:focus-within input, .main_ui_export__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_export__disabled-input, .main_ui_export__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_export__disabled-input input, .main_ui_export__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_export__disabled-input span svg, .main_ui_export__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_export__checkbox-icon, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span, .main_ui_export__input-checkbox label span, .main_ui_export__export-option label span, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__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_export__checkbox-icon svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span svg, .main_ui_export__input-checkbox label span svg, .main_ui_export__export-option label span svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_export__checkbox-icon:hover, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick:hover,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick:hover, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span:hover,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span:hover, .main_ui_export__input-checkbox label span:hover, .main_ui_export__export-option label span:hover, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span:hover,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_export__checkbox-icon:focus, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick:focus,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick:focus, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span:focus,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span:focus, .main_ui_export__input-checkbox label span:focus, .main_ui_export__export-option label span:focus, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span:focus,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_export__checkbox-icon.checked, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.checked,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.checked, .main_ui_export__input-checkbox label span.checked, .main_ui_export__export-option label span.checked, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_export__checkbox-icon.checked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.checked svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.checked svg, .main_ui_export__input-checkbox label span.checked svg, .main_ui_export__export-option label span.checked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_export__checkbox-icon.intermediate, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate, .main_ui_export__input-checkbox label span.intermediate, .main_ui_export__export-option label span.intermediate, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_export__checkbox-icon.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.intermediate svg, .main_ui_export__input-checkbox label span.intermediate svg, .main_ui_export__export-option label span.intermediate svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_export__checkbox-icon.unchecked, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.unchecked,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.unchecked, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.unchecked,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.unchecked, .main_ui_export__input-checkbox label span.unchecked, .main_ui_export__export-option label span.unchecked, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.unchecked,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_export__checkbox-icon.unchecked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.unchecked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper .main_ui_export__checkobox-tick.unchecked svg, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn span.unchecked svg,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn span.unchecked svg, .main_ui_export__input-checkbox label span.unchecked svg, .main_ui_export__export-option label span.unchecked svg, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.unchecked svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label span.unchecked svg {
  display: none;
}

.main_ui_export__input-checkbox, .main_ui_export__export-option, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn {
  display: flex;
  align-items: center;
}
.main_ui_export__input-checkbox label, .main_ui_export__export-option label, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn label,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn label {
  font-family: "worksans", 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_export__input-checkbox label input, .main_ui_export__export-option label input, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label input,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label input, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn label input,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn label input {
  margin: 0;
}
.main_ui_export__input-checkbox label:hover span, .main_ui_export__export-option label:hover span, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label:hover span,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label:hover span, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn label:hover span,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_export__input-checkbox label:focus span, .main_ui_export__export-option label:focus span, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label:focus span,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label:focus span, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn label:focus span,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn label:focus span, .main_ui_export__input-checkbox label:focus-within span, .main_ui_export__export-option label:focus-within span, .main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label:focus-within span,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper label:focus-within span, .main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn label:focus-within span,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-btn label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_export__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_export__input-with-label label {
  font-family: "worksans", 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_export__input-with-label input {
  font-family: "worksans", 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_export__input-with-label input:focus-within, .main_ui_export__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_export__input-with-label input:focus-within input, .main_ui_export__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_export__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_export__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_export__modal-overlay-base, .main_ui_export__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_export__modal-container-base, .main_ui_export__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_export__modal-close-btn-base, .main_ui_export__modal-close-btn {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_export__modal-hint-base {
  font-family: "worksans", 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_export__modal-action-btns, .main_ui_export__action-buttons {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

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

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

.main_ui_export__modal-danger-btn, .main_ui_export__accept-btn.main_ui_export__danger {
  font-family: "worksans", sans-serif;
  font-size: 0.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_export__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_export__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_export__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_export__asset-element {
  font-family: "worksans", 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_export__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_export__shortcut-key-base {
  font-family: "worksans", 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_export__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_export__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_export__mixed-bar {
  font-family: "worksans", 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_export__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_export__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_export__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_export__copy-button-children {
  font-family: "worksans", 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_export__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_export__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_export__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_export__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_export__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_export__menu-item-base {
  font-family: "worksans", 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_export__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_export__dropdown-element-base {
  font-family: "worksans", 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_export__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_export__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_export__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_export__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_export__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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_export__select-wrapper {
  font-family: "worksans", 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_export__export-progress-widget {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.75rem;
  height: 1.75rem;
}

.main_ui_export__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_export__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_export__icon {
  grid-area: icon;
  align-self: center;
  margin-inline-start: 0.5rem;
  stroke: var(--export-modal-icon-color);
}

.main_ui_export__export-progress-title {
  font-family: "worksans", 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_export__progress {
  font-family: "worksans", 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_export__retry-btn {
  border: none;
  background: none;
  cursor: pointer;
  font-family: "worksans", 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_export__progress-close-button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  margin-inline-end: 0.5rem;
}

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

.main_ui_export__progress-bar {
  margin-top: 0;
  grid-area: bar;
}

.main_ui_export__modal-overlay.main_ui_export__transparent {
  background-color: transparent;
}

.main_ui_export__modal-container {
  max-height: calc(10 * 5rem);
}

.main_ui_export__modal-header {
  margin-bottom: 1.5rem;
}

.main_ui_export__modal-title {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  text-transform: uppercase;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}

.main_ui_export__modal-content,
.main_ui_export__no-selection {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
.main_ui_export__modal-content .main_ui_export__modal-hint,
.main_ui_export__no-selection .main_ui_export__modal-hint {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-text-foreground-color);
}
.main_ui_export__modal-content .main_ui_export__modal-link,
.main_ui_export__no-selection .main_ui_export__modal-link {
  font-family: "worksans", 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_export__modal-content .main_ui_export__selection-header,
.main_ui_export__no-selection .main_ui_export__selection-header {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  height: 2rem;
  margin-bottom: 0.25rem;
}
.main_ui_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-btn,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__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_export__modal-content .main_ui_export__selection-header .main_ui_export__selection-title,
.main_ui_export__no-selection .main_ui_export__selection-header .main_ui_export__selection-title {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}
.main_ui_export__modal-content .main_ui_export__selection-wrapper,
.main_ui_export__no-selection .main_ui_export__selection-wrapper {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}
.main_ui_export__modal-content .main_ui_export__selection-shadow,
.main_ui_export__no-selection .main_ui_export__selection-shadow {
  width: 100%;
  height: 100%;
}
.main_ui_export__modal-content .main_ui_export__selection-shadow:after,
.main_ui_export__no-selection .main_ui_export__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_export__modal-content .main_ui_export__selection-list,
.main_ui_export__no-selection .main_ui_export__selection-list {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  max-height: 25rem;
  overflow-y: auto;
  padding-bottom: 0.75rem;
}
.main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__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_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__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_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__checkbox-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  width: 1.5rem;
  padding: 0;
}
.main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__selection-name,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__selection-name {
  font-family: "worksans", 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_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__selection-scale,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__selection-scale {
  font-family: "worksans", 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_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__selection-extension,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__selection-btn .main_ui_export__selection-extension {
  font-family: "worksans", 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_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__image-wrapper,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__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_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__image-wrapper img,
.main_ui_export__modal-content .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__image-wrapper svg,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__image-wrapper img,
.main_ui_export__no-selection .main_ui_export__selection-list .main_ui_export__selection-row .main_ui_export__image-wrapper svg {
  -o-object-fit: contain;
     object-fit: contain;
  max-height: 2.5rem;
}

.main_ui_export__modal-scd-msg,
.main_ui_export__modal-subtitle,
.main_ui_export__modal-msg {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-text-foreground-color);
}

.main_ui_export__export-option {
  width: 100%;
  align-items: flex-start;
}
.main_ui_export__export-option label {
  align-items: flex-start;
}
.main_ui_export__export-option label .main_ui_export__modal-subtitle {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-title-foreground-color);
}
.main_ui_export__export-option span {
  margin-top: 0.5rem;
}

.main_ui_export__option-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.main_ui_export__file-entry .main_ui_export__file-name {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_export__file-entry .main_ui_export__file-name .main_ui_export__file-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
}
.main_ui_export__file-entry .main_ui_export__file-name .main_ui_export__file-icon svg {
  stroke: var(--input-foreground);
}
.main_ui_export__file-entry .main_ui_export__file-name .main_ui_export__file-name-label {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}
.main_ui_export__file-entry.main_ui_export__loading .main_ui_export__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_export__file-entry.main_ui_export__loading .main_ui_export__file-name .main_ui_export__file-icon svg#loader-pencil {
  color: var(--modal-text-foreground-color);
  stroke: var(--modal-text-foreground-color);
  fill: var(--modal-text-foreground-color);
}
.main_ui_export__file-entry.main_ui_export__error .main_ui_export__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_export__file-entry.main_ui_export__error .main_ui_export__file-name .main_ui_export__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
.main_ui_export__file-entry.main_ui_export__success .main_ui_export__file-name {
  color: var(--modal-text-foreground-color);
}
.main_ui_export__file-entry.main_ui_export__success .main_ui_export__file-name .main_ui_export__file-icon svg {
  stroke: var(--modal-text-foreground-color);
}
@keyframes main_ui_loader__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_loader__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_loader__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_loader__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_loader__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_loader__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_loader__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_loader__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_loader__new-scrollbar ::placeholder,
.main_ui_loader__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_loader__button-primary, .main_ui_loader__modal-danger-btn, .main_ui_loader__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_loader__button-primary:focus-visible, .main_ui_loader__modal-danger-btn:focus-visible, .main_ui_loader__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_loader__button-primary:focus-visible svg, .main_ui_loader__modal-danger-btn:focus-visible svg, .main_ui_loader__modal-accept-btn:focus-visible svg,
.main_ui_loader__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_loader__button-primary svg, .main_ui_loader__modal-danger-btn svg, .main_ui_loader__modal-accept-btn svg,
.main_ui_loader__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_loader__button-primary:hover, .main_ui_loader__modal-danger-btn:hover, .main_ui_loader__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_loader__button-primary:hover svg, .main_ui_loader__modal-danger-btn:hover svg, .main_ui_loader__modal-accept-btn:hover svg,
.main_ui_loader__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_loader__button-primary:active, .main_ui_loader__modal-danger-btn:active, .main_ui_loader__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_loader__button-primary:active svg, .main_ui_loader__modal-danger-btn:active svg, .main_ui_loader__modal-accept-btn:active svg,
.main_ui_loader__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_loader__button-primary.disabled, .main_ui_loader__modal-danger-btn.disabled, .main_ui_loader__modal-accept-btn.disabled, .main_ui_loader__button-primary[disabled], [disabled].main_ui_loader__modal-danger-btn, [disabled].main_ui_loader__modal-accept-btn, .main_ui_loader__button-primary:disabled, .main_ui_loader__modal-danger-btn:disabled, .main_ui_loader__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_loader__button-secondary, .main_ui_loader__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_loader__button-secondary:focus-visible, .main_ui_loader__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_loader__button-secondary:focus-visible svg, .main_ui_loader__modal-cancel-btn:focus-visible svg,
.main_ui_loader__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_loader__button-secondary svg, .main_ui_loader__modal-cancel-btn svg,
.main_ui_loader__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_loader__button-secondary:hover, .main_ui_loader__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_loader__button-secondary:hover svg, .main_ui_loader__modal-cancel-btn:hover svg,
.main_ui_loader__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_loader__button-secondary:active, .main_ui_loader__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_loader__button-secondary:active svg, .main_ui_loader__modal-cancel-btn:active svg,
.main_ui_loader__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_loader__button-secondary.disabled, .main_ui_loader__modal-cancel-btn.disabled, .main_ui_loader__button-secondary[disabled], [disabled].main_ui_loader__modal-cancel-btn, .main_ui_loader__button-secondary:disabled, .main_ui_loader__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_loader__button-tertiary, .main_ui_loader__attr-title button, .main_ui_loader__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_loader__button-tertiary:focus-visible, .main_ui_loader__attr-title button:focus-visible, .main_ui_loader__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_loader__button-tertiary:focus-visible svg, .main_ui_loader__attr-title button:focus-visible svg, .main_ui_loader__modal-close-btn-base:focus-visible svg,
.main_ui_loader__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_loader__button-tertiary svg, .main_ui_loader__attr-title button svg, .main_ui_loader__modal-close-btn-base svg,
.main_ui_loader__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_loader__button-tertiary:hover, .main_ui_loader__attr-title button:hover, .main_ui_loader__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_loader__button-tertiary:hover svg, .main_ui_loader__attr-title button:hover svg, .main_ui_loader__modal-close-btn-base:hover svg,
.main_ui_loader__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_loader__button-tertiary:active, .main_ui_loader__attr-title button:active, .main_ui_loader__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_loader__button-tertiary:active svg, .main_ui_loader__attr-title button:active svg, .main_ui_loader__modal-close-btn-base:active svg,
.main_ui_loader__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_loader__button-tertiary.disabled, .main_ui_loader__attr-title button.disabled, .main_ui_loader__modal-close-btn-base.disabled, .main_ui_loader__button-tertiary[disabled], .main_ui_loader__attr-title button[disabled], [disabled].main_ui_loader__modal-close-btn-base, .main_ui_loader__button-tertiary:disabled, .main_ui_loader__attr-title button:disabled, .main_ui_loader__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_loader__button-tertiary.disabled svg, .main_ui_loader__attr-title button.disabled svg, .main_ui_loader__modal-close-btn-base.disabled svg,
.main_ui_loader__button-tertiary.disabled span svg, .main_ui_loader__button-tertiary[disabled] svg, .main_ui_loader__attr-title button[disabled] svg, [disabled].main_ui_loader__modal-close-btn-base svg,
.main_ui_loader__button-tertiary[disabled] span svg, .main_ui_loader__button-tertiary:disabled svg, .main_ui_loader__attr-title button:disabled svg, .main_ui_loader__modal-close-btn-base:disabled svg,
.main_ui_loader__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_loader__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_loader__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_loader__button-radio:focus-visible svg,
.main_ui_loader__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_loader__button-radio svg,
.main_ui_loader__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_loader__button-radio:hover {
  background-color: var(--button-radio-background-color-rest);
  color: var(--button-radio-foreground-color-hover);
  border: 1px solid transparent;
}
.main_ui_loader__button-radio:hover svg,
.main_ui_loader__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_loader__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_loader__button-radio:active svg,
.main_ui_loader__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_loader__button-icon, .main_ui_loader__empty-icon svg, .main_ui_loader__modal-close-btn-base svg, .main_ui_loader__button-icon-small, .main_ui_loader__dropdown-element-base span svg, .main_ui_loader__attr-title button svg, .main_ui_loader__checkbox-icon.intermediate svg, .main_ui_loader__input-checkbox label span.intermediate svg, .main_ui_loader__checkbox-icon.checked svg, .main_ui_loader__input-checkbox label span.checked svg, .main_ui_loader__input-element span svg,
.main_ui_loader__input-element label svg, .main_ui_loader__input-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1rem;
  width: 1rem;
  color: transparent;
  fill: none;
  stroke-width: 1px;
}

.main_ui_loader__button-icon-small, .main_ui_loader__dropdown-element-base span svg, .main_ui_loader__attr-title button svg, .main_ui_loader__checkbox-icon.intermediate svg, .main_ui_loader__input-checkbox label span.intermediate svg, .main_ui_loader__checkbox-icon.checked svg, .main_ui_loader__input-checkbox label span.checked svg, .main_ui_loader__input-element span svg,
.main_ui_loader__input-element label svg, .main_ui_loader__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_loader__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_loader__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_loader__input-base, .main_ui_loader__input-with-label input, .main_ui_loader__input-element-label input, .main_ui_loader__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_loader__input-base[disabled], .main_ui_loader__input-with-label input[disabled], .main_ui_loader__input-element-label input[disabled], .main_ui_loader__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_loader__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_loader__input-label, .main_ui_loader__input-element span,
.main_ui_loader__input-element label {
  font-family: "worksans", 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_loader__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_loader__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_loader__input-element span svg,
.main_ui_loader__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_loader__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_loader__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_loader__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_loader__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_loader__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_loader__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_loader__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_loader__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_loader__input-element:focus, .main_ui_loader__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_loader__input-element:focus span, .main_ui_loader__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_loader__input-element:focus input, .main_ui_loader__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_loader__input-element:focus:hover, .main_ui_loader__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_loader__input-element:focus:hover span, .main_ui_loader__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_loader__input-element:focus:hover input, .main_ui_loader__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_loader__input-element-label {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_loader__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_loader__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_loader__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_loader__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_loader__input-element-label:focus-within input, .main_ui_loader__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_loader__disabled-input, .main_ui_loader__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_loader__disabled-input input, .main_ui_loader__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_loader__disabled-input span svg, .main_ui_loader__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_loader__checkbox-icon, .main_ui_loader__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_loader__checkbox-icon svg, .main_ui_loader__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_loader__checkbox-icon:hover, .main_ui_loader__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_loader__checkbox-icon:focus, .main_ui_loader__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_loader__checkbox-icon.checked, .main_ui_loader__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_loader__checkbox-icon.checked svg, .main_ui_loader__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_loader__checkbox-icon.intermediate, .main_ui_loader__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_loader__checkbox-icon.intermediate svg, .main_ui_loader__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_loader__checkbox-icon.unchecked, .main_ui_loader__input-checkbox label span.unchecked {
  background-color: var(--input-checkbox-background-color-rest);
  border: 1px solid var(--input-checkbox-background-color-rest);
}
.main_ui_loader__checkbox-icon.unchecked svg, .main_ui_loader__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_loader__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_loader__input-checkbox label {
  font-family: "worksans", 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_loader__input-checkbox label input {
  margin: 0;
}
.main_ui_loader__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_loader__input-checkbox label:focus span, .main_ui_loader__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_loader__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_loader__input-with-label label {
  font-family: "worksans", 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_loader__input-with-label input {
  font-family: "worksans", 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_loader__input-with-label input:focus-within, .main_ui_loader__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_loader__input-with-label input:focus-within input, .main_ui_loader__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_loader__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_loader__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_loader__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_loader__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_loader__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_loader__modal-hint-base {
  font-family: "worksans", 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_loader__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

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

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

.main_ui_loader__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_loader__loader-base, .main_ui_loader__loader-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_loader__loader-base svg#loader-pencil, .main_ui_loader__loader-content svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_loader__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_loader__asset-element {
  font-family: "worksans", 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_loader__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_loader__shortcut-key-base {
  font-family: "worksans", 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_loader__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_loader__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_loader__mixed-bar {
  font-family: "worksans", 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_loader__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_loader__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_loader__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_loader__copy-button-children {
  font-family: "worksans", 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_loader__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_loader__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_loader__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_loader__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_loader__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_loader__menu-item-base {
  font-family: "worksans", 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_loader__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_loader__dropdown-element-base {
  font-family: "worksans", 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_loader__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_loader__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_loader__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_loader__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_loader__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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_loader__select-wrapper {
  font-family: "worksans", 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_modal__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_modal__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_modal__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_modal__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_modal__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_modal__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_modal__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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_onboarding__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_onboarding__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_onboarding__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_onboarding__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_onboarding__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__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_onboarding__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_onboarding__new-scrollbar ::placeholder,
.main_ui_onboarding__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_onboarding__button-primary, .main_ui_onboarding__modal-danger-btn, .main_ui_onboarding__modal-accept-btn, .main_ui_onboarding__accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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__button-primary:focus-visible, .main_ui_onboarding__modal-danger-btn:focus-visible, .main_ui_onboarding__modal-accept-btn:focus-visible, .main_ui_onboarding__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__button-primary:focus-visible svg, .main_ui_onboarding__modal-danger-btn:focus-visible svg, .main_ui_onboarding__modal-accept-btn:focus-visible svg, .main_ui_onboarding__accept-btn:focus-visible svg,
.main_ui_onboarding__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_onboarding__button-primary svg, .main_ui_onboarding__modal-danger-btn svg, .main_ui_onboarding__modal-accept-btn svg, .main_ui_onboarding__accept-btn svg,
.main_ui_onboarding__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_onboarding__button-primary:hover, .main_ui_onboarding__modal-danger-btn:hover, .main_ui_onboarding__modal-accept-btn:hover, .main_ui_onboarding__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__button-primary:hover svg, .main_ui_onboarding__modal-danger-btn:hover svg, .main_ui_onboarding__modal-accept-btn:hover svg, .main_ui_onboarding__accept-btn:hover svg,
.main_ui_onboarding__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_onboarding__button-primary:active, .main_ui_onboarding__modal-danger-btn:active, .main_ui_onboarding__modal-accept-btn:active, .main_ui_onboarding__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__button-primary:active svg, .main_ui_onboarding__modal-danger-btn:active svg, .main_ui_onboarding__modal-accept-btn:active svg, .main_ui_onboarding__accept-btn:active svg,
.main_ui_onboarding__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_onboarding__button-primary.disabled, .main_ui_onboarding__modal-danger-btn.disabled, .main_ui_onboarding__modal-accept-btn.disabled, .main_ui_onboarding__accept-btn.disabled, .main_ui_onboarding__button-primary[disabled], [disabled].main_ui_onboarding__modal-danger-btn, [disabled].main_ui_onboarding__modal-accept-btn, [disabled].main_ui_onboarding__accept-btn, .main_ui_onboarding__button-primary:disabled, .main_ui_onboarding__modal-danger-btn:disabled, .main_ui_onboarding__modal-accept-btn:disabled, .main_ui_onboarding__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__button-secondary, .main_ui_onboarding__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__button-secondary:focus-visible, .main_ui_onboarding__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__button-secondary:focus-visible svg, .main_ui_onboarding__modal-cancel-btn:focus-visible svg,
.main_ui_onboarding__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_onboarding__button-secondary svg, .main_ui_onboarding__modal-cancel-btn svg,
.main_ui_onboarding__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_onboarding__button-secondary:hover, .main_ui_onboarding__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__button-secondary:hover svg, .main_ui_onboarding__modal-cancel-btn:hover svg,
.main_ui_onboarding__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_onboarding__button-secondary:active, .main_ui_onboarding__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__button-secondary:active svg, .main_ui_onboarding__modal-cancel-btn:active svg,
.main_ui_onboarding__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_onboarding__button-secondary.disabled, .main_ui_onboarding__modal-cancel-btn.disabled, .main_ui_onboarding__button-secondary[disabled], [disabled].main_ui_onboarding__modal-cancel-btn, .main_ui_onboarding__button-secondary:disabled, .main_ui_onboarding__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__button-tertiary, .main_ui_onboarding__attr-title button, .main_ui_onboarding__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__button-tertiary:focus-visible, .main_ui_onboarding__attr-title button:focus-visible, .main_ui_onboarding__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__button-tertiary:focus-visible svg, .main_ui_onboarding__attr-title button:focus-visible svg, .main_ui_onboarding__modal-close-btn-base:focus-visible svg,
.main_ui_onboarding__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_onboarding__button-tertiary svg, .main_ui_onboarding__attr-title button svg, .main_ui_onboarding__modal-close-btn-base svg,
.main_ui_onboarding__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_onboarding__button-tertiary:hover, .main_ui_onboarding__attr-title button:hover, .main_ui_onboarding__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__button-tertiary:hover svg, .main_ui_onboarding__attr-title button:hover svg, .main_ui_onboarding__modal-close-btn-base:hover svg,
.main_ui_onboarding__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_onboarding__button-tertiary:active, .main_ui_onboarding__attr-title button:active, .main_ui_onboarding__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__button-tertiary:active svg, .main_ui_onboarding__attr-title button:active svg, .main_ui_onboarding__modal-close-btn-base:active svg,
.main_ui_onboarding__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_onboarding__button-tertiary.disabled, .main_ui_onboarding__attr-title button.disabled, .main_ui_onboarding__modal-close-btn-base.disabled, .main_ui_onboarding__button-tertiary[disabled], .main_ui_onboarding__attr-title button[disabled], [disabled].main_ui_onboarding__modal-close-btn-base, .main_ui_onboarding__button-tertiary:disabled, .main_ui_onboarding__attr-title button:disabled, .main_ui_onboarding__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_onboarding__button-tertiary.disabled svg, .main_ui_onboarding__attr-title button.disabled svg, .main_ui_onboarding__modal-close-btn-base.disabled svg,
.main_ui_onboarding__button-tertiary.disabled span svg, .main_ui_onboarding__button-tertiary[disabled] svg, .main_ui_onboarding__attr-title button[disabled] svg, [disabled].main_ui_onboarding__modal-close-btn-base svg,
.main_ui_onboarding__button-tertiary[disabled] span svg, .main_ui_onboarding__button-tertiary:disabled svg, .main_ui_onboarding__attr-title button:disabled svg, .main_ui_onboarding__modal-close-btn-base:disabled svg,
.main_ui_onboarding__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_onboarding__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__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__button-radio:focus-visible svg,
.main_ui_onboarding__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_onboarding__button-radio svg,
.main_ui_onboarding__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_onboarding__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__button-radio:hover svg,
.main_ui_onboarding__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_onboarding__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__button-radio:active svg,
.main_ui_onboarding__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_onboarding__button-icon, .main_ui_onboarding__empty-icon svg, .main_ui_onboarding__modal-close-btn-base svg, .main_ui_onboarding__button-icon-small, .main_ui_onboarding__dropdown-element-base span svg, .main_ui_onboarding__attr-title button svg, .main_ui_onboarding__checkbox-icon.intermediate svg, .main_ui_onboarding__input-checkbox label span.intermediate svg, .main_ui_onboarding__checkbox-icon.checked svg, .main_ui_onboarding__input-checkbox label span.checked svg, .main_ui_onboarding__input-element span svg,
.main_ui_onboarding__input-element label svg, .main_ui_onboarding__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__button-icon-small, .main_ui_onboarding__dropdown-element-base span svg, .main_ui_onboarding__attr-title button svg, .main_ui_onboarding__checkbox-icon.intermediate svg, .main_ui_onboarding__input-checkbox label span.intermediate svg, .main_ui_onboarding__checkbox-icon.checked svg, .main_ui_onboarding__input-checkbox label span.checked svg, .main_ui_onboarding__input-element span svg,
.main_ui_onboarding__input-element label svg, .main_ui_onboarding__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_onboarding__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__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_onboarding__input-base, .main_ui_onboarding__input-with-label input, .main_ui_onboarding__input-element-label input, .main_ui_onboarding__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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__input-base[disabled], .main_ui_onboarding__input-with-label input[disabled], .main_ui_onboarding__input-element-label input[disabled], .main_ui_onboarding__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_onboarding__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_onboarding__input-label, .main_ui_onboarding__input-element span,
.main_ui_onboarding__input-element label {
  font-family: "worksans", 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__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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__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__input-element span svg,
.main_ui_onboarding__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_onboarding__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_onboarding__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_onboarding__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_onboarding__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding__input-element:focus, .main_ui_onboarding__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding__input-element:focus span, .main_ui_onboarding__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding__input-element:focus input, .main_ui_onboarding__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding__input-element:focus:hover, .main_ui_onboarding__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_onboarding__input-element:focus:hover span, .main_ui_onboarding__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_onboarding__input-element:focus:hover input, .main_ui_onboarding__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_onboarding__input-element-label {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_onboarding__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__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_onboarding__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_onboarding__input-element-label:focus-within input, .main_ui_onboarding__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__disabled-input, .main_ui_onboarding__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__disabled-input input, .main_ui_onboarding__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_onboarding__disabled-input span svg, .main_ui_onboarding__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_onboarding__checkbox-icon, .main_ui_onboarding__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__checkbox-icon svg, .main_ui_onboarding__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_onboarding__checkbox-icon:hover, .main_ui_onboarding__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding__checkbox-icon:focus, .main_ui_onboarding__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_onboarding__checkbox-icon.checked, .main_ui_onboarding__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_onboarding__checkbox-icon.checked svg, .main_ui_onboarding__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_onboarding__checkbox-icon.intermediate, .main_ui_onboarding__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_onboarding__checkbox-icon.intermediate svg, .main_ui_onboarding__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_onboarding__checkbox-icon.unchecked, .main_ui_onboarding__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__checkbox-icon.unchecked svg, .main_ui_onboarding__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_onboarding__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_onboarding__input-checkbox label {
  font-family: "worksans", 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__input-checkbox label input {
  margin: 0;
}
.main_ui_onboarding__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_onboarding__input-checkbox label:focus span, .main_ui_onboarding__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_onboarding__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_onboarding__input-with-label label {
  font-family: "worksans", 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__input-with-label input {
  font-family: "worksans", 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__input-with-label input:focus-within, .main_ui_onboarding__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_onboarding__input-with-label input:focus-within input, .main_ui_onboarding__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_onboarding__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_onboarding__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__modal-overlay-base, .main_ui_onboarding__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__modal-container-base, .main_ui_onboarding__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__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_onboarding__modal-hint-base {
  font-family: "worksans", 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__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_onboarding__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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__modal-accept-btn, .main_ui_onboarding__accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_onboarding__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_onboarding__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_onboarding__asset-element {
  font-family: "worksans", 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__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_onboarding__shortcut-key-base {
  font-family: "worksans", 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__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_onboarding__mixed-bar {
  font-family: "worksans", 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__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_onboarding__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__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_onboarding__copy-button-children {
  font-family: "worksans", 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__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_onboarding__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_onboarding__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_onboarding__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_onboarding__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__menu-item-base {
  font-family: "worksans", 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__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_onboarding__dropdown-element-base {
  font-family: "worksans", 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__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__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_onboarding__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_onboarding__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_onboarding__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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__select-wrapper {
  font-family: "worksans", 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__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__modal-left {
  width: 15rem;
  margin-block-end: 4rem;
}
.main_ui_onboarding__modal-left img {
  width: 15rem;
  height: 100%;
  border-radius: 0.5rem 0 0 0.5rem;
}

.main_ui_onboarding__modal-right {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 2.5rem auto auto auto 2rem;
  gap: 1.5rem;
  position: relative;
}

.main_ui_onboarding__release {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  position: absolute;
  top: calc(-1 * 1.75rem);
  right: 0;
  padding: 0.5rem;
  color: var(--modal-text-foreground-color);
}

.main_ui_onboarding__modal-title {
  font-family: "worksans", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.main_ui_onboarding__modal-text,
.main_ui_onboarding__property-description {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin: 0;
  color: var(--modal-text-foreground-color);
}

.main_ui_onboarding__modal-link {
  font-family: "worksans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  color: var(--modal-link-foreground-color);
  margin: 0;
}

.main_ui_onboarding__text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_onboarding__property-title a {
  font-family: "worksans", sans-serif;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--modal-title-foreground-color);
}

.main_ui_onboarding__accept-btn {
  justify-self: flex-end;
}

@keyframes main_ui_settings__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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 ::-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", 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__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", 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__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__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__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__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__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__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__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__sign-info button.disabled, .main_ui_static__modal-danger-btn.disabled, .main_ui_static__modal-accept-btn.disabled, .main_ui_static__button-primary[disabled], .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__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__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__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__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__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__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__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__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__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__modal-cancel-btn.disabled, .main_ui_static__button-secondary[disabled], [disabled].main_ui_static__modal-cancel-btn, .main_ui_static__button-secondary: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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_static__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_static__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_static__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_static__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_static__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_static__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__exception-header {
  padding: 1.5rem 2rem;
  position: fixed;
  background: none;
  border: none;
  cursor: pointer;
}
.main_ui_static__exception-header svg {
  fill: var(--color-foreground-primary);
  width: 3rem;
  height: auto;
}

.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", 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", 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);
}
@keyframes main_ui_viewer__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base, .main_ui_viewer__loader-content {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer__loader-base svg#loader-pencil, .main_ui_viewer__loader-content svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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;
}

.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);
}
.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", 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 {
  -webkit-clip-path: inset(0 0 0 0);
          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-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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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%;
}

@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Regular.woff2") format("woff2"), url("/fonts/WorkSans-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Medium.woff2") format("woff2"), url("/fonts/WorkSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "worksans";
  src: url("/fonts/WorkSans-Bold.woff2") format("woff2"), url("/fonts/WorkSans-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@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;
}
:root {
  --s-4: 0.25rem;
  --layer-indentation-size: calc(var(--s-4) * 6);
}

.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 .main_ui_workspace__workspace-loader {
  display: flex;
  justify-content: center;
  align-items: center;
  grid-area: viewport;
  background-color: var(--loader-background);
}
.main_ui_workspace__workspace .main_ui_workspace__workspace-loader svg#loader-pencil {
  fill: var(--icon-foreground);
}

.main_ui_workspace__workspace-content {
  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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_color_palette__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_color_palette__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_color_palette__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_color_palette__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_color_palette__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_color_palette__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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.main_ui_workspace_color_palette__disabled ::after {
  background-image: none;
}
.main_ui_workspace_color_palette__left-arrow svg {
  transform: rotate(180deg);
}

.main_ui_workspace_color_palette__color-palette-content {
  display: flex;
  overflow: hidden;
}
.main_ui_workspace_color_palette__color-palette-content .main_ui_workspace_color_palette__color-palette-inside {
  display: flex;
  gap: 0.5rem;
}
.main_ui_workspace_color_palette__color-palette-content .main_ui_workspace_color_palette__color-cell {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr;
  justify-items: center;
  height: 100%;
  width: 5rem;
}
.main_ui_workspace_color_palette__color-palette-content .main_ui_workspace_color_palette__color-cell.main_ui_workspace_color_palette__is-not-library-color {
  width: 4rem;
}
.main_ui_workspace_color_palette__color-palette-content .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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_color_palette_ctx_menu__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_color_palette_ctx_menu__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_color_palette_ctx_menu__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_color_palette_ctx_menu__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_color_palette_ctx_menu__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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__input-element 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__input-element 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 {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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] {
  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__input-element label {
  font-family: "worksans", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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 {
  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__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_colorpicker__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_colorpicker__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker__input-element:focus, .main_ui_workspace_colorpicker__input-element: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__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus input, .main_ui_workspace_colorpicker__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus:hover, .main_ui_workspace_colorpicker__input-element: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__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker__input-element:focus:hover input, .main_ui_workspace_colorpicker__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker__input-element-label {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}

.main_ui_workspace_colorpicker__colorpicker {
  border-radius: 0.5rem;
  width: 16.25rem;
}
.main_ui_workspace_colorpicker__colorpicker > * {
  width: 16.25rem;
}

.main_ui_workspace_colorpicker__top-actions {
  display: flex;
  align-items: flex-start;
  flex-direction: row-reverse;
  justify-content: space-between;
  height: 2.5rem;
}

.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", 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", 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 ::-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", 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", 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__close-button, .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__close-button: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__close-button: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__close-button 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__close-button: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__close-button: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__close-button: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__close-button: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__close-button.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], [disabled].main_ui_workspace_comments__close-button, .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__close-button: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__close-button.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, [disabled].main_ui_workspace_comments__close-button 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__close-button: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__close-button 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_comments__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_comments__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_comments__asset-element, .main_ui_workspace_comments__mode-dropdown-wrapper {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_comments__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_comments__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_comments__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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__close-button {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.375rem;
}
.main_ui_workspace_comments__close-button svg {
  stroke: var(--icon-foreground);
}

.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", 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;
  gap: 1.5rem;
}

.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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_context_menu__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_context_menu__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_context_menu__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_context_menu__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_context_menu__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_context_menu__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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_left_header__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_left_header__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_left_header__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_left_header__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_left_header__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_left_header__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_left_header__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-transform: none;
  color: var(--title-foreground-color-hover);
}

.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;
}
@charset "UTF-8";
@keyframes main_ui_workspace_libraries__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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__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__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__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__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__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__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__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__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__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__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__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__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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_libraries__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_libraries__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_libraries__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_libraries__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_libraries__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_libraries__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: 500;
  padding: 0px 1rem;
}
@keyframes main_ui_workspace_main_menu__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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__menu-btn, .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__menu-btn: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__menu-btn: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__menu-btn 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__menu-btn: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__menu-btn: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__menu-btn: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__menu-btn: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__menu-btn.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], [disabled].main_ui_workspace_main_menu__menu-btn, .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__menu-btn: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__menu-btn.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, [disabled].main_ui_workspace_main_menu__menu-btn 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__menu-btn: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__menu-item .main_ui_workspace_main_menu__open-arrow svg, .main_ui_workspace_main_menu__menu-btn 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_main_menu__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_main_menu__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_main_menu__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_main_menu__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_main_menu__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_main_menu__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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-btn {
  height: 2rem;
  width: calc(1.5rem + 0.25rem);
  padding: 0;
  border-radius: 0.5rem;
}
.main_ui_workspace_main_menu__menu-btn svg {
  stroke: var(--icon-foreground);
}

.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 {
  margin-top: 0.5rem;
  height: 0.25rem;
  border-top: 1px solid var(--color-background-secondary);
}

.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__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__help-info {
  top: 12.25rem;
}
@keyframes main_ui_workspace_nudge__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_nudge__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_nudge__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_nudge__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_nudge__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_nudge__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_nudge__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
  margin-bottom: 1.5rem;
}

.main_ui_workspace_nudge__input-wrapper label {
  text-transform: none;
}

.main_ui_workspace_nudge__modal-msg {
  font-family: "worksans", 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_workspace_palette__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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__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__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__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__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__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__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__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__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__modal-cancel-btn.disabled, .main_ui_workspace_palette__button-secondary[disabled], [disabled].main_ui_workspace_palette__modal-cancel-btn, .main_ui_workspace_palette__button-secondary: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__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__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__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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_palette__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_palette__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_palette__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_palette__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_palette__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_palette__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}

.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;
}
@keyframes main_ui_workspace_presence__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_presence__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_presence__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_presence__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_presence__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_presence__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_presence__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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__zoom-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__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, [disabled].main_ui_workspace_right_header__zoom-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__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__zoom-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__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__zoom-btn .main_ui_workspace_right_header__zoom-icon 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_right_header__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_right_header__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_right_header__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_right_header__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_right_header__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_right_header__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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-btn {
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_right_header__zoom-btn .main_ui_workspace_right_header__zoom-icon {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main_ui_workspace_right_header__zoom-btn .main_ui_workspace_right_header__zoom-icon svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_right_header__zoom-btn:hover .main_ui_workspace_right_header__zoom-icon svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}

.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__viewer-btn {
  border-radius: 0.5rem;
  margin: 0;
  width: 1.75rem;
  height: 1.75rem;
  border: none;
}
.main_ui_workspace_right_header__viewer-btn svg {
  height: 1rem;
  width: 1rem;
  stroke: var(--icon-foreground);
}
.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}
.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;
}

.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;
  width: 17.25rem;
  background-color: var(--panel-background-color);
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 0;
}
.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 {
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 0.125rem solid var(--resize-area-border-color);
  cursor: ns-resize;
}
@keyframes main_ui_workspace_text_palette__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_text_palette__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_text_palette__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_text_palette__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_text_palette__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_text_palette__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_text_palette__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_text_palette_ctx_menu__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_text_palette_ctx_menu__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_text_palette_ctx_menu__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_text_palette_ctx_menu__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_text_palette_ctx_menu__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_top_toolbar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_top_toolbar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_top_toolbar__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_top_toolbar__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_top_toolbar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_top_toolbar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}

.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_comments__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_viewport_comments__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_viewport_comments__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_viewport_comments__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_comments__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_viewport_comments__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_viewport_comments__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
@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 ::-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", 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__grid-actions .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", 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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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], .main_ui_workspace_viewport_grid_layout_editor__grid-actions [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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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], .main_ui_workspace_viewport_grid_layout_editor__grid-actions [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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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__grid-actions .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], .main_ui_workspace_viewport_grid_layout_editor__grid-actions [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__grid-actions .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__grid-actions .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, .main_ui_workspace_viewport_grid_layout_editor__grid-actions [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__grid-actions .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__grid-actions .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_viewport_grid_layout_editor__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_viewport_grid_layout_editor__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_viewport_grid_layout_editor__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_viewport_grid_layout_editor__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_viewport_grid_layout_editor__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 .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 .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__grid-actions .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__grid-actions .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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_viewport_path_actions__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_viewport_path_actions__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_viewport_path_actions__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_viewport_path_actions__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_viewport_path_actions__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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);
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_viewport_top_bar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_viewport_top_bar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_viewport_top_bar__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_viewport_top_bar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_viewport_top_bar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_viewport_widgets__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_viewport_widgets__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_viewport_widgets__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_viewport_widgets__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_viewport_widgets__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_viewport_widgets__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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;
}
@keyframes main_ui_workspace_sidebar_assets__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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__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", 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__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__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__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__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__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__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__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__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__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__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__sort-button, .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__sort-button: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__sort-button: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__sort-button 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__sort-button: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__sort-button: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__sort-button: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__sort-button: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__sort-button.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], [disabled].main_ui_workspace_sidebar_assets__sort-button, .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__sort-button: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__sort-button.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, [disabled].main_ui_workspace_sidebar_assets__sort-button 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__sort-button: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__libraries-button .main_ui_workspace_sidebar_assets__libraries-icon svg, .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__sort-button svg, .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__sort-button svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
  max-height: calc(100vh - 5rem);
  scrollbar-gutter: stable;
  overflow-y: auto;
  padding-top: 0.5rem;
}

.main_ui_workspace_sidebar_assets__libraries-button {
  font-family: "worksans", 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 .main_ui_workspace_sidebar_assets__libraries-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 100%;
}
.main_ui_workspace_sidebar_assets__libraries-button .main_ui_workspace_sidebar_assets__libraries-icon svg {
  display: flex;
  justify-content: center;
  align-items: center;
  stroke: var(--icon-foreground);
}
.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:hover svg {
  stroke: var(--button-secondary-foreground-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__libraries-button:focus svg {
  stroke: var(--button-secondary-foreground-color-focus);
}

.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", 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;
}

.main_ui_workspace_sidebar_assets__sort-button {
  width: 2rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets__sort-button svg {
  stroke: var(--icon-foreground);
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_collapsable_button__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_collapsable_button__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_collapsable_button__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_collapsable_button__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_collapsable_button__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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);
}

.main_ui_workspace_sidebar_collapsable_button__collapsed-title {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  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 ::-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", 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", 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__close-button, .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__close-button: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__close-button: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__close-button 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__close-button: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__close-button: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__close-button: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__close-button: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__close-button.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], [disabled].main_ui_workspace_sidebar_debug__close-button, .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__close-button: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__close-button.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, [disabled].main_ui_workspace_sidebar_debug__close-button 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__close-button: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__close-button svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_debug__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_debug__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_debug__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_debug__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_debug__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_debug__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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__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__close-button svg {
  stroke: var(--icon-foreground);
}

.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_debug_shape_info__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_debug_shape_info__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_debug_shape_info__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_debug_shape_info__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_debug_shape_info__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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__close-button, .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__close-button: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__close-button: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__close-button 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__close-button: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__close-button: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__close-button: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__close-button: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__close-button.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], [disabled].main_ui_workspace_sidebar_history__close-button, .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__close-button: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__close-button.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, [disabled].main_ui_workspace_sidebar_history__close-button 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__close-button: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__close-button svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_history__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_history__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_history__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_history__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_history__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_history__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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__close-button {
  position: absolute;
  right: 0.125rem;
  top: 0.125rem;
  height: 1.75rem;
  width: 1.75rem;
  border-radius: 0.375rem;
}
.main_ui_workspace_sidebar_history__close-button svg {
  stroke: var(--icon-foreground);
}

.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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_layer_item__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_layer_item__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_layer_item__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_layer_item__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_layer_item__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  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%;
}
.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.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_layer_name__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_layer_name__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_layer_name__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_layer_name__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_layer_name__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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-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 ::-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", 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", 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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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,
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-search 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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search [disabled].main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search [disabled].main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-search 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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-search 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_layers__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_layers__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_layers__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_layers__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_layers__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_layers__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-search {
  height: 2rem;
  width: 1.75rem;
  min-width: 1.75rem;
  padding: 0;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_layers__tool-window-bar.main_ui_workspace_sidebar_layers__search .main_ui_workspace_sidebar_layers__close-search svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_layers__page-name {
  font-family: "worksans", 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;
  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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: center;
  height: 100%;
  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", 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", 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: 100%;
  overflow-x: hidden;
  overflow-y: overlay;
  scrollbar-gutter: stable;
}
.main_ui_workspace_sidebar_layers__tool-window-content .main_ui_workspace_sidebar_layers__element-list {
  width: 100%;
}
@keyframes main_ui_workspace_sidebar_options__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_options__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-left: 0.75rem;
}

.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 {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding-top: 0.5rem;
}

.main_ui_workspace_sidebar_options__inspect {
  scrollbar-gutter: unset;
}
@keyframes main_ui_workspace_sidebar_shortcuts__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_shortcuts__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_shortcuts__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_shortcuts__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_shortcuts__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_shortcuts__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_shortcuts__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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", 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", 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 ::-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", 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", 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__add-page, .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__add-page: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__add-page: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__add-page 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__add-page: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__add-page: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__add-page: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__add-page: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__add-page.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], [disabled].main_ui_workspace_sidebar_sitemap__add-page, .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__add-page: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__add-page.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, [disabled].main_ui_workspace_sidebar_sitemap__add-page 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__add-page: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__add-page svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_sitemap__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_sitemap__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_sitemap__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_sitemap__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_sitemap__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_sitemap__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-page {
  height: 2rem;
  width: 1.75rem;
  padding: 0;
  margin-right: 0.75rem;
}
.main_ui_workspace_sidebar_sitemap__add-page svg {
  stroke: var(--icon-foreground);
  transform: rotate(90deg);
}

.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: 100%;
  overflow-x: hidden;
  overflow-y: overlay;
  scrollbar-gutter: stable;
}

.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", 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", 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_options_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_common__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_common__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_common__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_common__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_common__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_page__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_page__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_page__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_page__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_page__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_shapes_group__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_shapes_group__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_shapes_group__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_shapes_group__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_shapes_group__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_shapes_multiple__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_shapes_multiple__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_shapes_multiple__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_shapes_multiple__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_shapes_multiple__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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__remove-btn,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn, .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__remove-btn:focus-visible,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn svg,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn 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__remove-btn:hover,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn:hover svg,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn:active,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn:active svg,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn.disabled,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn.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], [disabled].main_ui_workspace_sidebar_options_rows_color_row__remove-btn,
[disabled].main_ui_workspace_sidebar_options_rows_color_row__select-btn, .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__remove-btn:disabled,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn.disabled svg,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn.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, [disabled].main_ui_workspace_sidebar_options_rows_color_row__remove-btn svg,
[disabled].main_ui_workspace_sidebar_options_rows_color_row__select-btn 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__remove-btn:disabled svg,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn: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__remove-btn svg,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_rows_color_row__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_rows_color_row__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_rows_color_row__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_rows_color_row__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_rows_color_row__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}
.main_ui_workspace_sidebar_options_rows_color_row__color-data.main_ui_workspace_sidebar_options_rows_color_row__dnd-over-top {
  border-block-start: 1px solid var(--layer-row-foreground-color-drag);
}
.main_ui_workspace_sidebar_options_rows_color_row__color-data.main_ui_workspace_sidebar_options_rows_color_row__dnd-over-bot {
  border-block-end: 1px solid var(--layer-row-foreground-color-drag);
}

.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 {
  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", 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", 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__gradient-name-wrapper {
  border-radius: 0 0.5rem 0.5rem 0;
}
.main_ui_workspace_sidebar_options_rows_color_row__gradient-name-wrapper .main_ui_workspace_sidebar_options_rows_color_row__color-name {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  border-radius: 0 0.5rem 0.5rem 0;
}

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

.main_ui_workspace_sidebar_options_rows_color_row__remove-btn,
.main_ui_workspace_sidebar_options_rows_color_row__select-btn {
  height: 2rem;
  width: 1.75rem;
}
@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 ::-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", 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", 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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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], .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options [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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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-data .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-data .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-data .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-data .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-data .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;
  font-family: "worksans", 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: 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-data .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-data .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-data .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", 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-data .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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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-data .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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_rows_stroke_row__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_rows_stroke_row__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-width-input-element {
  width: 3.75rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-options .main_ui_workspace_sidebar_options_rows_stroke_row__select-wrapper {
  width: 7.75rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .main_ui_workspace_sidebar_options_rows_stroke_row__cap-select {
  width: 7.75rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-cap-dropdown,
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .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-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-cap-dropdown-start {
  left: 0;
  right: unset;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data .main_ui_workspace_sidebar_options_rows_stroke_row__stroke-caps-options .main_ui_workspace_sidebar_options_rows_stroke_row__swap-caps-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data.main_ui_workspace_sidebar_options_rows_stroke_row__dnd-over-top {
  border-top: 1px solid var(--layer-row-foreground-color-drag);
}
.main_ui_workspace_sidebar_options_rows_stroke_row__stroke-data.main_ui_workspace_sidebar_options_rows_stroke_row__dnd-over-bot {
  border-bottom: 1px solid var(--layer-row-foreground-color-drag);
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_align__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_align__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_align__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_align__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_align__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn, .main_ui_workspace_sidebar_options_menus_blur__add-blur, .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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn svg, .main_ui_workspace_sidebar_options_menus_blur__add-blur 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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:hover, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:active, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:active svg, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn.disabled, .main_ui_workspace_sidebar_options_menus_blur__add-blur.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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions [disabled].main_ui_workspace_sidebar_options_menus_blur__action-btn, [disabled].main_ui_workspace_sidebar_options_menus_blur__add-blur, .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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:disabled, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_blur__add-blur.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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions [disabled].main_ui_workspace_sidebar_options_menus_blur__action-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_blur__add-blur 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__first-row .main_ui_workspace_sidebar_options_menus_blur__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_blur__add-blur: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__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn 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__add-blur 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_blur__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_blur__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_blur__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_blur__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_blur__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-blur {
  height: 2rem;
  width: 1.75rem;
}
.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", 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__actions .main_ui_workspace_sidebar_options_menus_blur__action-btn {
  box-sizing: border-box;
  height: 2rem;
  width: 1.75rem;
}
.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 {
  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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_bool__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_bool__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_bool__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_bool__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_bool__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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_color_selection__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_color_selection__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_color_selection__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_color_selection__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_color_selection__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_color_selection__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_component__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_component__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_component__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_component__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_component__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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", 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", 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", 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", 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;
}

.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", 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", 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", 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", 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", 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;
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_constraints__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_constraints__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_constraints__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_constraints__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_constraints__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special,
.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__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn,
.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__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special,
.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__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .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%;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.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,
.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,
.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,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.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,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated .main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  width: 2rem;
  height: calc(1px + 0.125rem);
  border-radius: 0.5rem;
  background-color: var(--button-constraint-background-color-rest);
  padding: 0;
  margin: 0;
}
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn.main_ui_workspace_sidebar_options_menus_constraints__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .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__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated.main_ui_workspace_sidebar_options_menus_constraints__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn.main_ui_workspace_sidebar_options_menus_constraints__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .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__resalted-area,
.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__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.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__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.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__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated.main_ui_workspace_sidebar_options_menus_constraints__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn.main_ui_workspace_sidebar_options_menus_constraints__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .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__resalted-area,
.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__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn.main_ui_workspace_sidebar_options_menus_constraints__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .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__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated.main_ui_workspace_sidebar_options_menus_constraints__active .main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  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__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area, .main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-top .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-left .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-center .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-right .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-special:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:hover .main_ui_workspace_sidebar_options_menus_constraints__resalted-area,
.main_ui_workspace_sidebar_options_menus_constraints__constraints-bottom .main_ui_workspace_sidebar_options_menus_constraints__constraint-btn-rotated:focus .main_ui_workspace_sidebar_options_menus_constraints__resalted-area {
  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__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__contraints-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", 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 ::-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", 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", 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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn, .main_ui_workspace_sidebar_options_menus_exports__add-export, .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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn svg, .main_ui_workspace_sidebar_options_menus_exports__add-export 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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:hover, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:hover, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:active, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:active, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:active svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:active svg, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn.disabled, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn.disabled, .main_ui_workspace_sidebar_options_menus_exports__add-export.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__element-group [disabled].main_ui_workspace_sidebar_options_menus_exports__action-btn, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions [disabled].main_ui_workspace_sidebar_options_menus_exports__action-btn, [disabled].main_ui_workspace_sidebar_options_menus_exports__add-export, .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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:disabled, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:disabled, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_exports__add-export.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__element-group [disabled].main_ui_workspace_sidebar_options_menus_exports__action-btn svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions [disabled].main_ui_workspace_sidebar_options_menus_exports__action-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_exports__add-export 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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_exports__add-export: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__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn svg, .main_ui_workspace_sidebar_options_menus_exports__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn svg, .main_ui_workspace_sidebar_options_menus_exports__add-export svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_exports__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_exports__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_exports__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_exports__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_exports__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-export {
  height: 2rem;
  width: 1.75rem;
}
.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__multiple-exports .main_ui_workspace_sidebar_options_menus_exports__actions .main_ui_workspace_sidebar_options_menus_exports__action-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_exports__element-group {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_exports__element-group .main_ui_workspace_sidebar_options_menus_exports__action-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_exports__input-wrapper {
  grid-column: span 7;
  display: grid;
  grid-template-columns: subgrid;
}

.main_ui_workspace_sidebar_options_menus_exports__format-select {
  grid-column: span 2;
  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;
}

.main_ui_workspace_sidebar_options_menus_exports__export-btn {
  font-family: "worksans", 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 ::-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", 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", 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__remove-btn, .main_ui_workspace_sidebar_options_menus_fill__add-fill, .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__remove-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn svg, .main_ui_workspace_sidebar_options_menus_fill__add-fill 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__remove-btn:hover, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn:hover svg, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn:active, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn:active svg, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn.disabled, .main_ui_workspace_sidebar_options_menus_fill__add-fill.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], [disabled].main_ui_workspace_sidebar_options_menus_fill__remove-btn, [disabled].main_ui_workspace_sidebar_options_menus_fill__add-fill, .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__remove-btn:disabled, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_fill__add-fill.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, [disabled].main_ui_workspace_sidebar_options_menus_fill__remove-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_fill__add-fill 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__remove-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_fill__add-fill: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__remove-btn svg, .main_ui_workspace_sidebar_options_menus_fill__add-fill svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_fill__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_fill__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_fill__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_fill__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_fill__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-fill {
  height: 2rem;
  width: 1.75rem;
}
.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__remove-btn {
  height: 2rem;
  width: 1.75rem;
}
.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 ::-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", 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", 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__action-btn, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid, .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__action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn svg, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid 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__action-btn:hover, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn:active, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn:active svg, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn.disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid.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, [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__action-btn, [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__add-grid, .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__action-btn:disabled, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid.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, [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__action-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_frame_grid__add-grid 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__action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_frame_grid__add-grid: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__action-btn 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__add-grid 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_frame_grid__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_frame_grid__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.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", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_frame_grid__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-grid {
  height: 2rem;
  width: 1.75rem;
}
.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__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 {
  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__action-btn {
  height: 2rem;
  width: 1.75rem;
}
.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 {
  width: 6.75rem;
}
.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 {
  width: 6.75rem;
}
.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_grid_cell__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_grid_cell__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_grid_cell__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 {
  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 {
  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 ::-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", 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", 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__remove-flow-btn, .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__add-flow-btn, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn 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__add-flow-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:hover, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:hover svg, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:active, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:active svg, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn.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__add-flow-btn.disabled, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn, [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, [disabled].main_ui_workspace_sidebar_options_menus_interactions__add-flow-btn, [disabled].main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:disabled, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn.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__add-flow-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn 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, [disabled].main_ui_workspace_sidebar_options_menus_interactions__add-flow-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn: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__add-flow-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-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__remove-flow-btn svg, .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__add-flow-btn svg, .main_ui_workspace_sidebar_options_menus_interactions__interactions-help-icon svg, .main_ui_workspace_sidebar_options_menus_interactions__add-interaction-btn 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_interactions__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_interactions__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_interactions__asset-element, .main_ui_workspace_sidebar_options_menus_interactions__interactions-summary {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_interactions__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_interactions__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}

.main_ui_workspace_sidebar_options_menus_interactions__interaction-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_interactions__add-interaction-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_interactions__add-interaction-btn svg {
  stroke: var(--icon-foreground);
}

.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", 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", 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__add-flow-btn {
  height: 2rem;
  width: 1.75rem;
}
.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", 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 {
  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", 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 {
  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", 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);
}

.main_ui_workspace_sidebar_options_menus_interactions__remove-flow-btn {
  height: 2rem;
  width: 1.75rem;
  min-width: 1.75rem;
}
@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 ::-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", 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", 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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn, .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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:focus-visible,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn 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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:hover,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:hover svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:active,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:active svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn.disabled,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn.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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions [disabled].main_ui_workspace_sidebar_options_menus_layer__hidden-btn,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions [disabled].main_ui_workspace_sidebar_options_menus_layer__lock-btn, .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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:disabled,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn.disabled svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn.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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions [disabled].main_ui_workspace_sidebar_options_menus_layer__hidden-btn svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions [disabled].main_ui_workspace_sidebar_options_menus_layer__lock-btn 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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn:disabled svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn: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__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_layer__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_layer__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_layer__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_layer__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_layer__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  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__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn {
  border-radius: 0.5rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__hidden-btn svg,
.main_ui_workspace_sidebar_options_menus_layer__element-set-content .main_ui_workspace_sidebar_options_menus_layer__actions .main_ui_workspace_sidebar_options_menus_layer__lock-btn svg {
  stroke: var(--icon-foreground);
}
.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 ::-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", 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", 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__locate-button,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button, .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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn, .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__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__remove-layout,
.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__add-layout, .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__locate-button:focus-visible,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:focus-visible,
.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__add-layout: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__locate-button:focus-visible svg,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:focus-visible svg,
.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__add-layout: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__locate-button svg,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button 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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn 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__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__remove-layout svg,
.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__add-layout 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__locate-button:hover,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:hover,
.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__add-layout: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__locate-button:hover svg,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:hover svg,
.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__add-layout: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__locate-button:active,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:active,
.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__add-layout: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__locate-button:active svg,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:active svg,
.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__add-layout: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__locate-button.disabled,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button.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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn.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__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__remove-layout.disabled,
.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__add-layout.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], [disabled].main_ui_workspace_sidebar_options_menus_layout_container__locate-button,
[disabled].main_ui_workspace_sidebar_options_menus_layout_container__help-button, .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__track-info [disabled].main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn, .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__element-set .main_ui_workspace_sidebar_options_menus_layout_container__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-actions [disabled].main_ui_workspace_sidebar_options_menus_layout_container__remove-layout,
.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 [disabled].main_ui_workspace_sidebar_options_menus_layout_container__add-layout, .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__locate-button:disabled,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:disabled,
.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__add-layout: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__locate-button.disabled svg,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button.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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn.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__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__remove-layout.disabled svg,
.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__add-layout.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, [disabled].main_ui_workspace_sidebar_options_menus_layout_container__locate-button svg,
[disabled].main_ui_workspace_sidebar_options_menus_layout_container__help-button 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__track-info [disabled].main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn 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__element-set .main_ui_workspace_sidebar_options_menus_layout_container__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-actions [disabled].main_ui_workspace_sidebar_options_menus_layout_container__remove-layout svg,
.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 [disabled].main_ui_workspace_sidebar_options_menus_layout_container__add-layout 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__locate-button:disabled svg,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button: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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn: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__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__remove-layout:disabled svg,
.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__add-layout: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__remove-track-btn 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__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__remove-layout svg,
.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__add-layout 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_layout_container__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_layout_container__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_layout_container__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_layout_container__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_layout_container__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 5.75rem;
}
.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__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-actions .main_ui_workspace_sidebar_options_menus_layout_container__remove-layout,
.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__add-layout {
  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__element-title .main_ui_workspace_sidebar_options_menus_layout_container__title-actions .main_ui_workspace_sidebar_options_menus_layout_container__remove-layout svg,
.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__add-layout 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 {
  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 {
  position: relative;
}
.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 .main_ui_workspace_sidebar_options_menus_layout_container__help-button {
  position: absolute;
  top: 0;
  right: 0;
}

.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 {
  width: 6.75rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__gap-group .main_ui_workspace_sidebar_options_menus_layout_container__row-gap {
  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 {
  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 {
  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", 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", 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 {
  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__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn {
  padding: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__track-info .main_ui_workspace_sidebar_options_menus_layout_container__remove-track-btn svg {
  width: 0.75rem;
  height: 0.75rem;
  stroke: var(--icon-foreground);
  fill: var(--icon-foreground);
}

.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: flex;
  flex-direction: column;
  gap: 0.25rem;
  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__locate-button,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button {
  padding: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_layout_container__locate-button svg,
.main_ui_workspace_sidebar_options_menus_layout_container__help-button svg {
  fill: none;
  width: 1rem;
  height: 1rem;
}

.main_ui_workspace_sidebar_options_menus_layout_container__layout-options {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  right: 0;
  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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_layout_item__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_layout_item__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_layout_item__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_layout_item__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_layout_item__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  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 {
  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 {
  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 {
  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 ::-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", 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", 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__radius-mode, .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__radius-mode: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__radius-mode: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__radius-mode 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__radius-mode: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__radius-mode: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__radius-mode: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__radius-mode: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__radius-mode.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__radius-mode, [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__radius-mode: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__radius-mode.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__radius-mode 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__radius-mode: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__radius-mode.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__radius-mode.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__radius-mode svg, .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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input span svg, .main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input label svg,
.main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input span svg, .main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input label svg,
.main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input input, .main_ui_workspace_sidebar_options_menus_measures__radius-1 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;
  font-family: "worksans", 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: 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input input[disabled], .main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input span, .main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input label,
.main_ui_workspace_sidebar_options_menus_measures__radius-1 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", 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input, .main_ui_workspace_sidebar_options_menus_measures__radius-1, .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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus-within, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input span svg, .main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input label svg,
.main_ui_workspace_sidebar_options_menus_measures__radius-1 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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input ::-moz-placeholder, .main_ui_workspace_sidebar_options_menus_measures__radius-1 ::-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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input ::placeholder, .main_ui_workspace_sidebar_options_menus_measures__radius-1 ::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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:hover, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:hover span, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:hover input, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:active, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:active span, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:active input, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus-within, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus span, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus-within span, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus input, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus-within input, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus:hover, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus-within:hover, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus:hover span, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus-within:hover span, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus:hover input, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input:focus-within:hover input, .main_ui_workspace_sidebar_options_menus_measures__radius-1: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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_measures__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_measures__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_measures__asset-element, .main_ui_workspace_sidebar_options_menus_measures__presets-wrapper {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_measures__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_measures__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: flex;
  align-items: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_measures__presets-wrapper {
  position: relative;
  display: flex;
  height: 2rem;
  width: 11.75rem;
  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", 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;
  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;
}

.main_ui_workspace_sidebar_options_menus_measures__height,
.main_ui_workspace_sidebar_options_menus_measures__width {
  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 {
  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 {
  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__radius {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.25rem;
}

.main_ui_workspace_sidebar_options_menus_measures__radius-inputs {
  display: flex;
}

.main_ui_workspace_sidebar_options_menus_measures__radius-1 {
  width: 6.75rem;
}

.main_ui_workspace_sidebar_options_menus_measures__radius-4 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}
.main_ui_workspace_sidebar_options_menus_measures__radius-4 .main_ui_workspace_sidebar_options_menus_measures__small-input {
  width: 3.25rem;
}

.main_ui_workspace_sidebar_options_menus_measures__radius-mode {
  height: 2rem;
  width: 1.75rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_options_menus_measures__radius-mode svg {
  stroke: var(--icon-foreground);
}
.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 ::-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", 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", 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__action-btn, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow, .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__action-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn svg, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow 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__action-btn:hover, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn:hover svg, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn:active, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn:active svg, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn.disabled, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow.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], [disabled].main_ui_workspace_sidebar_options_menus_shadow__action-btn, [disabled].main_ui_workspace_sidebar_options_menus_shadow__add-shadow, .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__action-btn:disabled, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow.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, [disabled].main_ui_workspace_sidebar_options_menus_shadow__action-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_shadow__add-shadow 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__action-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow: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__action-btn svg, .main_ui_workspace_sidebar_options_menus_shadow__add-shadow 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_shadow__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_shadow__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_shadow__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_shadow__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_shadow__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-shadow {
  height: 2rem;
  width: 1.75rem;
}
.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__action-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_options_menus_shadow__shadow-element {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

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

.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 {
  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 .main_ui_workspace_sidebar_options_menus_shadow__input-element span, .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__blur-input span,
.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-element label,
.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__blur-input label, .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__offset-x-input span, .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__blur-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__blur-input .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 .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 .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span,
.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__blur-input span,
.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__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__offset-x-input .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__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__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 .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 .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 .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__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input .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 .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__offset-x-input .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__blur-input label,
.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__spread-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__blur-input label,
.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__offset-y-input label,
.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__blur-input label,
.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__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__offset-x-input .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__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__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__blur-input .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__spread-input .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__blur-input .main_ui_workspace_sidebar_options_menus_shadow__second-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-y-input .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 .main_ui_workspace_sidebar_options_menus_shadow__input-element span,
.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__spread-input span,
.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-element label,
.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__spread-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__offset-x-input span,
.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__spread-input span,
.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__blur-input span,
.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__spread-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__spread-input .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input span,
.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__spread-input span,
.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__offset-x-input span,
.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__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 .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 .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__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__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 .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__second-row .main_ui_workspace_sidebar_options_menus_shadow__offset-y-input .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 .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__offset-x-input .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__spread-input .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__blur-input .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__spread-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__offset-y-input label,
.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__spread-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__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__offset-x-input .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__spread-input .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__blur-input .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__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__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__spread-input .main_ui_workspace_sidebar_options_menus_shadow__second-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-y-input .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 .main_ui_workspace_sidebar_options_menus_shadow__input-element span,
.main_ui_workspace_sidebar_options_menus_shadow__input-element .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 .main_ui_workspace_sidebar_options_menus_shadow__input-element label,
.main_ui_workspace_sidebar_options_menus_shadow__input-element .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__blur-input .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__offset-x-input .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__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__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 .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 .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 .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__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__blur-input span,
.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__offset-x-input span,
.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__blur-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__blur-input .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 .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 .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-y-input .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 .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__offset-x-input .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__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__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__blur-input .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__spread-input .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__blur-input .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__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__blur-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__offset-x-input label,
.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__blur-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__blur-input .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__spread-input .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__blur-input .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-y-input .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 .main_ui_workspace_sidebar_options_menus_shadow__input-element span,
.main_ui_workspace_sidebar_options_menus_shadow__input-element .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 .main_ui_workspace_sidebar_options_menus_shadow__input-element label,
.main_ui_workspace_sidebar_options_menus_shadow__input-element .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__spread-input .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__offset-x-input .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 .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 .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__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__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 .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__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__spread-input span,
.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__offset-x-input span,
.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__spread-input span,
.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__blur-input span,
.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__spread-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__spread-input .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-y-input .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 .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__offset-x-input .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__spread-input .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__blur-input .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__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__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__spread-input .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__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__spread-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__offset-x-input label,
.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__spread-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__blur-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__spread-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__spread-input .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-y-input .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 ::-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", 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", 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__remove-btn, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke, .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__remove-btn:focus-visible, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn:focus-visible svg, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn svg, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke 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__remove-btn:hover, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn:hover svg, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn:active, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn:active svg, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn.disabled, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke.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], [disabled].main_ui_workspace_sidebar_options_menus_stroke__remove-btn, [disabled].main_ui_workspace_sidebar_options_menus_stroke__add-stroke, .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__remove-btn:disabled, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn.disabled svg, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke.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, [disabled].main_ui_workspace_sidebar_options_menus_stroke__remove-btn svg, [disabled].main_ui_workspace_sidebar_options_menus_stroke__add-stroke 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__remove-btn:disabled svg, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke: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__remove-btn svg, .main_ui_workspace_sidebar_options_menus_stroke__add-stroke svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_stroke__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_stroke__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_stroke__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_stroke__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_stroke__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-stroke {
  height: 2rem;
  width: 1.75rem;
}
.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;
}

.main_ui_workspace_sidebar_options_menus_stroke__remove-btn {
  height: 2rem;
  width: 1.75rem;
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_svg_attrs__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_svg_attrs__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_svg_attrs__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 {
  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", 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 ::-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", 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", 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__more-options, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button, .main_ui_workspace_sidebar_options_menus_text__add-typography, .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__more-options:focus-visible, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:focus-visible, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:focus-visible svg, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button svg, .main_ui_workspace_sidebar_options_menus_text__add-typography 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__more-options:hover, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:hover, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options:hover svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:hover svg, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options:active, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:active, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options:active svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:active svg, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options.disabled, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button.disabled, .main_ui_workspace_sidebar_options_menus_text__add-typography.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__more-options, [disabled].main_ui_workspace_sidebar_options_menus_text__multiple-typography-button, [disabled].main_ui_workspace_sidebar_options_menus_text__add-typography, .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__more-options:disabled, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:disabled, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options.disabled svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button.disabled svg, .main_ui_workspace_sidebar_options_menus_text__add-typography.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__more-options svg, [disabled].main_ui_workspace_sidebar_options_menus_text__multiple-typography-button svg, [disabled].main_ui_workspace_sidebar_options_menus_text__add-typography 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__more-options:disabled svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button:disabled svg, .main_ui_workspace_sidebar_options_menus_text__add-typography: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__more-options svg, .main_ui_workspace_sidebar_options_menus_text__multiple-typography-button svg, .main_ui_workspace_sidebar_options_menus_text__add-typography 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_text__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_text__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_options_menus_text__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_text__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_text__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__add-typography {
  height: 2rem;
  width: 1.75rem;
}
.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", 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__more-options {
  height: 2rem;
  width: 1.75rem;
}
.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_options_menus_typography__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_options_menus_typography__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.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", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_options_menus_typography__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_options_menus_typography__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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__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", 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 {
  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", 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", 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 ::-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", 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", 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__assets-btn, .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__assets-btn: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__assets-btn: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__assets-btn 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__assets-btn: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__assets-btn: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__assets-btn: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__assets-btn: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__assets-btn.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], [disabled].main_ui_workspace_sidebar_assets_colors__assets-btn, .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__assets-btn: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__assets-btn.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, [disabled].main_ui_workspace_sidebar_assets_colors__assets-btn 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__assets-btn: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__assets-btn svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets_colors__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets_colors__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_colors__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_colors__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets_colors__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__assets-btn {
  height: 2rem;
  width: 1.75rem;
  padding: 0;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_colors__assets-btn svg {
  stroke: var(--icon-foreground);
}

.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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  background: none;
  outline: none;
  flex-grow: 1;
  max-width: calc(var(--parent-size) - var(--depth) * var(--layer-indentation-size));
  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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets_common__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets_common__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_common__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_common__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets_common__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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__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 {
  margin-bottom: 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", 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 ::-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", 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", 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__add-component, .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__add-component: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__add-component: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__add-component 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__add-component: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__add-component: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__add-component: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__add-component: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__add-component.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], [disabled].main_ui_workspace_sidebar_assets_components__add-component, .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__add-component: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__add-component.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, [disabled].main_ui_workspace_sidebar_assets_components__add-component 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__add-component: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__add-component svg, .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__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__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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets_components__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets_components__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_components__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_components__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets_components__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__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", 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", 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__item-name {
  font-family: "worksans", 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", 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__add-component {
  height: 2rem;
  width: 1.75rem;
  margin-left: 0.125rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_components__add-component svg {
  stroke: var(--icon-foreground);
}

.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);
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets_file_library__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets_file_library__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_file_library__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_file_library__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets_file_library__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-grow: 100;
  height: 100%;
}

.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", 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_graphics__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_workspace_sidebar_assets_graphics__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_workspace_sidebar_assets_graphics__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_workspace_sidebar_assets_graphics__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_workspace_sidebar_assets_graphics__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_graphics__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_workspace_sidebar_assets_graphics__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_graphics__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_workspace_sidebar_assets_graphics__new-scrollbar ::placeholder,
.main_ui_workspace_sidebar_assets_graphics__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_workspace_sidebar_assets_graphics__button-primary, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn, .main_ui_workspace_sidebar_assets_graphics__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_graphics__button-primary:focus-visible, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn:focus-visible, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-primary:focus-visible svg, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_graphics__modal-accept-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_graphics__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__button-primary svg, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn svg, .main_ui_workspace_sidebar_assets_graphics__modal-accept-btn svg,
.main_ui_workspace_sidebar_assets_graphics__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_graphics__button-primary:hover, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn:hover, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-primary:hover svg, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn:hover svg, .main_ui_workspace_sidebar_assets_graphics__modal-accept-btn:hover svg,
.main_ui_workspace_sidebar_assets_graphics__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__button-primary:active, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn:active, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-primary:active svg, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn:active svg, .main_ui_workspace_sidebar_assets_graphics__modal-accept-btn:active svg,
.main_ui_workspace_sidebar_assets_graphics__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__button-primary.disabled, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn.disabled, .main_ui_workspace_sidebar_assets_graphics__modal-accept-btn.disabled, .main_ui_workspace_sidebar_assets_graphics__button-primary[disabled], [disabled].main_ui_workspace_sidebar_assets_graphics__modal-danger-btn, [disabled].main_ui_workspace_sidebar_assets_graphics__modal-accept-btn, .main_ui_workspace_sidebar_assets_graphics__button-primary:disabled, .main_ui_workspace_sidebar_assets_graphics__modal-danger-btn:disabled, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-secondary, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-secondary:focus-visible, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-secondary:focus-visible svg, .main_ui_workspace_sidebar_assets_graphics__modal-cancel-btn:focus-visible svg,
.main_ui_workspace_sidebar_assets_graphics__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__button-secondary svg, .main_ui_workspace_sidebar_assets_graphics__modal-cancel-btn svg,
.main_ui_workspace_sidebar_assets_graphics__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_graphics__button-secondary:hover, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-secondary:hover svg, .main_ui_workspace_sidebar_assets_graphics__modal-cancel-btn:hover svg,
.main_ui_workspace_sidebar_assets_graphics__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__button-secondary:active, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-secondary:active svg, .main_ui_workspace_sidebar_assets_graphics__modal-cancel-btn:active svg,
.main_ui_workspace_sidebar_assets_graphics__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__button-secondary.disabled, .main_ui_workspace_sidebar_assets_graphics__modal-cancel-btn.disabled, .main_ui_workspace_sidebar_assets_graphics__button-secondary[disabled], [disabled].main_ui_workspace_sidebar_assets_graphics__modal-cancel-btn, .main_ui_workspace_sidebar_assets_graphics__button-secondary:disabled, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-tertiary, .main_ui_workspace_sidebar_assets_graphics__assets-btn, .main_ui_workspace_sidebar_assets_graphics__add-component, .main_ui_workspace_sidebar_assets_graphics__attr-title button, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-tertiary:focus-visible, .main_ui_workspace_sidebar_assets_graphics__assets-btn:focus-visible, .main_ui_workspace_sidebar_assets_graphics__add-component:focus-visible, .main_ui_workspace_sidebar_assets_graphics__attr-title button:focus-visible, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-tertiary:focus-visible svg, .main_ui_workspace_sidebar_assets_graphics__assets-btn:focus-visible svg, .main_ui_workspace_sidebar_assets_graphics__add-component:focus-visible svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button:focus-visible svg, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base:focus-visible svg,
.main_ui_workspace_sidebar_assets_graphics__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__button-tertiary svg, .main_ui_workspace_sidebar_assets_graphics__assets-btn svg, .main_ui_workspace_sidebar_assets_graphics__add-component svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button svg, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_graphics__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_graphics__button-tertiary:hover, .main_ui_workspace_sidebar_assets_graphics__assets-btn:hover, .main_ui_workspace_sidebar_assets_graphics__add-component:hover, .main_ui_workspace_sidebar_assets_graphics__attr-title button:hover, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-tertiary:hover svg, .main_ui_workspace_sidebar_assets_graphics__assets-btn:hover svg, .main_ui_workspace_sidebar_assets_graphics__add-component:hover svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button:hover svg, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base:hover svg,
.main_ui_workspace_sidebar_assets_graphics__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__button-tertiary:active, .main_ui_workspace_sidebar_assets_graphics__assets-btn:active, .main_ui_workspace_sidebar_assets_graphics__add-component:active, .main_ui_workspace_sidebar_assets_graphics__attr-title button:active, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-tertiary:active svg, .main_ui_workspace_sidebar_assets_graphics__assets-btn:active svg, .main_ui_workspace_sidebar_assets_graphics__add-component:active svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button:active svg, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base:active svg,
.main_ui_workspace_sidebar_assets_graphics__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__button-tertiary.disabled, .main_ui_workspace_sidebar_assets_graphics__assets-btn.disabled, .main_ui_workspace_sidebar_assets_graphics__add-component.disabled, .main_ui_workspace_sidebar_assets_graphics__attr-title button.disabled, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base.disabled, .main_ui_workspace_sidebar_assets_graphics__button-tertiary[disabled], [disabled].main_ui_workspace_sidebar_assets_graphics__assets-btn, [disabled].main_ui_workspace_sidebar_assets_graphics__add-component, .main_ui_workspace_sidebar_assets_graphics__attr-title button[disabled], [disabled].main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base, .main_ui_workspace_sidebar_assets_graphics__button-tertiary:disabled, .main_ui_workspace_sidebar_assets_graphics__assets-btn:disabled, .main_ui_workspace_sidebar_assets_graphics__add-component:disabled, .main_ui_workspace_sidebar_assets_graphics__attr-title button:disabled, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_graphics__button-tertiary.disabled svg, .main_ui_workspace_sidebar_assets_graphics__assets-btn.disabled svg, .main_ui_workspace_sidebar_assets_graphics__add-component.disabled svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button.disabled svg, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base.disabled svg,
.main_ui_workspace_sidebar_assets_graphics__button-tertiary.disabled span svg, .main_ui_workspace_sidebar_assets_graphics__button-tertiary[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_graphics__assets-btn svg, [disabled].main_ui_workspace_sidebar_assets_graphics__add-component svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button[disabled] svg, [disabled].main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base svg,
.main_ui_workspace_sidebar_assets_graphics__button-tertiary[disabled] span svg, .main_ui_workspace_sidebar_assets_graphics__button-tertiary:disabled svg, .main_ui_workspace_sidebar_assets_graphics__assets-btn:disabled svg, .main_ui_workspace_sidebar_assets_graphics__add-component:disabled svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button:disabled svg, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base:disabled svg,
.main_ui_workspace_sidebar_assets_graphics__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_workspace_sidebar_assets_graphics__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_graphics__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_graphics__button-radio:focus-visible svg,
.main_ui_workspace_sidebar_assets_graphics__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__button-radio svg,
.main_ui_workspace_sidebar_assets_graphics__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_workspace_sidebar_assets_graphics__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_graphics__button-radio:hover svg,
.main_ui_workspace_sidebar_assets_graphics__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__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_graphics__button-radio:active svg,
.main_ui_workspace_sidebar_assets_graphics__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_workspace_sidebar_assets_graphics__button-icon, .main_ui_workspace_sidebar_assets_graphics__assets-btn svg, .main_ui_workspace_sidebar_assets_graphics__add-component svg, .main_ui_workspace_sidebar_assets_graphics__empty-icon svg, .main_ui_workspace_sidebar_assets_graphics__modal-close-btn-base svg, .main_ui_workspace_sidebar_assets_graphics__button-icon-small, .main_ui_workspace_sidebar_assets_graphics__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button svg, .main_ui_workspace_sidebar_assets_graphics__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_graphics__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_graphics__input-element span svg,
.main_ui_workspace_sidebar_assets_graphics__input-element label svg, .main_ui_workspace_sidebar_assets_graphics__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_graphics__button-icon-small, .main_ui_workspace_sidebar_assets_graphics__dropdown-element-base span svg, .main_ui_workspace_sidebar_assets_graphics__attr-title button svg, .main_ui_workspace_sidebar_assets_graphics__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span.intermediate svg, .main_ui_workspace_sidebar_assets_graphics__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span.checked svg, .main_ui_workspace_sidebar_assets_graphics__input-element span svg,
.main_ui_workspace_sidebar_assets_graphics__input-element label svg, .main_ui_workspace_sidebar_assets_graphics__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_workspace_sidebar_assets_graphics__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_graphics__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_graphics__input-base, .main_ui_workspace_sidebar_assets_graphics__input-with-label input, .main_ui_workspace_sidebar_assets_graphics__input-element-label input, .main_ui_workspace_sidebar_assets_graphics__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_graphics__input-base[disabled], .main_ui_workspace_sidebar_assets_graphics__input-with-label input[disabled], .main_ui_workspace_sidebar_assets_graphics__input-element-label input[disabled], .main_ui_workspace_sidebar_assets_graphics__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_workspace_sidebar_assets_graphics__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_workspace_sidebar_assets_graphics__input-label, .main_ui_workspace_sidebar_assets_graphics__input-element span,
.main_ui_workspace_sidebar_assets_graphics__input-element label {
  font-family: "worksans", 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_graphics__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_graphics__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_graphics__input-element span svg,
.main_ui_workspace_sidebar_assets_graphics__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_sidebar_assets_graphics__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_graphics__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:focus, .main_ui_workspace_sidebar_assets_graphics__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:focus span, .main_ui_workspace_sidebar_assets_graphics__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:focus input, .main_ui_workspace_sidebar_assets_graphics__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:focus:hover, .main_ui_workspace_sidebar_assets_graphics__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_graphics__input-element:focus:hover span, .main_ui_workspace_sidebar_assets_graphics__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__input-element:focus:hover input, .main_ui_workspace_sidebar_assets_graphics__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_sidebar_assets_graphics__input-element-label {
  font-family: "worksans", 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_graphics__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_graphics__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_graphics__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_workspace_sidebar_assets_graphics__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__input-element-label:focus-within input, .main_ui_workspace_sidebar_assets_graphics__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_graphics__disabled-input, .main_ui_workspace_sidebar_assets_graphics__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_graphics__disabled-input input, .main_ui_workspace_sidebar_assets_graphics__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_workspace_sidebar_assets_graphics__disabled-input span svg, .main_ui_workspace_sidebar_assets_graphics__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_workspace_sidebar_assets_graphics__checkbox-icon, .main_ui_workspace_sidebar_assets_graphics__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_graphics__checkbox-icon svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_workspace_sidebar_assets_graphics__checkbox-icon:hover, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__checkbox-icon:focus, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_workspace_sidebar_assets_graphics__checkbox-icon.checked, .main_ui_workspace_sidebar_assets_graphics__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_graphics__checkbox-icon.checked svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__checkbox-icon.intermediate, .main_ui_workspace_sidebar_assets_graphics__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_graphics__checkbox-icon.intermediate svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_workspace_sidebar_assets_graphics__checkbox-icon.unchecked, .main_ui_workspace_sidebar_assets_graphics__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_graphics__checkbox-icon.unchecked svg, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_workspace_sidebar_assets_graphics__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_graphics__input-checkbox label {
  font-family: "worksans", 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_graphics__input-checkbox label input {
  margin: 0;
}
.main_ui_workspace_sidebar_assets_graphics__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__input-checkbox label:focus span, .main_ui_workspace_sidebar_assets_graphics__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_workspace_sidebar_assets_graphics__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_workspace_sidebar_assets_graphics__input-with-label label {
  font-family: "worksans", 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_graphics__input-with-label input {
  font-family: "worksans", 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_graphics__input-with-label input:focus-within, .main_ui_workspace_sidebar_assets_graphics__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_graphics__input-with-label input:focus-within input, .main_ui_workspace_sidebar_assets_graphics__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_sidebar_assets_graphics__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_workspace_sidebar_assets_graphics__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_graphics__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_graphics__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_graphics__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_workspace_sidebar_assets_graphics__modal-hint-base {
  font-family: "worksans", 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_graphics__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_workspace_sidebar_assets_graphics__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_graphics__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_graphics__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_graphics__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets_graphics__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets_graphics__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_graphics__asset-element {
  font-family: "worksans", 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_graphics__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_workspace_sidebar_assets_graphics__shortcut-key-base {
  font-family: "worksans", 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_graphics__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_graphics__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_workspace_sidebar_assets_graphics__mixed-bar {
  font-family: "worksans", 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_graphics__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_workspace_sidebar_assets_graphics__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_graphics__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_workspace_sidebar_assets_graphics__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_graphics__attr-row .attr-label {
  font-family: "worksans", 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_graphics__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_sidebar_assets_graphics__copy-button-children {
  font-family: "worksans", 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_graphics__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_graphics__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_graphics__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets_graphics__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_workspace_sidebar_assets_graphics__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_graphics__menu-item-base {
  font-family: "worksans", 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_graphics__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_workspace_sidebar_assets_graphics__dropdown-element-base {
  font-family: "worksans", 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_graphics__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_graphics__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_workspace_sidebar_assets_graphics__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_workspace_sidebar_assets_graphics__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_workspace_sidebar_assets_graphics__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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_graphics__select-wrapper {
  font-family: "worksans", 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_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__drop-space {
  height: 0.75rem;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  margin-left: 0.5rem;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 0.5rem;
  border: 0.125rem solid transparent;
  border-radius: 0.5rem;
  aspect-ratio: 1/1;
  background-color: var(--color-foreground-secondary);
  overflow: hidden;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
  pointer-events: none;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell svg {
  height: 10vh;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell .main_ui_workspace_sidebar_assets_graphics__cell-name {
  font-family: "worksans", 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;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell .main_ui_workspace_sidebar_assets_graphics__cell-name.main_ui_workspace_sidebar_assets_graphics__editing {
  display: block;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell .main_ui_workspace_sidebar_assets_graphics__cell-name .main_ui_workspace_sidebar_assets_graphics__editable-label-input {
  height: unset;
  width: 100%;
  padding: 0.125rem;
  margin: 0;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell .main_ui_workspace_sidebar_assets_graphics__cell-name .main_ui_workspace_sidebar_assets_graphics__editable-label-close {
  display: none;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell:hover {
  background-color: var(--assets-item-background-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell:hover .main_ui_workspace_sidebar_assets_graphics__cell-name {
  display: block;
  color: var(--assets-item-name-foreground-color-hover);
  background: linear-gradient(to top, rgb(52, 57, 59) 0%, rgba(52, 57, 59, 0) 100%);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell.main_ui_workspace_sidebar_assets_graphics__selected {
  border: 1px solid var(--assets-item-border-color);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-grid .main_ui_workspace_sidebar_assets_graphics__grid-cell .main_ui_workspace_sidebar_assets_graphics__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_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum {
  padding-bottom: 0.25rem;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item {
  position: relative;
  display: flex;
  align-items: center;
  height: 2.25rem;
  margin-bottom: 0.25rem;
  padding: 0.125rem;
  border-radius: 0.5rem;
  background-color: var(--assets-item-background-color);
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item svg,
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item img {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.125rem;
  height: 2rem;
  width: 2rem;
  border-radius: 0.375rem;
  background-color: var(--assets-component-background-color);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item .main_ui_workspace_sidebar_assets_graphics__item-name {
  font-family: "worksans", 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-left: 0.5rem;
  color: var(--assets-item-name-foreground-color);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item .main_ui_workspace_sidebar_assets_graphics__item-name.main_ui_workspace_sidebar_assets_graphics__editing {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item .main_ui_workspace_sidebar_assets_graphics__item-name.main_ui_workspace_sidebar_assets_graphics__editing .main_ui_workspace_sidebar_assets_graphics__editable-label-input {
  height: 1.5rem;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item .main_ui_workspace_sidebar_assets_graphics__item-name.main_ui_workspace_sidebar_assets_graphics__editing .main_ui_workspace_sidebar_assets_graphics__editable-label-close {
  display: none;
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item:hover {
  background-color: var(--assets-item-background-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item:hover .main_ui_workspace_sidebar_assets_graphics__item-name {
  color: var(--assets-item-name-foreground-color-hover);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__asset-enum .main_ui_workspace_sidebar_assets_graphics__enum-item.main_ui_workspace_sidebar_assets_graphics__selected {
  border: 1px solid var(--assets-item-border-color);
}
.main_ui_workspace_sidebar_assets_graphics__graphics-group .main_ui_workspace_sidebar_assets_graphics__grid-placeholder {
  height: 0.125rem;
  background-color: var(--color-accent-primary);
  margin-bottom: 0.125rem;
}

.main_ui_workspace_sidebar_assets_graphics__listing-options {
  display: flex;
  align-items: center;
}
.main_ui_workspace_sidebar_assets_graphics__listing-options .main_ui_workspace_sidebar_assets_graphics__listing-option-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.main_ui_workspace_sidebar_assets_graphics__listing-options .main_ui_workspace_sidebar_assets_graphics__listing-option-btn.main_ui_workspace_sidebar_assets_graphics__first {
  margin-left: auto;
}
.main_ui_workspace_sidebar_assets_graphics__listing-options .main_ui_workspace_sidebar_assets_graphics__listing-option-btn svg {
  height: 1rem;
  width: 1rem;
}

.main_ui_workspace_sidebar_assets_graphics__add-component {
  height: 2rem;
  width: 1.75rem;
  margin-left: 0.125rem;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_graphics__add-component svg {
  stroke: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_graphics__assets-btn {
  height: 2rem;
  width: calc(1.5rem + 0.25rem);
  padding: 0;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_graphics__assets-btn svg {
  stroke: var(--icon-foreground);
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets_groups__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets_groups__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_groups__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_groups__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets_groups__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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 {
  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 ::-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", 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", 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__assets-btn, .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__assets-btn: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__assets-btn: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__assets-btn 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__assets-btn: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__assets-btn: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__assets-btn: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__assets-btn: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__assets-btn.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], [disabled].main_ui_workspace_sidebar_assets_typographies__assets-btn, .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__assets-btn: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__assets-btn.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, [disabled].main_ui_workspace_sidebar_assets_typographies__assets-btn 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__assets-btn: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__assets-btn svg, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_sidebar_assets_typographies__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_sidebar_assets_typographies__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_sidebar_assets_typographies__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_sidebar_assets_typographies__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_sidebar_assets_typographies__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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-btn {
  height: 2rem;
  width: calc(1.5rem + 0.25rem);
  padding: 0;
  border-radius: 0.5rem;
}
.main_ui_workspace_sidebar_assets_typographies__assets-btn svg {
  stroke: var(--icon-foreground);
}

.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);
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker_color_inputs__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker_color_inputs__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker_color_inputs__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker_color_inputs__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker_color_inputs__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}
.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 {
  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 {
  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 ::-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", 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", 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__input-element 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__input-element 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 {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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] {
  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__input-element label {
  font-family: "worksans", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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 {
  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__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_workspace_colorpicker_gradients__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_gradients__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_workspace_colorpicker_gradients__input-element: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 {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_workspace_colorpicker_gradients__input-element: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 {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus, .main_ui_workspace_colorpicker_gradients__input-element: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__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus input, .main_ui_workspace_colorpicker_gradients__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_workspace_colorpicker_gradients__input-element:focus:hover, .main_ui_workspace_colorpicker_gradients__input-element: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__input-element: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__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_workspace_colorpicker_gradients__input-element-label {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker_gradients__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker_gradients__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker_gradients__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_gradients__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker_gradients__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker_gradients__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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-stops {
  display: flex;
  height: 1.25rem;
  width: 100%;
  margin: 0.75rem 0;
  background-color: var(--colorpicker-handlers-color);
  border-radius: 0.375rem;
}

.main_ui_workspace_colorpicker_gradients__gradient-background-wrapper {
  height: 100%;
  width: 100%;
  border-radius: 0.375rem;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAExJREFUSIljvHnz5n8GLEBNTQ2bMMOtW7ewiuNSz4RVlIpg1IKBt4Dx////WFMRqakFl/qhH0SjFhAELNRKLaNl0Qi2YLQsGrWAcgAA0gAgQPhT2rAAAAAASUVORK5CYII=") left center;
}

.main_ui_workspace_colorpicker_gradients__gradient-background {
  height: 100%;
  width: 100%;
  border-radius: 0.375rem;
  border: 0.125rem solid var(--colorpicker-details-color);
}

.main_ui_workspace_colorpicker_gradients__gradient-stop-wrapper {
  position: absolute;
  width: calc(100% - 2.5rem);
  left: 1.25rem;
}

.main_ui_workspace_colorpicker_gradients__gradient-stop {
  position: absolute;
  display: grid;
  grid-template-columns: 50% 50%;
  padding: 0;
  width: 1rem;
  height: 1.5rem;
  border-radius: 0.25rem;
  margin-top: -0.125rem;
  margin-left: calc(-1 * 0.5rem);
  border: 0.125rem solid var(--colorpicker-handlers-color);
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAADFJREFUOE9jZGBgEAFifOANPknGUQMYhkkYEEgG+NMJKAwIAbwJbdQABnBCIgRoG4gAIF8IsXB/Rs4AAAAASUVORK5CYII=");
  background-position: left center;
  background-size: 8px;
}
.main_ui_workspace_colorpicker_gradients__gradient-stop.main_ui_workspace_colorpicker_gradients__selected {
  border: 0.125rem solid var(--colorpicker-details-color-selected);
}

.main_ui_workspace_colorpicker_gradients__gradient-stop-color,
.main_ui_workspace_colorpicker_gradients__gradient-stop-alpha {
  width: 100%;
  height: 100%;
}
@keyframes main_ui_workspace_colorpicker_harmony__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker_harmony__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker_harmony__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker_harmony__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_harmony__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker_harmony__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker_harmony__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker_hsva__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker_hsva__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker_hsva__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_hsva__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker_hsva__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker_hsva__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker_libraries__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker_libraries__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker_libraries__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_libraries__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker_libraries__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker_libraries__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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%;
}

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

.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker_ramp__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker_ramp__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker_ramp__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_workspace_colorpicker_ramp__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker_ramp__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker_ramp__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 16rem;
  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;
  gap: 0.25rem;
}
@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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_workspace_colorpicker_slider_selector__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_workspace_colorpicker_slider_selector__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_workspace_colorpicker_slider_selector__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_workspace_colorpicker_slider_selector__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_workspace_colorpicker_slider_selector__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
  width: 12.5rem;
  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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_comments__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_comments__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_comments__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_comments__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_comments__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_comments__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_header__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_header__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_header__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_header__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_header__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_header__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}

.main_ui_viewer_header__logo-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
}
.main_ui_viewer_header__logo-icon svg {
  width: 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", 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", 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_interactions__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_interactions__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_interactions__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_interactions__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_interactions__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_interactions__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_login__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_login__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_login__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_login__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_login__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_login__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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-header {
  margin-bottom: 1.5rem;
}

.main_ui_viewer_login__modal-title {
  font-family: "worksans", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  gap: 1.5rem;
  max-height: 25rem;
  width: 23rem;
  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;
  max-width: 23rem;
}

.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_share_link__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_share_link__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_share_link__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_share_link__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_share_link__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_share_link__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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 {
  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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_thumbnails__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_thumbnails__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_thumbnails__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_thumbnails__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_thumbnails__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_thumbnails__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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_viewer_inspect_annotation__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_annotation__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_annotation__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_annotation__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_annotation__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_annotation__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_annotation__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_annotation__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_annotation__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_annotation__button-primary, .main_ui_viewer_inspect_annotation__modal-danger-btn, .main_ui_viewer_inspect_annotation__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_annotation__button-primary:focus-visible, .main_ui_viewer_inspect_annotation__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_annotation__button-primary:focus-visible svg, .main_ui_viewer_inspect_annotation__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_annotation__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_annotation__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_annotation__button-primary svg, .main_ui_viewer_inspect_annotation__modal-danger-btn svg, .main_ui_viewer_inspect_annotation__modal-accept-btn svg,
.main_ui_viewer_inspect_annotation__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_annotation__button-primary:hover, .main_ui_viewer_inspect_annotation__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_annotation__button-primary:hover svg, .main_ui_viewer_inspect_annotation__modal-danger-btn:hover svg, .main_ui_viewer_inspect_annotation__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_annotation__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_annotation__button-primary:active, .main_ui_viewer_inspect_annotation__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_annotation__button-primary:active svg, .main_ui_viewer_inspect_annotation__modal-danger-btn:active svg, .main_ui_viewer_inspect_annotation__modal-accept-btn:active svg,
.main_ui_viewer_inspect_annotation__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_annotation__button-primary.disabled, .main_ui_viewer_inspect_annotation__modal-danger-btn.disabled, .main_ui_viewer_inspect_annotation__modal-accept-btn.disabled, .main_ui_viewer_inspect_annotation__button-primary[disabled], [disabled].main_ui_viewer_inspect_annotation__modal-danger-btn, [disabled].main_ui_viewer_inspect_annotation__modal-accept-btn, .main_ui_viewer_inspect_annotation__button-primary:disabled, .main_ui_viewer_inspect_annotation__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_annotation__button-secondary, .main_ui_viewer_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_viewer_inspect_annotation__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_annotation__button-secondary:focus-visible svg, .main_ui_viewer_inspect_annotation__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_annotation__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_annotation__button-secondary svg, .main_ui_viewer_inspect_annotation__modal-cancel-btn svg,
.main_ui_viewer_inspect_annotation__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_annotation__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_annotation__button-secondary:hover svg, .main_ui_viewer_inspect_annotation__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_annotation__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_annotation__button-secondary:active, .main_ui_viewer_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_viewer_inspect_annotation__button-secondary:active svg, .main_ui_viewer_inspect_annotation__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_annotation__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_annotation__button-secondary.disabled, .main_ui_viewer_inspect_annotation__modal-cancel-btn.disabled, .main_ui_viewer_inspect_annotation__button-secondary[disabled], [disabled].main_ui_viewer_inspect_annotation__modal-cancel-btn, .main_ui_viewer_inspect_annotation__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_annotation__button-tertiary, .main_ui_viewer_inspect_annotation__attr-title button, .main_ui_viewer_inspect_annotation__title-spacing-annotation button, .main_ui_viewer_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_viewer_inspect_annotation__button-tertiary:focus-visible, .main_ui_viewer_inspect_annotation__attr-title button:focus-visible, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:focus-visible, .main_ui_viewer_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_viewer_inspect_annotation__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_annotation__attr-title button:focus-visible svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:focus-visible svg, .main_ui_viewer_inspect_annotation__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_annotation__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_annotation__button-tertiary svg, .main_ui_viewer_inspect_annotation__attr-title button svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button svg, .main_ui_viewer_inspect_annotation__modal-close-btn-base svg,
.main_ui_viewer_inspect_annotation__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_annotation__button-tertiary:hover, .main_ui_viewer_inspect_annotation__attr-title button:hover, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:hover, .main_ui_viewer_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_viewer_inspect_annotation__button-tertiary:hover svg, .main_ui_viewer_inspect_annotation__attr-title button:hover svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:hover svg, .main_ui_viewer_inspect_annotation__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_annotation__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_annotation__button-tertiary:active, .main_ui_viewer_inspect_annotation__attr-title button:active, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:active, .main_ui_viewer_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_viewer_inspect_annotation__button-tertiary:active svg, .main_ui_viewer_inspect_annotation__attr-title button:active svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:active svg, .main_ui_viewer_inspect_annotation__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_annotation__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_annotation__button-tertiary.disabled, .main_ui_viewer_inspect_annotation__attr-title button.disabled, .main_ui_viewer_inspect_annotation__title-spacing-annotation button.disabled, .main_ui_viewer_inspect_annotation__modal-close-btn-base.disabled, .main_ui_viewer_inspect_annotation__button-tertiary[disabled], .main_ui_viewer_inspect_annotation__attr-title button[disabled], .main_ui_viewer_inspect_annotation__title-spacing-annotation button[disabled], [disabled].main_ui_viewer_inspect_annotation__modal-close-btn-base, .main_ui_viewer_inspect_annotation__button-tertiary:disabled, .main_ui_viewer_inspect_annotation__attr-title button:disabled, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:disabled, .main_ui_viewer_inspect_annotation__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_annotation__button-tertiary.disabled svg, .main_ui_viewer_inspect_annotation__attr-title button.disabled svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button.disabled svg, .main_ui_viewer_inspect_annotation__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_annotation__button-tertiary.disabled span svg, .main_ui_viewer_inspect_annotation__button-tertiary[disabled] svg, .main_ui_viewer_inspect_annotation__attr-title button[disabled] svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button[disabled] svg, [disabled].main_ui_viewer_inspect_annotation__modal-close-btn-base svg,
.main_ui_viewer_inspect_annotation__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_annotation__button-tertiary:disabled svg, .main_ui_viewer_inspect_annotation__attr-title button:disabled svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button:disabled svg, .main_ui_viewer_inspect_annotation__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_annotation__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_annotation__button-radio:focus-visible svg,
.main_ui_viewer_inspect_annotation__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_annotation__button-radio svg,
.main_ui_viewer_inspect_annotation__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_annotation__button-radio:hover svg,
.main_ui_viewer_inspect_annotation__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_annotation__button-radio:active svg,
.main_ui_viewer_inspect_annotation__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_annotation__button-icon, .main_ui_viewer_inspect_annotation__empty-icon svg, .main_ui_viewer_inspect_annotation__modal-close-btn-base svg, .main_ui_viewer_inspect_annotation__button-icon-small, .main_ui_viewer_inspect_annotation__dropdown-element-base span svg, .main_ui_viewer_inspect_annotation__attr-title button svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button svg, .main_ui_viewer_inspect_annotation__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_annotation__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_annotation__checkbox-icon.checked svg, .main_ui_viewer_inspect_annotation__input-checkbox label span.checked svg, .main_ui_viewer_inspect_annotation__input-element span svg,
.main_ui_viewer_inspect_annotation__input-element label svg, .main_ui_viewer_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_viewer_inspect_annotation__button-icon-small, .main_ui_viewer_inspect_annotation__dropdown-element-base span svg, .main_ui_viewer_inspect_annotation__attr-title button svg, .main_ui_viewer_inspect_annotation__title-spacing-annotation button svg, .main_ui_viewer_inspect_annotation__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_annotation__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_annotation__checkbox-icon.checked svg, .main_ui_viewer_inspect_annotation__input-checkbox label span.checked svg, .main_ui_viewer_inspect_annotation__input-element span svg,
.main_ui_viewer_inspect_annotation__input-element label svg, .main_ui_viewer_inspect_annotation__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_annotation__input-base, .main_ui_viewer_inspect_annotation__input-with-label input, .main_ui_viewer_inspect_annotation__input-element-label input, .main_ui_viewer_inspect_annotation__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_annotation__input-base[disabled], .main_ui_viewer_inspect_annotation__input-with-label input[disabled], .main_ui_viewer_inspect_annotation__input-element-label input[disabled], .main_ui_viewer_inspect_annotation__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_annotation__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_annotation__input-label, .main_ui_viewer_inspect_annotation__input-element span,
.main_ui_viewer_inspect_annotation__input-element label {
  font-family: "worksans", 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_annotation__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_annotation__input-element span svg,
.main_ui_viewer_inspect_annotation__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_annotation__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_annotation__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_annotation__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_annotation__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_annotation__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_annotation__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_annotation__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_annotation__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_annotation__input-element:focus, .main_ui_viewer_inspect_annotation__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_annotation__input-element:focus span, .main_ui_viewer_inspect_annotation__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_annotation__input-element:focus input, .main_ui_viewer_inspect_annotation__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_annotation__input-element:focus:hover, .main_ui_viewer_inspect_annotation__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_annotation__input-element:focus:hover span, .main_ui_viewer_inspect_annotation__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_annotation__input-element:focus:hover input, .main_ui_viewer_inspect_annotation__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_annotation__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_annotation__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_annotation__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_annotation__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_annotation__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_annotation__disabled-input, .main_ui_viewer_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_viewer_inspect_annotation__disabled-input input, .main_ui_viewer_inspect_annotation__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_annotation__disabled-input span svg, .main_ui_viewer_inspect_annotation__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_annotation__checkbox-icon, .main_ui_viewer_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_viewer_inspect_annotation__checkbox-icon svg, .main_ui_viewer_inspect_annotation__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_annotation__checkbox-icon:hover, .main_ui_viewer_inspect_annotation__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_annotation__checkbox-icon:focus, .main_ui_viewer_inspect_annotation__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_annotation__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_annotation__checkbox-icon.checked svg, .main_ui_viewer_inspect_annotation__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_annotation__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_annotation__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_annotation__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_annotation__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_annotation__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_annotation__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_annotation__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_annotation__input-checkbox label {
  font-family: "worksans", 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_annotation__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_annotation__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_annotation__input-checkbox label:focus span, .main_ui_viewer_inspect_annotation__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_annotation__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_annotation__input-with-label label {
  font-family: "worksans", 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_annotation__input-with-label input {
  font-family: "worksans", 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_annotation__input-with-label input:focus-within, .main_ui_viewer_inspect_annotation__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_inspect_annotation__input-with-label input:focus-within input, .main_ui_viewer_inspect_annotation__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_annotation__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_annotation__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_annotation__modal-hint-base {
  font-family: "worksans", 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_annotation__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_annotation__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_annotation__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_annotation__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_annotation__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_annotation__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_annotation__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_annotation__asset-element {
  font-family: "worksans", 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_annotation__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_annotation__shortcut-key-base {
  font-family: "worksans", 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_annotation__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_annotation__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_annotation__mixed-bar {
  font-family: "worksans", 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_annotation__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_annotation__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_viewer_inspect_annotation__copy-button-children {
  font-family: "worksans", 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_annotation__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_annotation__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_annotation__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_annotation__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_annotation__menu-item-base {
  font-family: "worksans", 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_annotation__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_annotation__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_annotation__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_annotation__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_annotation__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_annotation__select-wrapper {
  font-family: "worksans", 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_annotation__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_annotation__annotation-content {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--entry-foreground-color);
}

.main_ui_viewer_inspect_annotation__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_viewer_inspect_attributes__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes__button-primary, .main_ui_viewer_inspect_attributes__modal-danger-btn, .main_ui_viewer_inspect_attributes__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes__button-primary:focus-visible, .main_ui_viewer_inspect_attributes__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes__button-primary svg, .main_ui_viewer_inspect_attributes__modal-danger-btn svg, .main_ui_viewer_inspect_attributes__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes__button-primary:hover, .main_ui_viewer_inspect_attributes__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes__button-primary:hover svg, .main_ui_viewer_inspect_attributes__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes__button-primary:active, .main_ui_viewer_inspect_attributes__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes__button-primary:active svg, .main_ui_viewer_inspect_attributes__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes__button-primary.disabled, .main_ui_viewer_inspect_attributes__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes__modal-accept-btn, .main_ui_viewer_inspect_attributes__button-primary:disabled, .main_ui_viewer_inspect_attributes__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes__button-secondary svg, .main_ui_viewer_inspect_attributes__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes__button-secondary:hover svg, .main_ui_viewer_inspect_attributes__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes__button-secondary:active svg, .main_ui_viewer_inspect_attributes__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes__button-secondary.disabled, .main_ui_viewer_inspect_attributes__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes__modal-cancel-btn, .main_ui_viewer_inspect_attributes__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes__button-tertiary, .main_ui_viewer_inspect_attributes__attr-title button, .main_ui_viewer_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_viewer_inspect_attributes__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes__attr-title button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes__button-tertiary svg, .main_ui_viewer_inspect_attributes__attr-title button svg, .main_ui_viewer_inspect_attributes__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes__button-tertiary:hover, .main_ui_viewer_inspect_attributes__attr-title button:hover, .main_ui_viewer_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_viewer_inspect_attributes__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes__attr-title button:hover svg, .main_ui_viewer_inspect_attributes__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes__button-tertiary:active, .main_ui_viewer_inspect_attributes__attr-title button:active, .main_ui_viewer_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_viewer_inspect_attributes__button-tertiary:active svg, .main_ui_viewer_inspect_attributes__attr-title button:active svg, .main_ui_viewer_inspect_attributes__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes__button-tertiary.disabled, .main_ui_viewer_inspect_attributes__attr-title button.disabled, .main_ui_viewer_inspect_attributes__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes__button-tertiary[disabled], .main_ui_viewer_inspect_attributes__attr-title button[disabled], [disabled].main_ui_viewer_inspect_attributes__modal-close-btn-base, .main_ui_viewer_inspect_attributes__button-tertiary:disabled, .main_ui_viewer_inspect_attributes__attr-title button:disabled, .main_ui_viewer_inspect_attributes__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes__button-radio svg,
.main_ui_viewer_inspect_attributes__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes__button-radio:hover svg,
.main_ui_viewer_inspect_attributes__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes__button-radio:active svg,
.main_ui_viewer_inspect_attributes__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes__button-icon, .main_ui_viewer_inspect_attributes__empty-icon svg, .main_ui_viewer_inspect_attributes__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes__button-icon-small, .main_ui_viewer_inspect_attributes__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes__attr-title button svg, .main_ui_viewer_inspect_attributes__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes__input-element span svg,
.main_ui_viewer_inspect_attributes__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes__button-icon-small, .main_ui_viewer_inspect_attributes__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes__attr-title button svg, .main_ui_viewer_inspect_attributes__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes__input-element span svg,
.main_ui_viewer_inspect_attributes__input-element label svg, .main_ui_viewer_inspect_attributes__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes__input-base, .main_ui_viewer_inspect_attributes__input-with-label input, .main_ui_viewer_inspect_attributes__input-element-label input, .main_ui_viewer_inspect_attributes__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes__input-base[disabled], .main_ui_viewer_inspect_attributes__input-with-label input[disabled], .main_ui_viewer_inspect_attributes__input-element-label input[disabled], .main_ui_viewer_inspect_attributes__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes__input-label, .main_ui_viewer_inspect_attributes__input-element span,
.main_ui_viewer_inspect_attributes__input-element label {
  font-family: "worksans", 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_attributes__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes__input-element span svg,
.main_ui_viewer_inspect_attributes__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes__input-element:focus, .main_ui_viewer_inspect_attributes__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes__input-element:focus span, .main_ui_viewer_inspect_attributes__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes__input-element:focus input, .main_ui_viewer_inspect_attributes__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes__input-element:focus:hover, .main_ui_viewer_inspect_attributes__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes__input-element:focus:hover span, .main_ui_viewer_inspect_attributes__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes__input-element:focus:hover input, .main_ui_viewer_inspect_attributes__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes__disabled-input input, .main_ui_viewer_inspect_attributes__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes__disabled-input span svg, .main_ui_viewer_inspect_attributes__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes__checkbox-icon svg, .main_ui_viewer_inspect_attributes__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes__checkbox-icon:hover, .main_ui_viewer_inspect_attributes__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes__checkbox-icon:focus, .main_ui_viewer_inspect_attributes__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes__input-checkbox label {
  font-family: "worksans", 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_attributes__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes__input-with-label label {
  font-family: "worksans", 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_attributes__input-with-label input {
  font-family: "worksans", 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_attributes__input-with-label input:focus-within, .main_ui_viewer_inspect_attributes__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_inspect_attributes__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes__modal-hint-base {
  font-family: "worksans", 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_attributes__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes__asset-element {
  font-family: "worksans", 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_attributes__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes__shortcut-key-base {
  font-family: "worksans", 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_attributes__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes__mixed-bar {
  font-family: "worksans", 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_attributes__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_viewer_inspect_attributes__copy-button-children {
  font-family: "worksans", 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_attributes__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes__menu-item-base {
  font-family: "worksans", 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_attributes__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes__select-wrapper {
  font-family: "worksans", 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_attributes__element-options {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  height: 100%;
  padding-top: 0.5rem;
}
@keyframes main_ui_viewer_inspect_code__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_code__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_code__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_code__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_code__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_code__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_code__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_code__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_code__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_code__button-primary, .main_ui_viewer_inspect_code__modal-danger-btn, .main_ui_viewer_inspect_code__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_code__button-primary:focus-visible, .main_ui_viewer_inspect_code__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_code__button-primary:focus-visible svg, .main_ui_viewer_inspect_code__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_code__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_code__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_code__button-primary svg, .main_ui_viewer_inspect_code__modal-danger-btn svg, .main_ui_viewer_inspect_code__modal-accept-btn svg,
.main_ui_viewer_inspect_code__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_code__button-primary:hover, .main_ui_viewer_inspect_code__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_code__button-primary:hover svg, .main_ui_viewer_inspect_code__modal-danger-btn:hover svg, .main_ui_viewer_inspect_code__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_code__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_code__button-primary:active, .main_ui_viewer_inspect_code__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_code__button-primary:active svg, .main_ui_viewer_inspect_code__modal-danger-btn:active svg, .main_ui_viewer_inspect_code__modal-accept-btn:active svg,
.main_ui_viewer_inspect_code__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_code__button-primary.disabled, .main_ui_viewer_inspect_code__modal-danger-btn.disabled, .main_ui_viewer_inspect_code__modal-accept-btn.disabled, .main_ui_viewer_inspect_code__button-primary[disabled], [disabled].main_ui_viewer_inspect_code__modal-danger-btn, [disabled].main_ui_viewer_inspect_code__modal-accept-btn, .main_ui_viewer_inspect_code__button-primary:disabled, .main_ui_viewer_inspect_code__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_code__button-secondary, .main_ui_viewer_inspect_code__download-button, .main_ui_viewer_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_viewer_inspect_code__button-secondary:focus-visible, .main_ui_viewer_inspect_code__download-button:focus-visible, .main_ui_viewer_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_viewer_inspect_code__button-secondary:focus-visible svg, .main_ui_viewer_inspect_code__download-button:focus-visible svg, .main_ui_viewer_inspect_code__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_code__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_code__button-secondary svg, .main_ui_viewer_inspect_code__download-button svg, .main_ui_viewer_inspect_code__modal-cancel-btn svg,
.main_ui_viewer_inspect_code__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_code__button-secondary:hover, .main_ui_viewer_inspect_code__download-button:hover, .main_ui_viewer_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_viewer_inspect_code__button-secondary:hover svg, .main_ui_viewer_inspect_code__download-button:hover svg, .main_ui_viewer_inspect_code__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_code__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_code__button-secondary:active, .main_ui_viewer_inspect_code__download-button:active, .main_ui_viewer_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_viewer_inspect_code__button-secondary:active svg, .main_ui_viewer_inspect_code__download-button:active svg, .main_ui_viewer_inspect_code__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_code__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_code__button-secondary.disabled, .main_ui_viewer_inspect_code__download-button.disabled, .main_ui_viewer_inspect_code__modal-cancel-btn.disabled, .main_ui_viewer_inspect_code__button-secondary[disabled], [disabled].main_ui_viewer_inspect_code__download-button, [disabled].main_ui_viewer_inspect_code__modal-cancel-btn, .main_ui_viewer_inspect_code__button-secondary:disabled, .main_ui_viewer_inspect_code__download-button:disabled, .main_ui_viewer_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_viewer_inspect_code__button-tertiary, .main_ui_viewer_inspect_code__expand-button,
.main_ui_viewer_inspect_code__css-copy-btn,
.main_ui_viewer_inspect_code__html-copy-btn, .main_ui_viewer_inspect_code__attr-title button, .main_ui_viewer_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_viewer_inspect_code__button-tertiary:focus-visible, .main_ui_viewer_inspect_code__expand-button:focus-visible,
.main_ui_viewer_inspect_code__css-copy-btn:focus-visible,
.main_ui_viewer_inspect_code__html-copy-btn:focus-visible, .main_ui_viewer_inspect_code__attr-title button:focus-visible, .main_ui_viewer_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_viewer_inspect_code__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_code__expand-button:focus-visible svg,
.main_ui_viewer_inspect_code__css-copy-btn:focus-visible svg,
.main_ui_viewer_inspect_code__html-copy-btn:focus-visible svg, .main_ui_viewer_inspect_code__attr-title button:focus-visible svg, .main_ui_viewer_inspect_code__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_code__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_code__button-tertiary svg, .main_ui_viewer_inspect_code__expand-button svg,
.main_ui_viewer_inspect_code__css-copy-btn svg,
.main_ui_viewer_inspect_code__html-copy-btn svg, .main_ui_viewer_inspect_code__attr-title button svg, .main_ui_viewer_inspect_code__modal-close-btn-base svg,
.main_ui_viewer_inspect_code__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_code__button-tertiary:hover, .main_ui_viewer_inspect_code__expand-button:hover,
.main_ui_viewer_inspect_code__css-copy-btn:hover,
.main_ui_viewer_inspect_code__html-copy-btn:hover, .main_ui_viewer_inspect_code__attr-title button:hover, .main_ui_viewer_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_viewer_inspect_code__button-tertiary:hover svg, .main_ui_viewer_inspect_code__expand-button:hover svg,
.main_ui_viewer_inspect_code__css-copy-btn:hover svg,
.main_ui_viewer_inspect_code__html-copy-btn:hover svg, .main_ui_viewer_inspect_code__attr-title button:hover svg, .main_ui_viewer_inspect_code__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_code__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_code__button-tertiary:active, .main_ui_viewer_inspect_code__expand-button:active,
.main_ui_viewer_inspect_code__css-copy-btn:active,
.main_ui_viewer_inspect_code__html-copy-btn:active, .main_ui_viewer_inspect_code__attr-title button:active, .main_ui_viewer_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_viewer_inspect_code__button-tertiary:active svg, .main_ui_viewer_inspect_code__expand-button:active svg,
.main_ui_viewer_inspect_code__css-copy-btn:active svg,
.main_ui_viewer_inspect_code__html-copy-btn:active svg, .main_ui_viewer_inspect_code__attr-title button:active svg, .main_ui_viewer_inspect_code__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_code__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_code__button-tertiary.disabled, .main_ui_viewer_inspect_code__expand-button.disabled,
.main_ui_viewer_inspect_code__css-copy-btn.disabled,
.main_ui_viewer_inspect_code__html-copy-btn.disabled, .main_ui_viewer_inspect_code__attr-title button.disabled, .main_ui_viewer_inspect_code__modal-close-btn-base.disabled, .main_ui_viewer_inspect_code__button-tertiary[disabled], [disabled].main_ui_viewer_inspect_code__expand-button,
[disabled].main_ui_viewer_inspect_code__css-copy-btn,
[disabled].main_ui_viewer_inspect_code__html-copy-btn, .main_ui_viewer_inspect_code__attr-title button[disabled], [disabled].main_ui_viewer_inspect_code__modal-close-btn-base, .main_ui_viewer_inspect_code__button-tertiary:disabled, .main_ui_viewer_inspect_code__expand-button:disabled,
.main_ui_viewer_inspect_code__css-copy-btn:disabled,
.main_ui_viewer_inspect_code__html-copy-btn:disabled, .main_ui_viewer_inspect_code__attr-title button:disabled, .main_ui_viewer_inspect_code__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_code__button-tertiary.disabled svg, .main_ui_viewer_inspect_code__expand-button.disabled svg,
.main_ui_viewer_inspect_code__css-copy-btn.disabled svg,
.main_ui_viewer_inspect_code__html-copy-btn.disabled svg, .main_ui_viewer_inspect_code__attr-title button.disabled svg, .main_ui_viewer_inspect_code__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_code__button-tertiary.disabled span svg, .main_ui_viewer_inspect_code__button-tertiary[disabled] svg, [disabled].main_ui_viewer_inspect_code__expand-button svg,
[disabled].main_ui_viewer_inspect_code__css-copy-btn svg,
[disabled].main_ui_viewer_inspect_code__html-copy-btn svg, .main_ui_viewer_inspect_code__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect_code__modal-close-btn-base svg,
.main_ui_viewer_inspect_code__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_code__button-tertiary:disabled svg, .main_ui_viewer_inspect_code__expand-button:disabled svg,
.main_ui_viewer_inspect_code__css-copy-btn:disabled svg,
.main_ui_viewer_inspect_code__html-copy-btn:disabled svg, .main_ui_viewer_inspect_code__attr-title button:disabled svg, .main_ui_viewer_inspect_code__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_code__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_code__button-radio:focus-visible svg,
.main_ui_viewer_inspect_code__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_code__button-radio svg,
.main_ui_viewer_inspect_code__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_code__button-radio:hover svg,
.main_ui_viewer_inspect_code__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_code__button-radio:active svg,
.main_ui_viewer_inspect_code__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_code__button-icon, .main_ui_viewer_inspect_code__expand-button svg,
.main_ui_viewer_inspect_code__css-copy-btn svg,
.main_ui_viewer_inspect_code__html-copy-btn svg, .main_ui_viewer_inspect_code__empty-icon svg, .main_ui_viewer_inspect_code__modal-close-btn-base svg, .main_ui_viewer_inspect_code__button-icon-small, .main_ui_viewer_inspect_code__toggle-btn .main_ui_viewer_inspect_code__collapsabled-icon svg, .main_ui_viewer_inspect_code__dropdown-element-base span svg, .main_ui_viewer_inspect_code__attr-title button svg, .main_ui_viewer_inspect_code__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_code__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_code__checkbox-icon.checked svg, .main_ui_viewer_inspect_code__input-checkbox label span.checked svg, .main_ui_viewer_inspect_code__input-element span svg,
.main_ui_viewer_inspect_code__input-element label svg, .main_ui_viewer_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_viewer_inspect_code__button-icon-small, .main_ui_viewer_inspect_code__toggle-btn .main_ui_viewer_inspect_code__collapsabled-icon svg, .main_ui_viewer_inspect_code__dropdown-element-base span svg, .main_ui_viewer_inspect_code__attr-title button svg, .main_ui_viewer_inspect_code__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_code__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_code__checkbox-icon.checked svg, .main_ui_viewer_inspect_code__input-checkbox label span.checked svg, .main_ui_viewer_inspect_code__input-element span svg,
.main_ui_viewer_inspect_code__input-element label svg, .main_ui_viewer_inspect_code__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_code__input-base, .main_ui_viewer_inspect_code__input-with-label input, .main_ui_viewer_inspect_code__input-element-label input, .main_ui_viewer_inspect_code__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_code__input-base[disabled], .main_ui_viewer_inspect_code__input-with-label input[disabled], .main_ui_viewer_inspect_code__input-element-label input[disabled], .main_ui_viewer_inspect_code__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_code__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_code__input-label, .main_ui_viewer_inspect_code__input-element span,
.main_ui_viewer_inspect_code__input-element label {
  font-family: "worksans", 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_code__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_code__input-element span svg,
.main_ui_viewer_inspect_code__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_code__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_code__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_code__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_code__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_code__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_code__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_code__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_code__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_code__input-element:focus, .main_ui_viewer_inspect_code__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_code__input-element:focus span, .main_ui_viewer_inspect_code__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_code__input-element:focus input, .main_ui_viewer_inspect_code__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_code__input-element:focus:hover, .main_ui_viewer_inspect_code__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_code__input-element:focus:hover span, .main_ui_viewer_inspect_code__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_code__input-element:focus:hover input, .main_ui_viewer_inspect_code__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_code__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_code__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_code__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_code__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_code__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_code__disabled-input, .main_ui_viewer_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_viewer_inspect_code__disabled-input input, .main_ui_viewer_inspect_code__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_code__disabled-input span svg, .main_ui_viewer_inspect_code__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_code__checkbox-icon, .main_ui_viewer_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_viewer_inspect_code__checkbox-icon svg, .main_ui_viewer_inspect_code__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_code__checkbox-icon:hover, .main_ui_viewer_inspect_code__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_code__checkbox-icon:focus, .main_ui_viewer_inspect_code__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_code__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_code__checkbox-icon.checked svg, .main_ui_viewer_inspect_code__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_code__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_code__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_code__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_code__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_code__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_code__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_code__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_code__input-checkbox label {
  font-family: "worksans", 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_code__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_code__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_code__input-checkbox label:focus span, .main_ui_viewer_inspect_code__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_code__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_code__input-with-label label {
  font-family: "worksans", 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_code__input-with-label input {
  font-family: "worksans", 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_code__input-with-label input:focus-within, .main_ui_viewer_inspect_code__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_inspect_code__input-with-label input:focus-within input, .main_ui_viewer_inspect_code__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_code__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_code__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_code__modal-hint-base {
  font-family: "worksans", 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_code__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_code__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_code__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_code__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_code__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_code__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_code__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_code__asset-element {
  font-family: "worksans", 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_code__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_code__shortcut-key-base {
  font-family: "worksans", 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_code__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_code__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_code__mixed-bar {
  font-family: "worksans", 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_code__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_code__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_viewer_inspect_code__copy-button-children {
  font-family: "worksans", 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_code__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_code__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_code__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_code__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_code__menu-item-base {
  font-family: "worksans", 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_code__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_code__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_code__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_code__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_code__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_code__select-wrapper {
  font-family: "worksans", 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_code__element-options {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  padding-bottom: 1rem;
}

.main_ui_viewer_inspect_code__download-button {
  font-family: "worksans", 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_viewer_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_viewer_inspect_code__code-block pre {
  border-radius: 0.5rem;
  padding: 1rem;
  overflow: auto;
  height: 100%;
}
.main_ui_viewer_inspect_code__code-block .hljs {
  background: var(--color-background-tertiary);
}
.main_ui_viewer_inspect_code__code-block.main_ui_viewer_inspect_code__collapsed {
  height: initial;
}

.main_ui_viewer_inspect_code__code-row-lang {
  display: grid;
  grid-template-columns: 0.75rem 1fr 3.75rem;
  gap: 0.25rem;
  width: 100%;
}

.main_ui_viewer_inspect_code__code-lang {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.main_ui_viewer_inspect_code__action-btns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_code__expand-button,
.main_ui_viewer_inspect_code__css-copy-btn,
.main_ui_viewer_inspect_code__html-copy-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_code__expand-button svg,
.main_ui_viewer_inspect_code__css-copy-btn svg,
.main_ui_viewer_inspect_code__html-copy-btn svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_inspect_code__code-lang-options {
  max-width: 6.75rem;
}

.main_ui_viewer_inspect_code__code-lang-select {
  font-family: "worksans", 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_viewer_inspect_code__code-lang-option {
  font-family: "worksans", 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_viewer_inspect_code__code-row-display {
  flex: 1;
  min-height: 0;
  overflow: hidden;
  padding-bottom: 0.5rem;
}

.main_ui_viewer_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_viewer_inspect_code__toggle-btn .main_ui_viewer_inspect_code__collapsabled-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.5rem;
  border-radius: 0.5rem;
}
.main_ui_viewer_inspect_code__toggle-btn .main_ui_viewer_inspect_code__collapsabled-icon svg {
  transform: rotate(90deg);
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_code__toggle-btn .main_ui_viewer_inspect_code__collapsabled-icon.main_ui_viewer_inspect_code__rotated svg {
  transform: rotate(0deg);
}
.main_ui_viewer_inspect_code__toggle-btn:hover {
  color: var(--title-foreground-color-hover);
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_inspect_code__toggle-btn:hover .main_ui_viewer_inspect_code__title {
  color: var(--title-foreground-color-hover);
  stroke: var(--title-foreground-color-hover);
}
.main_ui_viewer_inspect_code__toggle-btn:hover .main_ui_viewer_inspect_code__collapsabled-icon svg {
  stroke: var(--title-foreground-color-hover);
}
@keyframes main_ui_viewer_inspect_exports__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_exports__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_exports__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_exports__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_exports__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_exports__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_exports__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_exports__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_exports__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_exports__button-primary, .main_ui_viewer_inspect_exports__modal-danger-btn, .main_ui_viewer_inspect_exports__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_exports__button-primary:focus-visible, .main_ui_viewer_inspect_exports__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_exports__button-primary:focus-visible svg, .main_ui_viewer_inspect_exports__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_exports__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_exports__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_exports__button-primary svg, .main_ui_viewer_inspect_exports__modal-danger-btn svg, .main_ui_viewer_inspect_exports__modal-accept-btn svg,
.main_ui_viewer_inspect_exports__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_exports__button-primary:hover, .main_ui_viewer_inspect_exports__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_exports__button-primary:hover svg, .main_ui_viewer_inspect_exports__modal-danger-btn:hover svg, .main_ui_viewer_inspect_exports__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_exports__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_exports__button-primary:active, .main_ui_viewer_inspect_exports__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_exports__button-primary:active svg, .main_ui_viewer_inspect_exports__modal-danger-btn:active svg, .main_ui_viewer_inspect_exports__modal-accept-btn:active svg,
.main_ui_viewer_inspect_exports__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_exports__button-primary.disabled, .main_ui_viewer_inspect_exports__modal-danger-btn.disabled, .main_ui_viewer_inspect_exports__modal-accept-btn.disabled, .main_ui_viewer_inspect_exports__button-primary[disabled], [disabled].main_ui_viewer_inspect_exports__modal-danger-btn, [disabled].main_ui_viewer_inspect_exports__modal-accept-btn, .main_ui_viewer_inspect_exports__button-primary:disabled, .main_ui_viewer_inspect_exports__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_exports__button-secondary, .main_ui_viewer_inspect_exports__export-btn, .main_ui_viewer_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_viewer_inspect_exports__button-secondary:focus-visible, .main_ui_viewer_inspect_exports__export-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_exports__button-secondary:focus-visible svg, .main_ui_viewer_inspect_exports__export-btn:focus-visible svg, .main_ui_viewer_inspect_exports__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_exports__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_exports__button-secondary svg, .main_ui_viewer_inspect_exports__export-btn svg, .main_ui_viewer_inspect_exports__modal-cancel-btn svg,
.main_ui_viewer_inspect_exports__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_exports__button-secondary:hover, .main_ui_viewer_inspect_exports__export-btn:hover, .main_ui_viewer_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_viewer_inspect_exports__button-secondary:hover svg, .main_ui_viewer_inspect_exports__export-btn:hover svg, .main_ui_viewer_inspect_exports__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_exports__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_exports__button-secondary:active, .main_ui_viewer_inspect_exports__export-btn:active, .main_ui_viewer_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_viewer_inspect_exports__button-secondary:active svg, .main_ui_viewer_inspect_exports__export-btn:active svg, .main_ui_viewer_inspect_exports__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_exports__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_exports__button-secondary.disabled, .main_ui_viewer_inspect_exports__export-btn.disabled, .main_ui_viewer_inspect_exports__modal-cancel-btn.disabled, .main_ui_viewer_inspect_exports__button-secondary[disabled], [disabled].main_ui_viewer_inspect_exports__export-btn, [disabled].main_ui_viewer_inspect_exports__modal-cancel-btn, .main_ui_viewer_inspect_exports__button-secondary:disabled, .main_ui_viewer_inspect_exports__export-btn:disabled, .main_ui_viewer_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_viewer_inspect_exports__button-tertiary, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn, .main_ui_viewer_inspect_exports__add-export, .main_ui_viewer_inspect_exports__attr-title button, .main_ui_viewer_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_viewer_inspect_exports__button-tertiary:focus-visible, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:focus-visible, .main_ui_viewer_inspect_exports__add-export:focus-visible, .main_ui_viewer_inspect_exports__attr-title button:focus-visible, .main_ui_viewer_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_viewer_inspect_exports__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:focus-visible svg, .main_ui_viewer_inspect_exports__add-export:focus-visible svg, .main_ui_viewer_inspect_exports__attr-title button:focus-visible svg, .main_ui_viewer_inspect_exports__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_exports__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_exports__button-tertiary svg, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn svg, .main_ui_viewer_inspect_exports__add-export svg, .main_ui_viewer_inspect_exports__attr-title button svg, .main_ui_viewer_inspect_exports__modal-close-btn-base svg,
.main_ui_viewer_inspect_exports__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_exports__button-tertiary:hover, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:hover, .main_ui_viewer_inspect_exports__add-export:hover, .main_ui_viewer_inspect_exports__attr-title button:hover, .main_ui_viewer_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_viewer_inspect_exports__button-tertiary:hover svg, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:hover svg, .main_ui_viewer_inspect_exports__add-export:hover svg, .main_ui_viewer_inspect_exports__attr-title button:hover svg, .main_ui_viewer_inspect_exports__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_exports__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_exports__button-tertiary:active, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:active, .main_ui_viewer_inspect_exports__add-export:active, .main_ui_viewer_inspect_exports__attr-title button:active, .main_ui_viewer_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_viewer_inspect_exports__button-tertiary:active svg, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:active svg, .main_ui_viewer_inspect_exports__add-export:active svg, .main_ui_viewer_inspect_exports__attr-title button:active svg, .main_ui_viewer_inspect_exports__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_exports__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_exports__button-tertiary.disabled, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn.disabled, .main_ui_viewer_inspect_exports__add-export.disabled, .main_ui_viewer_inspect_exports__attr-title button.disabled, .main_ui_viewer_inspect_exports__modal-close-btn-base.disabled, .main_ui_viewer_inspect_exports__button-tertiary[disabled], .main_ui_viewer_inspect_exports__element-group [disabled].main_ui_viewer_inspect_exports__action-btn, [disabled].main_ui_viewer_inspect_exports__add-export, .main_ui_viewer_inspect_exports__attr-title button[disabled], [disabled].main_ui_viewer_inspect_exports__modal-close-btn-base, .main_ui_viewer_inspect_exports__button-tertiary:disabled, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:disabled, .main_ui_viewer_inspect_exports__add-export:disabled, .main_ui_viewer_inspect_exports__attr-title button:disabled, .main_ui_viewer_inspect_exports__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_exports__button-tertiary.disabled svg, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn.disabled svg, .main_ui_viewer_inspect_exports__add-export.disabled svg, .main_ui_viewer_inspect_exports__attr-title button.disabled svg, .main_ui_viewer_inspect_exports__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_exports__button-tertiary.disabled span svg, .main_ui_viewer_inspect_exports__button-tertiary[disabled] svg, .main_ui_viewer_inspect_exports__element-group [disabled].main_ui_viewer_inspect_exports__action-btn svg, [disabled].main_ui_viewer_inspect_exports__add-export svg, .main_ui_viewer_inspect_exports__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect_exports__modal-close-btn-base svg,
.main_ui_viewer_inspect_exports__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_exports__button-tertiary:disabled svg, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn:disabled svg, .main_ui_viewer_inspect_exports__add-export:disabled svg, .main_ui_viewer_inspect_exports__attr-title button:disabled svg, .main_ui_viewer_inspect_exports__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_exports__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_exports__button-radio:focus-visible svg,
.main_ui_viewer_inspect_exports__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_exports__button-radio svg,
.main_ui_viewer_inspect_exports__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_exports__button-radio:hover svg,
.main_ui_viewer_inspect_exports__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_exports__button-radio:active svg,
.main_ui_viewer_inspect_exports__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_exports__button-icon, .main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn svg, .main_ui_viewer_inspect_exports__add-export svg, .main_ui_viewer_inspect_exports__empty-icon svg, .main_ui_viewer_inspect_exports__modal-close-btn-base svg, .main_ui_viewer_inspect_exports__button-icon-small, .main_ui_viewer_inspect_exports__dropdown-element-base span svg, .main_ui_viewer_inspect_exports__attr-title button svg, .main_ui_viewer_inspect_exports__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_exports__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_exports__checkbox-icon.checked svg, .main_ui_viewer_inspect_exports__input-checkbox label span.checked svg, .main_ui_viewer_inspect_exports__input-element span svg, .main_ui_viewer_inspect_exports__suffix-input span svg,
.main_ui_viewer_inspect_exports__input-element label svg,
.main_ui_viewer_inspect_exports__suffix-input label svg, .main_ui_viewer_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_viewer_inspect_exports__button-icon-small, .main_ui_viewer_inspect_exports__dropdown-element-base span svg, .main_ui_viewer_inspect_exports__attr-title button svg, .main_ui_viewer_inspect_exports__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_exports__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_exports__checkbox-icon.checked svg, .main_ui_viewer_inspect_exports__input-checkbox label span.checked svg, .main_ui_viewer_inspect_exports__input-element span svg, .main_ui_viewer_inspect_exports__suffix-input span svg,
.main_ui_viewer_inspect_exports__input-element label svg,
.main_ui_viewer_inspect_exports__suffix-input label svg, .main_ui_viewer_inspect_exports__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_exports__input-base, .main_ui_viewer_inspect_exports__input-with-label input, .main_ui_viewer_inspect_exports__input-element-label input, .main_ui_viewer_inspect_exports__input-element input, .main_ui_viewer_inspect_exports__suffix-input input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_exports__input-base[disabled], .main_ui_viewer_inspect_exports__input-with-label input[disabled], .main_ui_viewer_inspect_exports__input-element-label input[disabled], .main_ui_viewer_inspect_exports__input-element input[disabled], .main_ui_viewer_inspect_exports__suffix-input input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_exports__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_exports__input-label, .main_ui_viewer_inspect_exports__input-element span, .main_ui_viewer_inspect_exports__suffix-input span,
.main_ui_viewer_inspect_exports__input-element label,
.main_ui_viewer_inspect_exports__suffix-input label {
  font-family: "worksans", 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_exports__input-element, .main_ui_viewer_inspect_exports__suffix-input {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_exports__input-element:focus-within, .main_ui_viewer_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_viewer_inspect_exports__input-element span svg, .main_ui_viewer_inspect_exports__suffix-input span svg,
.main_ui_viewer_inspect_exports__input-element label svg,
.main_ui_viewer_inspect_exports__suffix-input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_exports__input-element ::-moz-placeholder, .main_ui_viewer_inspect_exports__suffix-input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_exports__input-element ::placeholder, .main_ui_viewer_inspect_exports__suffix-input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_exports__input-element:hover, .main_ui_viewer_inspect_exports__suffix-input:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_exports__input-element:hover span, .main_ui_viewer_inspect_exports__suffix-input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_exports__input-element:hover input, .main_ui_viewer_inspect_exports__suffix-input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_exports__input-element:active, .main_ui_viewer_inspect_exports__suffix-input:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_exports__input-element:active span, .main_ui_viewer_inspect_exports__suffix-input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_exports__input-element:active input, .main_ui_viewer_inspect_exports__suffix-input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_exports__input-element:focus, .main_ui_viewer_inspect_exports__suffix-input:focus, .main_ui_viewer_inspect_exports__input-element:focus-within, .main_ui_viewer_inspect_exports__suffix-input:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_exports__input-element:focus span, .main_ui_viewer_inspect_exports__suffix-input:focus span, .main_ui_viewer_inspect_exports__input-element:focus-within span, .main_ui_viewer_inspect_exports__suffix-input:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_exports__input-element:focus input, .main_ui_viewer_inspect_exports__suffix-input:focus input, .main_ui_viewer_inspect_exports__input-element:focus-within input, .main_ui_viewer_inspect_exports__suffix-input:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_exports__input-element:focus:hover, .main_ui_viewer_inspect_exports__suffix-input:focus:hover, .main_ui_viewer_inspect_exports__input-element:focus-within:hover, .main_ui_viewer_inspect_exports__suffix-input:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_exports__input-element:focus:hover span, .main_ui_viewer_inspect_exports__suffix-input:focus:hover span, .main_ui_viewer_inspect_exports__input-element:focus-within:hover span, .main_ui_viewer_inspect_exports__suffix-input:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_exports__input-element:focus:hover input, .main_ui_viewer_inspect_exports__suffix-input:focus:hover input, .main_ui_viewer_inspect_exports__input-element:focus-within:hover input, .main_ui_viewer_inspect_exports__suffix-input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_exports__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_exports__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_exports__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_exports__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_exports__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_exports__disabled-input, .main_ui_viewer_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_viewer_inspect_exports__disabled-input input, .main_ui_viewer_inspect_exports__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_exports__disabled-input span svg, .main_ui_viewer_inspect_exports__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_exports__checkbox-icon, .main_ui_viewer_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_viewer_inspect_exports__checkbox-icon svg, .main_ui_viewer_inspect_exports__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_exports__checkbox-icon:hover, .main_ui_viewer_inspect_exports__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_exports__checkbox-icon:focus, .main_ui_viewer_inspect_exports__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_exports__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_exports__checkbox-icon.checked svg, .main_ui_viewer_inspect_exports__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_exports__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_exports__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_exports__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_exports__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_exports__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_exports__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_exports__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_exports__input-checkbox label {
  font-family: "worksans", 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_exports__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_exports__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_exports__input-checkbox label:focus span, .main_ui_viewer_inspect_exports__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_exports__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_exports__input-with-label label {
  font-family: "worksans", 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_exports__input-with-label input {
  font-family: "worksans", 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_exports__input-with-label input:focus-within, .main_ui_viewer_inspect_exports__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_viewer_inspect_exports__input-with-label input:focus-within input, .main_ui_viewer_inspect_exports__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_exports__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_exports__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_exports__modal-hint-base {
  font-family: "worksans", 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_exports__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_exports__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_exports__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_exports__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_exports__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_exports__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_exports__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_exports__asset-element {
  font-family: "worksans", 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_exports__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_exports__shortcut-key-base {
  font-family: "worksans", 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_exports__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_exports__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_exports__mixed-bar, .main_ui_viewer_inspect_exports__label {
  font-family: "worksans", 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_exports__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_exports__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_viewer_inspect_exports__copy-button-children {
  font-family: "worksans", 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_exports__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_exports__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_exports__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_exports__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_exports__menu-item-base {
  font-family: "worksans", 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_exports__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_exports__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_exports__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_exports__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_exports__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_exports__select-wrapper {
  font-family: "worksans", 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_exports__element-set {
  padding-bottom: 1rem;
  margin: 0;
}

.main_ui_viewer_inspect_exports__element-title {
  margin: 0;
}

.main_ui_viewer_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_viewer_inspect_exports__add-export {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_exports__add-export svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_inspect_exports__element-set-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 0.25rem;
}

.main_ui_viewer_inspect_exports__multiple-exports {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_exports__actions {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_exports__element-group {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.main_ui_viewer_inspect_exports__element-group .main_ui_viewer_inspect_exports__action-btn {
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_exports__input-wrapper {
  grid-column: span 7;
  display: grid;
  grid-template-columns: subgrid;
}

.main_ui_viewer_inspect_exports__format-select {
  grid-column: span 2;
  padding: 0;
}
.main_ui_viewer_inspect_exports__format-select .main_ui_viewer_inspect_exports__dropdown-upwards {
  bottom: 2.25rem;
  width: 5rem;
  top: unset;
}

.main_ui_viewer_inspect_exports__size-select {
  grid-column: span 2;
  padding: 0;
}
.main_ui_viewer_inspect_exports__size-select .main_ui_viewer_inspect_exports__dropdown-upwards {
  bottom: 2.25rem;
  top: unset;
  width: 5rem;
}

.main_ui_viewer_inspect_exports__suffix-input {
  grid-column: span 3;
}

.main_ui_viewer_inspect_exports__export-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2rem;
  width: 15.75rem;
}
@keyframes main_ui_viewer_inspect_left_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_left_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_left_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_left_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_left_sidebar__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_left_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_left_sidebar__button-primary, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn, .main_ui_viewer_inspect_left_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_left_sidebar__button-primary:focus-visible, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-primary:focus-visible svg, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_left_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_left_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__button-primary svg, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn svg, .main_ui_viewer_inspect_left_sidebar__modal-accept-btn svg,
.main_ui_viewer_inspect_left_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_left_sidebar__button-primary:hover, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-primary:hover svg, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn:hover svg, .main_ui_viewer_inspect_left_sidebar__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_left_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__button-primary:active, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-primary:active svg, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn:active svg, .main_ui_viewer_inspect_left_sidebar__modal-accept-btn:active svg,
.main_ui_viewer_inspect_left_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_left_sidebar__button-primary.disabled, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn.disabled, .main_ui_viewer_inspect_left_sidebar__modal-accept-btn.disabled, .main_ui_viewer_inspect_left_sidebar__button-primary[disabled], [disabled].main_ui_viewer_inspect_left_sidebar__modal-danger-btn, [disabled].main_ui_viewer_inspect_left_sidebar__modal-accept-btn, .main_ui_viewer_inspect_left_sidebar__button-primary:disabled, .main_ui_viewer_inspect_left_sidebar__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-secondary, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-secondary:focus-visible svg, .main_ui_viewer_inspect_left_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_left_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__button-secondary svg, .main_ui_viewer_inspect_left_sidebar__modal-cancel-btn svg,
.main_ui_viewer_inspect_left_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_left_sidebar__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-secondary:hover svg, .main_ui_viewer_inspect_left_sidebar__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_left_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__button-secondary:active, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-secondary:active svg, .main_ui_viewer_inspect_left_sidebar__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_left_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_left_sidebar__button-secondary.disabled, .main_ui_viewer_inspect_left_sidebar__modal-cancel-btn.disabled, .main_ui_viewer_inspect_left_sidebar__button-secondary[disabled], [disabled].main_ui_viewer_inspect_left_sidebar__modal-cancel-btn, .main_ui_viewer_inspect_left_sidebar__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-tertiary, .main_ui_viewer_inspect_left_sidebar__attr-title button, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-tertiary:focus-visible, .main_ui_viewer_inspect_left_sidebar__attr-title button:focus-visible, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_left_sidebar__attr-title button:focus-visible svg, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_left_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__button-tertiary svg, .main_ui_viewer_inspect_left_sidebar__attr-title button svg, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base svg,
.main_ui_viewer_inspect_left_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_left_sidebar__button-tertiary:hover, .main_ui_viewer_inspect_left_sidebar__attr-title button:hover, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-tertiary:hover svg, .main_ui_viewer_inspect_left_sidebar__attr-title button:hover svg, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_left_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__button-tertiary:active, .main_ui_viewer_inspect_left_sidebar__attr-title button:active, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-tertiary:active svg, .main_ui_viewer_inspect_left_sidebar__attr-title button:active svg, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_left_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_left_sidebar__button-tertiary.disabled, .main_ui_viewer_inspect_left_sidebar__attr-title button.disabled, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base.disabled, .main_ui_viewer_inspect_left_sidebar__button-tertiary[disabled], .main_ui_viewer_inspect_left_sidebar__attr-title button[disabled], [disabled].main_ui_viewer_inspect_left_sidebar__modal-close-btn-base, .main_ui_viewer_inspect_left_sidebar__button-tertiary:disabled, .main_ui_viewer_inspect_left_sidebar__attr-title button:disabled, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_left_sidebar__button-tertiary.disabled svg, .main_ui_viewer_inspect_left_sidebar__attr-title button.disabled svg, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_left_sidebar__button-tertiary.disabled span svg, .main_ui_viewer_inspect_left_sidebar__button-tertiary[disabled] svg, .main_ui_viewer_inspect_left_sidebar__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect_left_sidebar__modal-close-btn-base svg,
.main_ui_viewer_inspect_left_sidebar__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_left_sidebar__button-tertiary:disabled svg, .main_ui_viewer_inspect_left_sidebar__attr-title button:disabled svg, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_left_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_left_sidebar__button-radio:focus-visible svg,
.main_ui_viewer_inspect_left_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__button-radio svg,
.main_ui_viewer_inspect_left_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_left_sidebar__button-radio:hover svg,
.main_ui_viewer_inspect_left_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_left_sidebar__button-radio:active svg,
.main_ui_viewer_inspect_left_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_left_sidebar__button-icon, .main_ui_viewer_inspect_left_sidebar__empty-icon svg, .main_ui_viewer_inspect_left_sidebar__modal-close-btn-base svg, .main_ui_viewer_inspect_left_sidebar__button-icon-small, .main_ui_viewer_inspect_left_sidebar__dropdown-element-base span svg, .main_ui_viewer_inspect_left_sidebar__attr-title button svg, .main_ui_viewer_inspect_left_sidebar__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_left_sidebar__checkbox-icon.checked svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span.checked svg, .main_ui_viewer_inspect_left_sidebar__input-element span svg,
.main_ui_viewer_inspect_left_sidebar__input-element label svg, .main_ui_viewer_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_viewer_inspect_left_sidebar__button-icon-small, .main_ui_viewer_inspect_left_sidebar__dropdown-element-base span svg, .main_ui_viewer_inspect_left_sidebar__attr-title button svg, .main_ui_viewer_inspect_left_sidebar__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_left_sidebar__checkbox-icon.checked svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span.checked svg, .main_ui_viewer_inspect_left_sidebar__input-element span svg,
.main_ui_viewer_inspect_left_sidebar__input-element label svg, .main_ui_viewer_inspect_left_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_left_sidebar__input-base, .main_ui_viewer_inspect_left_sidebar__input-with-label input, .main_ui_viewer_inspect_left_sidebar__input-element-label input, .main_ui_viewer_inspect_left_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_left_sidebar__input-base[disabled], .main_ui_viewer_inspect_left_sidebar__input-with-label input[disabled], .main_ui_viewer_inspect_left_sidebar__input-element-label input[disabled], .main_ui_viewer_inspect_left_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_left_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_left_sidebar__input-label, .main_ui_viewer_inspect_left_sidebar__input-element span,
.main_ui_viewer_inspect_left_sidebar__input-element label {
  font-family: "worksans", 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_left_sidebar__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_left_sidebar__input-element span svg,
.main_ui_viewer_inspect_left_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_left_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_left_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_left_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_left_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_left_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_left_sidebar__input-element:focus, .main_ui_viewer_inspect_left_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__input-element:focus span, .main_ui_viewer_inspect_left_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__input-element:focus input, .main_ui_viewer_inspect_left_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_left_sidebar__input-element:focus:hover span, .main_ui_viewer_inspect_left_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__input-element:focus:hover input, .main_ui_viewer_inspect_left_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_left_sidebar__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_left_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_left_sidebar__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_left_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_left_sidebar__disabled-input, .main_ui_viewer_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_viewer_inspect_left_sidebar__disabled-input input, .main_ui_viewer_inspect_left_sidebar__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_left_sidebar__disabled-input span svg, .main_ui_viewer_inspect_left_sidebar__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_left_sidebar__checkbox-icon, .main_ui_viewer_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_viewer_inspect_left_sidebar__checkbox-icon svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_left_sidebar__checkbox-icon:hover, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__checkbox-icon:focus, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_left_sidebar__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_left_sidebar__checkbox-icon.checked svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_left_sidebar__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_left_sidebar__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_left_sidebar__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_left_sidebar__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_left_sidebar__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_left_sidebar__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_left_sidebar__input-checkbox label {
  font-family: "worksans", 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_left_sidebar__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_left_sidebar__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_left_sidebar__input-checkbox label:focus span, .main_ui_viewer_inspect_left_sidebar__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_left_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_left_sidebar__input-with-label label {
  font-family: "worksans", 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_left_sidebar__input-with-label input {
  font-family: "worksans", 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_left_sidebar__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_left_sidebar__input-with-label input:focus-within input, .main_ui_viewer_inspect_left_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_left_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_left_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_left_sidebar__modal-hint-base {
  font-family: "worksans", 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_left_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_left_sidebar__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_left_sidebar__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_left_sidebar__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_left_sidebar__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_left_sidebar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_left_sidebar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_left_sidebar__asset-element {
  font-family: "worksans", 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_left_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_left_sidebar__shortcut-key-base {
  font-family: "worksans", 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_left_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_left_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_left_sidebar__mixed-bar {
  font-family: "worksans", 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_left_sidebar__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_left_sidebar__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_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_viewer_inspect_left_sidebar__attr-row .attr-label {
  font-family: "worksans", 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_left_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_left_sidebar__copy-button-children {
  font-family: "worksans", 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_left_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_left_sidebar__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_left_sidebar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_left_sidebar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_left_sidebar__menu-item-base {
  font-family: "worksans", 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_left_sidebar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_left_sidebar__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_left_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_left_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_left_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_left_sidebar__select-wrapper {
  font-family: "worksans", 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_left_sidebar__settings-bar-left {
  background-color: var(--panel-background-color);
  height: 100%;
  width: 16rem;
}

.main_ui_viewer_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_viewer_inspect_right_sidebar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_right_sidebar__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_right_sidebar__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_right_sidebar__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_right_sidebar__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_right_sidebar__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_right_sidebar__button-primary, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn, .main_ui_viewer_inspect_right_sidebar__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_right_sidebar__button-primary:focus-visible, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-primary:focus-visible svg, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_right_sidebar__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_right_sidebar__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__button-primary svg, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn svg, .main_ui_viewer_inspect_right_sidebar__modal-accept-btn svg,
.main_ui_viewer_inspect_right_sidebar__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_right_sidebar__button-primary:hover, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-primary:hover svg, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn:hover svg, .main_ui_viewer_inspect_right_sidebar__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_right_sidebar__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__button-primary:active, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-primary:active svg, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn:active svg, .main_ui_viewer_inspect_right_sidebar__modal-accept-btn:active svg,
.main_ui_viewer_inspect_right_sidebar__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_right_sidebar__button-primary.disabled, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn.disabled, .main_ui_viewer_inspect_right_sidebar__modal-accept-btn.disabled, .main_ui_viewer_inspect_right_sidebar__button-primary[disabled], [disabled].main_ui_viewer_inspect_right_sidebar__modal-danger-btn, [disabled].main_ui_viewer_inspect_right_sidebar__modal-accept-btn, .main_ui_viewer_inspect_right_sidebar__button-primary:disabled, .main_ui_viewer_inspect_right_sidebar__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-secondary, .main_ui_viewer_inspect_right_sidebar__more-info-btn, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-secondary:focus-visible, .main_ui_viewer_inspect_right_sidebar__more-info-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-secondary:focus-visible svg, .main_ui_viewer_inspect_right_sidebar__more-info-btn:focus-visible svg, .main_ui_viewer_inspect_right_sidebar__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_right_sidebar__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__button-secondary svg, .main_ui_viewer_inspect_right_sidebar__more-info-btn svg, .main_ui_viewer_inspect_right_sidebar__modal-cancel-btn svg,
.main_ui_viewer_inspect_right_sidebar__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_right_sidebar__button-secondary:hover, .main_ui_viewer_inspect_right_sidebar__more-info-btn:hover, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-secondary:hover svg, .main_ui_viewer_inspect_right_sidebar__more-info-btn:hover svg, .main_ui_viewer_inspect_right_sidebar__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_right_sidebar__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__button-secondary:active, .main_ui_viewer_inspect_right_sidebar__more-info-btn:active, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-secondary:active svg, .main_ui_viewer_inspect_right_sidebar__more-info-btn:active svg, .main_ui_viewer_inspect_right_sidebar__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_right_sidebar__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_right_sidebar__button-secondary.disabled, .main_ui_viewer_inspect_right_sidebar__more-info-btn.disabled, .main_ui_viewer_inspect_right_sidebar__modal-cancel-btn.disabled, .main_ui_viewer_inspect_right_sidebar__button-secondary[disabled], [disabled].main_ui_viewer_inspect_right_sidebar__more-info-btn, [disabled].main_ui_viewer_inspect_right_sidebar__modal-cancel-btn, .main_ui_viewer_inspect_right_sidebar__button-secondary:disabled, .main_ui_viewer_inspect_right_sidebar__more-info-btn:disabled, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-tertiary, .main_ui_viewer_inspect_right_sidebar__attr-title button, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-tertiary:focus-visible, .main_ui_viewer_inspect_right_sidebar__attr-title button:focus-visible, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_right_sidebar__attr-title button:focus-visible svg, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_right_sidebar__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__button-tertiary svg, .main_ui_viewer_inspect_right_sidebar__attr-title button svg, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base svg,
.main_ui_viewer_inspect_right_sidebar__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_right_sidebar__button-tertiary:hover, .main_ui_viewer_inspect_right_sidebar__attr-title button:hover, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-tertiary:hover svg, .main_ui_viewer_inspect_right_sidebar__attr-title button:hover svg, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_right_sidebar__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__button-tertiary:active, .main_ui_viewer_inspect_right_sidebar__attr-title button:active, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-tertiary:active svg, .main_ui_viewer_inspect_right_sidebar__attr-title button:active svg, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_right_sidebar__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_right_sidebar__button-tertiary.disabled, .main_ui_viewer_inspect_right_sidebar__attr-title button.disabled, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base.disabled, .main_ui_viewer_inspect_right_sidebar__button-tertiary[disabled], .main_ui_viewer_inspect_right_sidebar__attr-title button[disabled], [disabled].main_ui_viewer_inspect_right_sidebar__modal-close-btn-base, .main_ui_viewer_inspect_right_sidebar__button-tertiary:disabled, .main_ui_viewer_inspect_right_sidebar__attr-title button:disabled, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_right_sidebar__button-tertiary.disabled svg, .main_ui_viewer_inspect_right_sidebar__attr-title button.disabled svg, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_right_sidebar__button-tertiary.disabled span svg, .main_ui_viewer_inspect_right_sidebar__button-tertiary[disabled] svg, .main_ui_viewer_inspect_right_sidebar__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect_right_sidebar__modal-close-btn-base svg,
.main_ui_viewer_inspect_right_sidebar__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_right_sidebar__button-tertiary:disabled svg, .main_ui_viewer_inspect_right_sidebar__attr-title button:disabled svg, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_right_sidebar__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_right_sidebar__button-radio:focus-visible svg,
.main_ui_viewer_inspect_right_sidebar__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__button-radio svg,
.main_ui_viewer_inspect_right_sidebar__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_right_sidebar__button-radio:hover svg,
.main_ui_viewer_inspect_right_sidebar__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_right_sidebar__button-radio:active svg,
.main_ui_viewer_inspect_right_sidebar__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_right_sidebar__button-icon, .main_ui_viewer_inspect_right_sidebar__empty-icon svg, .main_ui_viewer_inspect_right_sidebar__placeholder-icon svg, .main_ui_viewer_inspect_right_sidebar__modal-close-btn-base svg, .main_ui_viewer_inspect_right_sidebar__button-icon-small, .main_ui_viewer_inspect_right_sidebar__layers-icon svg,
.main_ui_viewer_inspect_right_sidebar__shape-icon svg, .main_ui_viewer_inspect_right_sidebar__dropdown-element-base span svg, .main_ui_viewer_inspect_right_sidebar__attr-title button svg, .main_ui_viewer_inspect_right_sidebar__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_right_sidebar__checkbox-icon.checked svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span.checked svg, .main_ui_viewer_inspect_right_sidebar__input-element span svg,
.main_ui_viewer_inspect_right_sidebar__input-element label svg, .main_ui_viewer_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_viewer_inspect_right_sidebar__button-icon-small, .main_ui_viewer_inspect_right_sidebar__layers-icon svg,
.main_ui_viewer_inspect_right_sidebar__shape-icon svg, .main_ui_viewer_inspect_right_sidebar__dropdown-element-base span svg, .main_ui_viewer_inspect_right_sidebar__attr-title button svg, .main_ui_viewer_inspect_right_sidebar__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_right_sidebar__checkbox-icon.checked svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span.checked svg, .main_ui_viewer_inspect_right_sidebar__input-element span svg,
.main_ui_viewer_inspect_right_sidebar__input-element label svg, .main_ui_viewer_inspect_right_sidebar__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_right_sidebar__input-base, .main_ui_viewer_inspect_right_sidebar__input-with-label input, .main_ui_viewer_inspect_right_sidebar__input-element-label input, .main_ui_viewer_inspect_right_sidebar__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_right_sidebar__input-base[disabled], .main_ui_viewer_inspect_right_sidebar__input-with-label input[disabled], .main_ui_viewer_inspect_right_sidebar__input-element-label input[disabled], .main_ui_viewer_inspect_right_sidebar__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_right_sidebar__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_right_sidebar__input-label, .main_ui_viewer_inspect_right_sidebar__input-element span,
.main_ui_viewer_inspect_right_sidebar__input-element label {
  font-family: "worksans", 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_right_sidebar__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_right_sidebar__input-element span svg,
.main_ui_viewer_inspect_right_sidebar__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_right_sidebar__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_right_sidebar__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_right_sidebar__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_right_sidebar__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_right_sidebar__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_right_sidebar__input-element:focus, .main_ui_viewer_inspect_right_sidebar__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__input-element:focus span, .main_ui_viewer_inspect_right_sidebar__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__input-element:focus input, .main_ui_viewer_inspect_right_sidebar__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_right_sidebar__input-element:focus:hover span, .main_ui_viewer_inspect_right_sidebar__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__input-element:focus:hover input, .main_ui_viewer_inspect_right_sidebar__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_right_sidebar__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_right_sidebar__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_right_sidebar__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_right_sidebar__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_right_sidebar__disabled-input, .main_ui_viewer_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_viewer_inspect_right_sidebar__disabled-input input, .main_ui_viewer_inspect_right_sidebar__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_right_sidebar__disabled-input span svg, .main_ui_viewer_inspect_right_sidebar__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_right_sidebar__checkbox-icon, .main_ui_viewer_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_viewer_inspect_right_sidebar__checkbox-icon svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_right_sidebar__checkbox-icon:hover, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__checkbox-icon:focus, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_right_sidebar__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_right_sidebar__checkbox-icon.checked svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_right_sidebar__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_right_sidebar__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_right_sidebar__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_right_sidebar__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_right_sidebar__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_right_sidebar__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_right_sidebar__input-checkbox label {
  font-family: "worksans", 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_right_sidebar__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_right_sidebar__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_right_sidebar__input-checkbox label:focus span, .main_ui_viewer_inspect_right_sidebar__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_right_sidebar__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_right_sidebar__input-with-label label {
  font-family: "worksans", 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_right_sidebar__input-with-label input {
  font-family: "worksans", 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_right_sidebar__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_right_sidebar__input-with-label input:focus-within input, .main_ui_viewer_inspect_right_sidebar__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_right_sidebar__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_right_sidebar__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_right_sidebar__modal-hint-base {
  font-family: "worksans", 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_right_sidebar__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_right_sidebar__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_right_sidebar__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_right_sidebar__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_right_sidebar__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_right_sidebar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_right_sidebar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_right_sidebar__asset-element {
  font-family: "worksans", 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_right_sidebar__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_right_sidebar__shortcut-key-base {
  font-family: "worksans", 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_right_sidebar__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_right_sidebar__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_right_sidebar__mixed-bar {
  font-family: "worksans", 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_right_sidebar__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_inspect_right_sidebar__empty-icon, .main_ui_viewer_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_viewer_inspect_right_sidebar__empty-icon svg, .main_ui_viewer_inspect_right_sidebar__placeholder-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_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_viewer_inspect_right_sidebar__attr-row .attr-label {
  font-family: "worksans", 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_right_sidebar__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_right_sidebar__copy-button-children {
  font-family: "worksans", 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_right_sidebar__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_right_sidebar__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_right_sidebar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_right_sidebar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_right_sidebar__menu-item-base {
  font-family: "worksans", 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_right_sidebar__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_right_sidebar__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_right_sidebar__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_right_sidebar__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_right_sidebar__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_right_sidebar__select-wrapper {
  font-family: "worksans", 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_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_viewer_inspect_right_sidebar__settings-bar-right.main_ui_viewer_inspect_right_sidebar__viewer-code {
  height: calc(100vh - 3rem);
}

.main_ui_viewer_inspect_right_sidebar__viewer-code {
  padding-inline-start: 0.5rem;
}

.main_ui_viewer_inspect_right_sidebar__tool-windows {
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.main_ui_viewer_inspect_right_sidebar__shape-row {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  align-items: center;
  height: 2rem;
}

.main_ui_viewer_inspect_right_sidebar__layers-icon,
.main_ui_viewer_inspect_right_sidebar__shape-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
}
.main_ui_viewer_inspect_right_sidebar__layers-icon svg,
.main_ui_viewer_inspect_right_sidebar__shape-icon svg {
  stroke: var(--icon-foreground);
}

.main_ui_viewer_inspect_right_sidebar__layer-title {
  font-family: "worksans", 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(--assets-item-name-foreground-color-rest);
}

.main_ui_viewer_inspect_right_sidebar__empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding-top: 1.5rem;
}

.main_ui_viewer_inspect_right_sidebar__code-info,
.main_ui_viewer_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_viewer_inspect_right_sidebar__placeholder-label {
  font-family: "worksans", 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_viewer_inspect_right_sidebar__more-info-btn {
  font-family: "worksans", 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_viewer_inspect_right_sidebar__inspect-content {
  flex: 1;
  overflow: hidden;
}

.main_ui_viewer_inspect_right_sidebar__tab-content {
  scrollbar-gutter: stable;
}

.main_ui_viewer_inspect_right_sidebar__tab-header {
  margin-right: 0.75rem;
}
@keyframes main_ui_viewer_inspect_attributes_blur__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_blur__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_blur__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_blur__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_blur__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_blur__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_blur__button-primary, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn, .main_ui_viewer_inspect_attributes_blur__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_blur__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_blur__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_blur__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__button-primary svg, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_blur__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_blur__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_blur__button-primary:hover, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-primary:hover svg, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_blur__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_blur__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__button-primary:active, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-primary:active svg, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_blur__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_blur__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_blur__button-primary.disabled, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_blur__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_blur__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_blur__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_blur__modal-accept-btn, .main_ui_viewer_inspect_attributes_blur__button-primary:disabled, .main_ui_viewer_inspect_attributes_blur__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_blur__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_blur__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__button-secondary svg, .main_ui_viewer_inspect_attributes_blur__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_blur__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_blur__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_blur__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_blur__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-secondary:active svg, .main_ui_viewer_inspect_attributes_blur__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_blur__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_blur__button-secondary.disabled, .main_ui_viewer_inspect_attributes_blur__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_blur__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_blur__modal-cancel-btn, .main_ui_viewer_inspect_attributes_blur__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-tertiary, .main_ui_viewer_inspect_attributes_blur__attr-title button, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_blur__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_blur__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:focus-visible svg, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_blur__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__button-tertiary svg, .main_ui_viewer_inspect_attributes_blur__attr-title button svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button svg, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_blur__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_blur__button-tertiary:hover, .main_ui_viewer_inspect_attributes_blur__attr-title button:hover, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:hover, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_blur__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:hover svg, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_blur__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__button-tertiary:active, .main_ui_viewer_inspect_attributes_blur__attr-title button:active, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:active, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_blur__attr-title button:active svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:active svg, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_blur__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_blur__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_blur__attr-title button.disabled, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button.disabled, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_blur__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_blur__attr-title button[disabled], .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button[disabled], [disabled].main_ui_viewer_inspect_attributes_blur__modal-close-btn-base, .main_ui_viewer_inspect_attributes_blur__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_blur__attr-title button:disabled, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:disabled, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_blur__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_blur__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button.disabled svg, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_blur__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_blur__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_blur__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_blur__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_blur__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_blur__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_blur__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button:disabled svg, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_blur__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_blur__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_blur__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__button-radio svg,
.main_ui_viewer_inspect_attributes_blur__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_blur__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_blur__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_blur__button-radio:active svg,
.main_ui_viewer_inspect_attributes_blur__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_blur__button-icon, .main_ui_viewer_inspect_attributes_blur__empty-icon svg, .main_ui_viewer_inspect_attributes_blur__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_blur__button-icon-small, .main_ui_viewer_inspect_attributes_blur__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_blur__attr-title button svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button svg, .main_ui_viewer_inspect_attributes_blur__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_blur__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_blur__input-element span svg,
.main_ui_viewer_inspect_attributes_blur__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_blur__button-icon-small, .main_ui_viewer_inspect_attributes_blur__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_blur__attr-title button svg, .main_ui_viewer_inspect_attributes_blur__title-spacing-blur button svg, .main_ui_viewer_inspect_attributes_blur__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_blur__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_blur__input-element span svg,
.main_ui_viewer_inspect_attributes_blur__input-element label svg, .main_ui_viewer_inspect_attributes_blur__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_blur__input-base, .main_ui_viewer_inspect_attributes_blur__input-with-label input, .main_ui_viewer_inspect_attributes_blur__input-element-label input, .main_ui_viewer_inspect_attributes_blur__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_blur__input-base[disabled], .main_ui_viewer_inspect_attributes_blur__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_blur__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_blur__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_blur__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_blur__input-label, .main_ui_viewer_inspect_attributes_blur__input-element span,
.main_ui_viewer_inspect_attributes_blur__input-element label {
  font-family: "worksans", 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_attributes_blur__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_blur__input-element span svg,
.main_ui_viewer_inspect_attributes_blur__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_blur__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_blur__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_blur__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_blur__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_blur__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_blur__input-element:focus, .main_ui_viewer_inspect_attributes_blur__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__input-element:focus span, .main_ui_viewer_inspect_attributes_blur__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__input-element:focus input, .main_ui_viewer_inspect_attributes_blur__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_blur__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_blur__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_blur__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_blur__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_blur__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_blur__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_blur__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_blur__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_blur__disabled-input input, .main_ui_viewer_inspect_attributes_blur__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_blur__disabled-input span svg, .main_ui_viewer_inspect_attributes_blur__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_blur__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_blur__checkbox-icon svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_blur__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_blur__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_blur__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_blur__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_blur__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_blur__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_blur__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_blur__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_blur__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_blur__input-checkbox label {
  font-family: "worksans", 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_attributes_blur__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_blur__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_blur__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_blur__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_blur__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_blur__input-with-label label {
  font-family: "worksans", 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_attributes_blur__input-with-label input {
  font-family: "worksans", 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_attributes_blur__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_blur__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_blur__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_blur__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_blur__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_blur__modal-hint-base {
  font-family: "worksans", 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_attributes_blur__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_blur__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_blur__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_blur__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_blur__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_blur__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_blur__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_blur__asset-element {
  font-family: "worksans", 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_attributes_blur__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_blur__shortcut-key-base {
  font-family: "worksans", 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_attributes_blur__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_blur__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_blur__mixed-bar {
  font-family: "worksans", 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_attributes_blur__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_blur__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_blur__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_blur__attr-row .attr-label, .main_ui_viewer_inspect_attributes_blur__blur-row .attr-label {
  font-family: "worksans", 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_attributes_blur__attr-row .attr-value, .main_ui_viewer_inspect_attributes_blur__blur-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_blur__copy-button-children, .main_ui_viewer_inspect_attributes_blur__button-children {
  font-family: "worksans", 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_attributes_blur__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_blur__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_blur__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_blur__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_blur__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_blur__menu-item-base {
  font-family: "worksans", 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_attributes_blur__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_blur__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_blur__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_blur__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_blur__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_blur__select-wrapper {
  font-family: "worksans", 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_attributes_blur__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_blur__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_viewer_inspect_attributes_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_common__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_common__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_common__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_common__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_common__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_common__button-primary, .main_ui_viewer_inspect_attributes_common__modal-danger-btn, .main_ui_viewer_inspect_attributes_common__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_common__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_common__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_common__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_common__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_common__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_common__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_common__button-primary svg, .main_ui_viewer_inspect_attributes_common__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_common__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_common__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_common__button-primary:hover, .main_ui_viewer_inspect_attributes_common__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_common__button-primary:hover svg, .main_ui_viewer_inspect_attributes_common__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_common__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_common__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_common__button-primary:active, .main_ui_viewer_inspect_attributes_common__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_common__button-primary:active svg, .main_ui_viewer_inspect_attributes_common__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_common__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_common__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_common__button-primary.disabled, .main_ui_viewer_inspect_attributes_common__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_common__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_common__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_common__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_common__modal-accept-btn, .main_ui_viewer_inspect_attributes_common__button-primary:disabled, .main_ui_viewer_inspect_attributes_common__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_common__button-secondary, .main_ui_viewer_inspect_attributes_common__download-button, .main_ui_viewer_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_viewer_inspect_attributes_common__button-secondary:focus-visible, .main_ui_viewer_inspect_attributes_common__download-button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_common__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_common__download-button:focus-visible svg, .main_ui_viewer_inspect_attributes_common__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_common__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_common__button-secondary svg, .main_ui_viewer_inspect_attributes_common__download-button svg, .main_ui_viewer_inspect_attributes_common__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_common__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_common__button-secondary:hover, .main_ui_viewer_inspect_attributes_common__download-button:hover, .main_ui_viewer_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_viewer_inspect_attributes_common__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_common__download-button:hover svg, .main_ui_viewer_inspect_attributes_common__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_common__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_common__button-secondary:active, .main_ui_viewer_inspect_attributes_common__download-button:active, .main_ui_viewer_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_viewer_inspect_attributes_common__button-secondary:active svg, .main_ui_viewer_inspect_attributes_common__download-button:active svg, .main_ui_viewer_inspect_attributes_common__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_common__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_common__button-secondary.disabled, .main_ui_viewer_inspect_attributes_common__download-button.disabled, .main_ui_viewer_inspect_attributes_common__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_common__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_common__download-button, [disabled].main_ui_viewer_inspect_attributes_common__modal-cancel-btn, .main_ui_viewer_inspect_attributes_common__button-secondary:disabled, .main_ui_viewer_inspect_attributes_common__download-button:disabled, .main_ui_viewer_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_viewer_inspect_attributes_common__button-tertiary, .main_ui_viewer_inspect_attributes_common__attr-title button, .main_ui_viewer_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_viewer_inspect_attributes_common__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_common__attr-title button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_common__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_common__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_common__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_common__button-tertiary svg, .main_ui_viewer_inspect_attributes_common__attr-title button svg, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_common__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_common__button-tertiary:hover, .main_ui_viewer_inspect_attributes_common__attr-title button:hover, .main_ui_viewer_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_viewer_inspect_attributes_common__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_common__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_common__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_common__button-tertiary:active, .main_ui_viewer_inspect_attributes_common__attr-title button:active, .main_ui_viewer_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_viewer_inspect_attributes_common__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_common__attr-title button:active svg, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_common__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_common__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_common__attr-title button.disabled, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_common__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_common__attr-title button[disabled], [disabled].main_ui_viewer_inspect_attributes_common__modal-close-btn-base, .main_ui_viewer_inspect_attributes_common__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_common__attr-title button:disabled, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_common__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_common__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_common__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_common__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_common__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_common__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_common__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_common__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_common__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_common__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_common__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_common__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_common__button-radio svg,
.main_ui_viewer_inspect_attributes_common__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_common__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_common__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_common__button-radio:active svg,
.main_ui_viewer_inspect_attributes_common__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_common__button-icon, .main_ui_viewer_inspect_attributes_common__empty-icon svg, .main_ui_viewer_inspect_attributes_common__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_common__button-icon-small, .main_ui_viewer_inspect_attributes_common__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_common__attr-title button svg, .main_ui_viewer_inspect_attributes_common__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_common__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_common__input-element span svg,
.main_ui_viewer_inspect_attributes_common__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_common__button-icon-small, .main_ui_viewer_inspect_attributes_common__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_common__attr-title button svg, .main_ui_viewer_inspect_attributes_common__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_common__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_common__input-element span svg,
.main_ui_viewer_inspect_attributes_common__input-element label svg, .main_ui_viewer_inspect_attributes_common__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_common__input-base, .main_ui_viewer_inspect_attributes_common__input-with-label input, .main_ui_viewer_inspect_attributes_common__input-element-label input, .main_ui_viewer_inspect_attributes_common__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_common__input-base[disabled], .main_ui_viewer_inspect_attributes_common__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_common__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_common__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_common__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_common__input-label, .main_ui_viewer_inspect_attributes_common__input-element span,
.main_ui_viewer_inspect_attributes_common__input-element label {
  font-family: "worksans", 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_attributes_common__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_common__input-element span svg,
.main_ui_viewer_inspect_attributes_common__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_common__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_common__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_common__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_common__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_common__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_common__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_common__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_common__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_common__input-element:focus, .main_ui_viewer_inspect_attributes_common__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_common__input-element:focus span, .main_ui_viewer_inspect_attributes_common__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_common__input-element:focus input, .main_ui_viewer_inspect_attributes_common__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_common__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_common__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_common__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_common__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_common__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_common__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_common__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_common__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_common__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_common__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_common__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_common__disabled-input input, .main_ui_viewer_inspect_attributes_common__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_common__disabled-input span svg, .main_ui_viewer_inspect_attributes_common__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_common__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_common__checkbox-icon svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_common__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_common__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_common__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_common__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_common__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_common__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_common__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_common__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_common__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_common__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_common__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_common__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_common__input-checkbox label {
  font-family: "worksans", 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_attributes_common__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_common__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_common__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_common__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_common__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_common__input-with-label label {
  font-family: "worksans", 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_attributes_common__input-with-label input {
  font-family: "worksans", 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_attributes_common__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_common__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_common__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_common__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_common__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_common__modal-hint-base {
  font-family: "worksans", 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_attributes_common__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_common__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_common__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_common__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_common__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_common__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_common__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_common__asset-element {
  font-family: "worksans", 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_attributes_common__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_common__shortcut-key-base {
  font-family: "worksans", 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_attributes_common__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_common__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_common__mixed-bar {
  font-family: "worksans", 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_attributes_common__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_common__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_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_viewer_inspect_attributes_common__attr-row .attr-label {
  font-family: "worksans", 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_attributes_common__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_common__copy-button-children {
  font-family: "worksans", 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_attributes_common__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_common__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_common__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_common__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_common__menu-item-base {
  font-family: "worksans", 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_attributes_common__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_common__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_common__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_common__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_common__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_common__select-wrapper {
  font-family: "worksans", 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_attributes_common__attributes-image-as-color-row {
  max-width: 15rem;
}

.main_ui_viewer_inspect_attributes_common__attributes-color-row {
  display: grid;
  grid-template-columns: 1rem 4.5rem 9rem;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_common__bullet-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
}

.main_ui_viewer_inspect_attributes_common__format-wrapper {
  width: 4.5rem;
  height: 2rem;
}

.main_ui_viewer_inspect_attributes_common__image-format {
  font-family: "worksans", 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_viewer_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_viewer_inspect_attributes_common__format-info {
  font-family: "worksans", 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_viewer_inspect_attributes_common__color-row-copy-btn {
  max-width: 9rem;
}

.main_ui_viewer_inspect_attributes_common__color-info {
  display: flex;
  align-items: flex-start;
  gap: 0.25rem;
  flex-grow: 1;
  max-width: 9rem;
}
.main_ui_viewer_inspect_attributes_common__color-info button {
  visibility: hidden;
  min-width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_common__color-info:hover button {
  visibility: visible;
}

.main_ui_viewer_inspect_attributes_common__one-line {
  max-height: 2rem;
}

.main_ui_viewer_inspect_attributes_common__two-line {
  display: grid;
  grid-template-rows: 1fr 1fr;
}

.main_ui_viewer_inspect_attributes_common__color-name-wrapper {
  font-family: "worksans", 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_viewer_inspect_attributes_common__color-name-wrapper.main_ui_viewer_inspect_attributes_common__gradient-color {
  color: var(--menu-foreground-color);
  max-width: 7.75rem;
}
.main_ui_viewer_inspect_attributes_common__color-name-wrapper .main_ui_viewer_inspect_attributes_common__color-name-library {
  font-family: "worksans", 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: left;
  height: 1rem;
  color: var(--menu-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_common__color-name-wrapper .main_ui_viewer_inspect_attributes_common__color-value-wrapper {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  height: 1rem;
  color: var(--menu-foreground-color);
}

.main_ui_viewer_inspect_attributes_common__opacity-info {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--menu-foreground-color);
  padding: 0.5rem 0;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_common__color-value-wrapper {
  display: block;
  max-width: 99%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: "worksans", 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_viewer_inspect_attributes_common__color-value-wrapper.main_ui_viewer_inspect_attributes_common__gradient-name {
  text-transform: none;
}

.main_ui_viewer_inspect_attributes_common__opacity-info {
  font-family: "worksans", 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_viewer_inspect_attributes_common__second-row {
  min-height: 1rem;
  padding-right: 0.5rem;
  width: 100%;
  text-align: left;
  margin: 0;
  padding: 0;
}

.main_ui_viewer_inspect_attributes_common__color-name-library {
  font-family: "worksans", 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);
}

.main_ui_viewer_inspect_attributes_common__image-download {
  grid-column: 1/4;
}

.main_ui_viewer_inspect_attributes_common__download-button {
  font-family: "worksans", 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_viewer_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_viewer_inspect_attributes_common__image-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
@keyframes main_ui_viewer_inspect_attributes_fill__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_fill__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_fill__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_fill__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_fill__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_fill__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_fill__button-primary, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn, .main_ui_viewer_inspect_attributes_fill__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_fill__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_fill__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_fill__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__button-primary svg, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_fill__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_fill__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_fill__button-primary:hover, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-primary:hover svg, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_fill__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_fill__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__button-primary:active, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-primary:active svg, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_fill__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_fill__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_fill__button-primary.disabled, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_fill__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_fill__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_fill__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_fill__modal-accept-btn, .main_ui_viewer_inspect_attributes_fill__button-primary:disabled, .main_ui_viewer_inspect_attributes_fill__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_fill__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_fill__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__button-secondary svg, .main_ui_viewer_inspect_attributes_fill__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_fill__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_fill__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_fill__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_fill__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-secondary:active svg, .main_ui_viewer_inspect_attributes_fill__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_fill__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_fill__button-secondary.disabled, .main_ui_viewer_inspect_attributes_fill__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_fill__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_fill__modal-cancel-btn, .main_ui_viewer_inspect_attributes_fill__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-tertiary, .main_ui_viewer_inspect_attributes_fill__attr-title button, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_fill__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_fill__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:focus-visible svg, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_fill__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__button-tertiary svg, .main_ui_viewer_inspect_attributes_fill__attr-title button svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button svg, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_fill__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_fill__button-tertiary:hover, .main_ui_viewer_inspect_attributes_fill__attr-title button:hover, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:hover, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_fill__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:hover svg, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_fill__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__button-tertiary:active, .main_ui_viewer_inspect_attributes_fill__attr-title button:active, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:active, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_fill__attr-title button:active svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:active svg, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_fill__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_fill__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_fill__attr-title button.disabled, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button.disabled, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_fill__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_fill__attr-title button[disabled], .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button[disabled], [disabled].main_ui_viewer_inspect_attributes_fill__modal-close-btn-base, .main_ui_viewer_inspect_attributes_fill__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_fill__attr-title button:disabled, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:disabled, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_fill__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_fill__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button.disabled svg, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_fill__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_fill__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_fill__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_fill__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_fill__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_fill__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_fill__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button:disabled svg, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_fill__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_fill__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_fill__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__button-radio svg,
.main_ui_viewer_inspect_attributes_fill__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_fill__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_fill__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_fill__button-radio:active svg,
.main_ui_viewer_inspect_attributes_fill__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_fill__button-icon, .main_ui_viewer_inspect_attributes_fill__empty-icon svg, .main_ui_viewer_inspect_attributes_fill__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_fill__button-icon-small, .main_ui_viewer_inspect_attributes_fill__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_fill__attr-title button svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button svg, .main_ui_viewer_inspect_attributes_fill__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_fill__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_fill__input-element span svg,
.main_ui_viewer_inspect_attributes_fill__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_fill__button-icon-small, .main_ui_viewer_inspect_attributes_fill__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_fill__attr-title button svg, .main_ui_viewer_inspect_attributes_fill__title-spacing-fill button svg, .main_ui_viewer_inspect_attributes_fill__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_fill__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_fill__input-element span svg,
.main_ui_viewer_inspect_attributes_fill__input-element label svg, .main_ui_viewer_inspect_attributes_fill__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_fill__input-base, .main_ui_viewer_inspect_attributes_fill__input-with-label input, .main_ui_viewer_inspect_attributes_fill__input-element-label input, .main_ui_viewer_inspect_attributes_fill__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_fill__input-base[disabled], .main_ui_viewer_inspect_attributes_fill__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_fill__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_fill__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_fill__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_fill__input-label, .main_ui_viewer_inspect_attributes_fill__input-element span,
.main_ui_viewer_inspect_attributes_fill__input-element label {
  font-family: "worksans", 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_attributes_fill__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_fill__input-element span svg,
.main_ui_viewer_inspect_attributes_fill__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_fill__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_fill__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_fill__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_fill__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_fill__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_fill__input-element:focus, .main_ui_viewer_inspect_attributes_fill__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__input-element:focus span, .main_ui_viewer_inspect_attributes_fill__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__input-element:focus input, .main_ui_viewer_inspect_attributes_fill__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_fill__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_fill__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_fill__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_fill__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_fill__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_fill__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_fill__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_fill__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_fill__disabled-input input, .main_ui_viewer_inspect_attributes_fill__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_fill__disabled-input span svg, .main_ui_viewer_inspect_attributes_fill__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_fill__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_fill__checkbox-icon svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_fill__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_fill__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_fill__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_fill__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_fill__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_fill__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_fill__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_fill__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_fill__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_fill__input-checkbox label {
  font-family: "worksans", 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_attributes_fill__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_fill__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_fill__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_fill__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_fill__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_fill__input-with-label label {
  font-family: "worksans", 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_attributes_fill__input-with-label input {
  font-family: "worksans", 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_attributes_fill__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_fill__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_fill__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_fill__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_fill__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_fill__modal-hint-base {
  font-family: "worksans", 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_attributes_fill__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_fill__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_fill__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_fill__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_fill__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_fill__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_fill__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_fill__asset-element {
  font-family: "worksans", 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_attributes_fill__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_fill__shortcut-key-base {
  font-family: "worksans", 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_attributes_fill__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_fill__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_fill__mixed-bar {
  font-family: "worksans", 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_attributes_fill__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_fill__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_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_viewer_inspect_attributes_fill__attr-row .attr-label {
  font-family: "worksans", 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_attributes_fill__attr-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_fill__copy-button-children {
  font-family: "worksans", 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_attributes_fill__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_fill__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_fill__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_fill__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_fill__menu-item-base {
  font-family: "worksans", 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_attributes_fill__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_fill__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_fill__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_fill__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_fill__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_fill__select-wrapper {
  font-family: "worksans", 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_attributes_fill__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_fill__attributes-content {
  display: grid;
  gap: 0.25rem;
}
@keyframes main_ui_viewer_inspect_attributes_geometry__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_geometry__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_geometry__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_geometry__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_geometry__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_geometry__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_geometry__button-primary, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn, .main_ui_viewer_inspect_attributes_geometry__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_geometry__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_geometry__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_geometry__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__button-primary svg, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_geometry__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_geometry__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_geometry__button-primary:hover, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-primary:hover svg, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_geometry__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_geometry__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__button-primary:active, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-primary:active svg, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_geometry__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_geometry__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__button-primary.disabled, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_geometry__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_geometry__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_geometry__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_geometry__modal-accept-btn, .main_ui_viewer_inspect_attributes_geometry__button-primary:disabled, .main_ui_viewer_inspect_attributes_geometry__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_geometry__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_geometry__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__button-secondary svg, .main_ui_viewer_inspect_attributes_geometry__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_geometry__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_geometry__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_geometry__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_geometry__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-secondary:active svg, .main_ui_viewer_inspect_attributes_geometry__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_geometry__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__button-secondary.disabled, .main_ui_viewer_inspect_attributes_geometry__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_geometry__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_geometry__modal-cancel-btn, .main_ui_viewer_inspect_attributes_geometry__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-tertiary, .main_ui_viewer_inspect_attributes_geometry__attr-title button, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_geometry__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:focus-visible svg, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_geometry__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__button-tertiary svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button svg, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_geometry__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_geometry__button-tertiary:hover, .main_ui_viewer_inspect_attributes_geometry__attr-title button:hover, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:hover, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:hover svg, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_geometry__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__button-tertiary:active, .main_ui_viewer_inspect_attributes_geometry__attr-title button:active, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:active, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button:active svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:active svg, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_geometry__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_geometry__attr-title button.disabled, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button.disabled, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_geometry__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_geometry__attr-title button[disabled], .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button[disabled], [disabled].main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base, .main_ui_viewer_inspect_attributes_geometry__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_geometry__attr-title button:disabled, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:disabled, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_geometry__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button.disabled svg, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_geometry__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_geometry__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_geometry__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_geometry__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button:disabled svg, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_geometry__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_geometry__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_geometry__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__button-radio svg,
.main_ui_viewer_inspect_attributes_geometry__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_geometry__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_geometry__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_geometry__button-radio:active svg,
.main_ui_viewer_inspect_attributes_geometry__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_geometry__button-icon, .main_ui_viewer_inspect_attributes_geometry__empty-icon svg, .main_ui_viewer_inspect_attributes_geometry__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_geometry__button-icon-small, .main_ui_viewer_inspect_attributes_geometry__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button svg, .main_ui_viewer_inspect_attributes_geometry__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_geometry__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_geometry__input-element span svg,
.main_ui_viewer_inspect_attributes_geometry__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_geometry__button-icon-small, .main_ui_viewer_inspect_attributes_geometry__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_geometry__attr-title button svg, .main_ui_viewer_inspect_attributes_geometry__title-spacing-geometry button svg, .main_ui_viewer_inspect_attributes_geometry__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_geometry__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_geometry__input-element span svg,
.main_ui_viewer_inspect_attributes_geometry__input-element label svg, .main_ui_viewer_inspect_attributes_geometry__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_geometry__input-base, .main_ui_viewer_inspect_attributes_geometry__input-with-label input, .main_ui_viewer_inspect_attributes_geometry__input-element-label input, .main_ui_viewer_inspect_attributes_geometry__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_geometry__input-base[disabled], .main_ui_viewer_inspect_attributes_geometry__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_geometry__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_geometry__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_geometry__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_geometry__input-label, .main_ui_viewer_inspect_attributes_geometry__input-element span,
.main_ui_viewer_inspect_attributes_geometry__input-element label {
  font-family: "worksans", 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_attributes_geometry__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_geometry__input-element span svg,
.main_ui_viewer_inspect_attributes_geometry__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_geometry__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_geometry__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:focus, .main_ui_viewer_inspect_attributes_geometry__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:focus span, .main_ui_viewer_inspect_attributes_geometry__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:focus input, .main_ui_viewer_inspect_attributes_geometry__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_geometry__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_geometry__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_geometry__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_geometry__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_geometry__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_geometry__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_geometry__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_geometry__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_geometry__disabled-input input, .main_ui_viewer_inspect_attributes_geometry__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_geometry__disabled-input span svg, .main_ui_viewer_inspect_attributes_geometry__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_geometry__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_geometry__checkbox-icon svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_geometry__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_geometry__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_geometry__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_geometry__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_geometry__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_geometry__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_geometry__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_geometry__input-checkbox label {
  font-family: "worksans", 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_attributes_geometry__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_geometry__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_geometry__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_geometry__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_geometry__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_geometry__input-with-label label {
  font-family: "worksans", 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_attributes_geometry__input-with-label input {
  font-family: "worksans", 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_attributes_geometry__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_geometry__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_geometry__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_geometry__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_geometry__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_geometry__modal-hint-base {
  font-family: "worksans", 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_attributes_geometry__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_geometry__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_geometry__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_geometry__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_geometry__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_geometry__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_geometry__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_geometry__asset-element {
  font-family: "worksans", 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_attributes_geometry__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_geometry__shortcut-key-base {
  font-family: "worksans", 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_attributes_geometry__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_geometry__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_geometry__mixed-bar {
  font-family: "worksans", 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_attributes_geometry__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_geometry__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_geometry__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_geometry__attr-row .attr-label, .main_ui_viewer_inspect_attributes_geometry__geometry-row .attr-label {
  font-family: "worksans", 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_attributes_geometry__attr-row .attr-value, .main_ui_viewer_inspect_attributes_geometry__geometry-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_geometry__copy-button-children, .main_ui_viewer_inspect_attributes_geometry__button-children {
  font-family: "worksans", 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_attributes_geometry__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_geometry__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_geometry__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_geometry__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_geometry__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_geometry__menu-item-base {
  font-family: "worksans", 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_attributes_geometry__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_geometry__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_geometry__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_geometry__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_geometry__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_geometry__select-wrapper {
  font-family: "worksans", 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_attributes_geometry__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_geometry__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_viewer_inspect_attributes_image__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_image__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_image__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_image__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_image__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_image__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_image__button-primary, .main_ui_viewer_inspect_attributes_image__modal-danger-btn, .main_ui_viewer_inspect_attributes_image__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_image__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_image__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_image__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_image__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_image__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_image__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_image__button-primary svg, .main_ui_viewer_inspect_attributes_image__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_image__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_image__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_image__button-primary:hover, .main_ui_viewer_inspect_attributes_image__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_image__button-primary:hover svg, .main_ui_viewer_inspect_attributes_image__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_image__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_image__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_image__button-primary:active, .main_ui_viewer_inspect_attributes_image__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_image__button-primary:active svg, .main_ui_viewer_inspect_attributes_image__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_image__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_image__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_image__button-primary.disabled, .main_ui_viewer_inspect_attributes_image__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_image__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_image__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_image__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_image__modal-accept-btn, .main_ui_viewer_inspect_attributes_image__button-primary:disabled, .main_ui_viewer_inspect_attributes_image__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_image__button-secondary, .main_ui_viewer_inspect_attributes_image__download-button, .main_ui_viewer_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_viewer_inspect_attributes_image__button-secondary:focus-visible, .main_ui_viewer_inspect_attributes_image__download-button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_image__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_image__download-button:focus-visible svg, .main_ui_viewer_inspect_attributes_image__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_image__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_image__button-secondary svg, .main_ui_viewer_inspect_attributes_image__download-button svg, .main_ui_viewer_inspect_attributes_image__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_image__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_image__button-secondary:hover, .main_ui_viewer_inspect_attributes_image__download-button:hover, .main_ui_viewer_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_viewer_inspect_attributes_image__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_image__download-button:hover svg, .main_ui_viewer_inspect_attributes_image__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_image__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_image__button-secondary:active, .main_ui_viewer_inspect_attributes_image__download-button:active, .main_ui_viewer_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_viewer_inspect_attributes_image__button-secondary:active svg, .main_ui_viewer_inspect_attributes_image__download-button:active svg, .main_ui_viewer_inspect_attributes_image__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_image__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_image__button-secondary.disabled, .main_ui_viewer_inspect_attributes_image__download-button.disabled, .main_ui_viewer_inspect_attributes_image__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_image__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_image__download-button, [disabled].main_ui_viewer_inspect_attributes_image__modal-cancel-btn, .main_ui_viewer_inspect_attributes_image__button-secondary:disabled, .main_ui_viewer_inspect_attributes_image__download-button:disabled, .main_ui_viewer_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_viewer_inspect_attributes_image__button-tertiary, .main_ui_viewer_inspect_attributes_image__attr-title button, .main_ui_viewer_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_viewer_inspect_attributes_image__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_image__attr-title button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_image__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_image__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_image__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_image__button-tertiary svg, .main_ui_viewer_inspect_attributes_image__attr-title button svg, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_image__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_image__button-tertiary:hover, .main_ui_viewer_inspect_attributes_image__attr-title button:hover, .main_ui_viewer_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_viewer_inspect_attributes_image__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_image__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_image__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_image__button-tertiary:active, .main_ui_viewer_inspect_attributes_image__attr-title button:active, .main_ui_viewer_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_viewer_inspect_attributes_image__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_image__attr-title button:active svg, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_image__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_image__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_image__attr-title button.disabled, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_image__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_image__attr-title button[disabled], [disabled].main_ui_viewer_inspect_attributes_image__modal-close-btn-base, .main_ui_viewer_inspect_attributes_image__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_image__attr-title button:disabled, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_image__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_image__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_image__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_image__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_image__attr-title button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_image__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_image__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_image__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_image__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_image__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_image__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_image__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_image__button-radio svg,
.main_ui_viewer_inspect_attributes_image__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_image__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_image__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_image__button-radio:active svg,
.main_ui_viewer_inspect_attributes_image__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_image__button-icon, .main_ui_viewer_inspect_attributes_image__empty-icon svg, .main_ui_viewer_inspect_attributes_image__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_image__button-icon-small, .main_ui_viewer_inspect_attributes_image__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_image__attr-title button svg, .main_ui_viewer_inspect_attributes_image__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_image__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_image__input-element span svg,
.main_ui_viewer_inspect_attributes_image__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_image__button-icon-small, .main_ui_viewer_inspect_attributes_image__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_image__attr-title button svg, .main_ui_viewer_inspect_attributes_image__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_image__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_image__input-element span svg,
.main_ui_viewer_inspect_attributes_image__input-element label svg, .main_ui_viewer_inspect_attributes_image__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_image__input-base, .main_ui_viewer_inspect_attributes_image__input-with-label input, .main_ui_viewer_inspect_attributes_image__input-element-label input, .main_ui_viewer_inspect_attributes_image__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_image__input-base[disabled], .main_ui_viewer_inspect_attributes_image__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_image__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_image__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_image__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_image__input-label, .main_ui_viewer_inspect_attributes_image__input-element span,
.main_ui_viewer_inspect_attributes_image__input-element label {
  font-family: "worksans", 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_attributes_image__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_image__input-element span svg,
.main_ui_viewer_inspect_attributes_image__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_image__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_image__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_image__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_image__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_image__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_image__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_image__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_image__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_image__input-element:focus, .main_ui_viewer_inspect_attributes_image__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_image__input-element:focus span, .main_ui_viewer_inspect_attributes_image__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_image__input-element:focus input, .main_ui_viewer_inspect_attributes_image__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_image__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_image__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_image__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_image__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_image__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_image__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_image__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_image__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_image__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_image__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_image__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_image__disabled-input input, .main_ui_viewer_inspect_attributes_image__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_image__disabled-input span svg, .main_ui_viewer_inspect_attributes_image__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_image__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_image__checkbox-icon svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_image__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_image__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_image__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_image__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_image__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_image__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_image__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_image__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_image__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_image__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_image__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_image__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_image__input-checkbox label {
  font-family: "worksans", 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_attributes_image__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_image__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_image__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_image__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_image__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_image__input-with-label label {
  font-family: "worksans", 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_attributes_image__input-with-label input {
  font-family: "worksans", 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_attributes_image__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_image__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_image__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_image__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_image__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_image__modal-hint-base {
  font-family: "worksans", 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_attributes_image__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_image__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_image__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_image__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_image__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_image__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_image__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_image__asset-element {
  font-family: "worksans", 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_attributes_image__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_image__shortcut-key-base {
  font-family: "worksans", 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_attributes_image__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_image__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_image__mixed-bar {
  font-family: "worksans", 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_attributes_image__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_image__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_image__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_image__attr-row .attr-label, .main_ui_viewer_inspect_attributes_image__image-row .attr-label {
  font-family: "worksans", 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_attributes_image__attr-row .attr-value, .main_ui_viewer_inspect_attributes_image__image-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_image__copy-button-children, .main_ui_viewer_inspect_attributes_image__button-children {
  font-family: "worksans", 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_attributes_image__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_image__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_image__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_image__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_image__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_image__menu-item-base {
  font-family: "worksans", 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_attributes_image__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_image__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_image__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_image__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_image__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_image__select-wrapper {
  font-family: "worksans", 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_attributes_image__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1rem;
}

.main_ui_viewer_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_viewer_inspect_attributes_image__image-wrapper img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.main_ui_viewer_inspect_attributes_image__download-button {
  font-family: "worksans", 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_viewer_inspect_attributes_layout__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_layout__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_layout__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_layout__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_layout__button-primary, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn, .main_ui_viewer_inspect_attributes_layout__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_layout__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_layout__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__button-primary svg, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_layout__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_layout__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_layout__button-primary:hover, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-primary:hover svg, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_layout__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_layout__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__button-primary:active, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-primary:active svg, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_layout__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_layout__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout__button-primary.disabled, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_layout__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_layout__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_layout__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_layout__modal-accept-btn, .main_ui_viewer_inspect_attributes_layout__button-primary:disabled, .main_ui_viewer_inspect_attributes_layout__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_layout__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__button-secondary svg, .main_ui_viewer_inspect_attributes_layout__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_layout__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_layout__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_layout__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_layout__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-secondary:active svg, .main_ui_viewer_inspect_attributes_layout__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_layout__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout__button-secondary.disabled, .main_ui_viewer_inspect_attributes_layout__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_layout__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_layout__modal-cancel-btn, .main_ui_viewer_inspect_attributes_layout__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-tertiary, .main_ui_viewer_inspect_attributes_layout__attr-title button, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_layout__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_layout__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:focus-visible svg, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__button-tertiary svg, .main_ui_viewer_inspect_attributes_layout__attr-title button svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button svg, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_layout__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_layout__button-tertiary:hover, .main_ui_viewer_inspect_attributes_layout__attr-title button:hover, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_layout__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:hover svg, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_layout__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__button-tertiary:active, .main_ui_viewer_inspect_attributes_layout__attr-title button:active, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:active, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_layout__attr-title button:active svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:active svg, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_layout__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_layout__attr-title button.disabled, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button.disabled, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_layout__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_layout__attr-title button[disabled], .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button[disabled], [disabled].main_ui_viewer_inspect_attributes_layout__modal-close-btn-base, .main_ui_viewer_inspect_attributes_layout__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_layout__attr-title button:disabled, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:disabled, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_layout__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_layout__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button.disabled svg, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_layout__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_layout__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_layout__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_layout__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_layout__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_layout__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_layout__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button:disabled svg, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_layout__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_layout__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__button-radio svg,
.main_ui_viewer_inspect_attributes_layout__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_layout__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_layout__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_layout__button-radio:active svg,
.main_ui_viewer_inspect_attributes_layout__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_layout__button-icon, .main_ui_viewer_inspect_attributes_layout__empty-icon svg, .main_ui_viewer_inspect_attributes_layout__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_layout__button-icon-small, .main_ui_viewer_inspect_attributes_layout__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_layout__attr-title button svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button svg, .main_ui_viewer_inspect_attributes_layout__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_layout__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_layout__input-element span svg,
.main_ui_viewer_inspect_attributes_layout__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_layout__button-icon-small, .main_ui_viewer_inspect_attributes_layout__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_layout__attr-title button svg, .main_ui_viewer_inspect_attributes_layout__title-spacing-layout button svg, .main_ui_viewer_inspect_attributes_layout__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_layout__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_layout__input-element span svg,
.main_ui_viewer_inspect_attributes_layout__input-element label svg, .main_ui_viewer_inspect_attributes_layout__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_layout__input-base, .main_ui_viewer_inspect_attributes_layout__input-with-label input, .main_ui_viewer_inspect_attributes_layout__input-element-label input, .main_ui_viewer_inspect_attributes_layout__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_layout__input-base[disabled], .main_ui_viewer_inspect_attributes_layout__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_layout__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_layout__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_layout__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_layout__input-label, .main_ui_viewer_inspect_attributes_layout__input-element span,
.main_ui_viewer_inspect_attributes_layout__input-element label {
  font-family: "worksans", 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_attributes_layout__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_layout__input-element span svg,
.main_ui_viewer_inspect_attributes_layout__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_layout__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout__input-element:focus, .main_ui_viewer_inspect_attributes_layout__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__input-element:focus span, .main_ui_viewer_inspect_attributes_layout__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__input-element:focus input, .main_ui_viewer_inspect_attributes_layout__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_layout__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_layout__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_layout__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_layout__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_layout__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_layout__disabled-input input, .main_ui_viewer_inspect_attributes_layout__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_layout__disabled-input span svg, .main_ui_viewer_inspect_attributes_layout__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_layout__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_layout__checkbox-icon svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_layout__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_layout__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_layout__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_layout__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_layout__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_layout__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_layout__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_layout__input-checkbox label {
  font-family: "worksans", 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_attributes_layout__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_layout__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_layout__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_layout__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_layout__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_layout__input-with-label label {
  font-family: "worksans", 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_attributes_layout__input-with-label input {
  font-family: "worksans", 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_attributes_layout__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_layout__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_layout__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_layout__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_layout__modal-hint-base {
  font-family: "worksans", 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_attributes_layout__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_layout__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_layout__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_layout__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_layout__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_layout__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_layout__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_layout__asset-element {
  font-family: "worksans", 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_attributes_layout__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_layout__shortcut-key-base {
  font-family: "worksans", 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_attributes_layout__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_layout__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_layout__mixed-bar {
  font-family: "worksans", 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_attributes_layout__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_layout__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_layout__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_layout__attr-row .attr-label, .main_ui_viewer_inspect_attributes_layout__layout-row .attr-label {
  font-family: "worksans", 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_attributes_layout__attr-row .attr-value, .main_ui_viewer_inspect_attributes_layout__layout-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_layout__copy-button-children, .main_ui_viewer_inspect_attributes_layout__button-children {
  font-family: "worksans", 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_attributes_layout__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_layout__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_layout__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_layout__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_layout__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_layout__menu-item-base {
  font-family: "worksans", 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_attributes_layout__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_layout__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_layout__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_layout__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_layout__select-wrapper {
  font-family: "worksans", 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_attributes_layout__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_layout__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_viewer_inspect_attributes_layout_element__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_layout_element__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_layout_element__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout_element__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout_element__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_layout_element__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_layout_element__button-primary, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn, .main_ui_viewer_inspect_attributes_layout_element__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_layout_element__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_layout_element__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout_element__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__button-primary svg, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_layout_element__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_layout_element__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_layout_element__button-primary:hover, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-primary:hover svg, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_layout_element__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_layout_element__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__button-primary:active, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-primary:active svg, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_layout_element__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_layout_element__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__button-primary.disabled, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_layout_element__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_layout_element__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_layout_element__modal-accept-btn, .main_ui_viewer_inspect_attributes_layout_element__button-primary:disabled, .main_ui_viewer_inspect_attributes_layout_element__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_layout_element__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout_element__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__button-secondary svg, .main_ui_viewer_inspect_attributes_layout_element__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_layout_element__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_layout_element__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_layout_element__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_layout_element__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-secondary:active svg, .main_ui_viewer_inspect_attributes_layout_element__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_layout_element__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__button-secondary.disabled, .main_ui_viewer_inspect_attributes_layout_element__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_layout_element__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_layout_element__modal-cancel-btn, .main_ui_viewer_inspect_attributes_layout_element__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-tertiary, .main_ui_viewer_inspect_attributes_layout_element__attr-title button, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:focus-visible svg, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button svg, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary:hover, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:hover, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:hover svg, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary:active, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:active, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:active, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:active svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:active svg, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_layout_element__attr-title button.disabled, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button.disabled, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_layout_element__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_layout_element__attr-title button[disabled], .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button[disabled], [disabled].main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base, .main_ui_viewer_inspect_attributes_layout_element__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:disabled, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:disabled, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button.disabled svg, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_layout_element__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_layout_element__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button:disabled svg, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_layout_element__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_layout_element__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_layout_element__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__button-radio svg,
.main_ui_viewer_inspect_attributes_layout_element__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_layout_element__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-radio:active svg,
.main_ui_viewer_inspect_attributes_layout_element__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_layout_element__button-icon, .main_ui_viewer_inspect_attributes_layout_element__empty-icon svg, .main_ui_viewer_inspect_attributes_layout_element__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_layout_element__button-icon-small, .main_ui_viewer_inspect_attributes_layout_element__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button svg, .main_ui_viewer_inspect_attributes_layout_element__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_layout_element__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_layout_element__input-element span svg,
.main_ui_viewer_inspect_attributes_layout_element__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__button-icon-small, .main_ui_viewer_inspect_attributes_layout_element__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_layout_element__attr-title button svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button svg, .main_ui_viewer_inspect_attributes_layout_element__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_layout_element__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_layout_element__input-element span svg,
.main_ui_viewer_inspect_attributes_layout_element__input-element label svg, .main_ui_viewer_inspect_attributes_layout_element__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_layout_element__input-base, .main_ui_viewer_inspect_attributes_layout_element__input-with-label input, .main_ui_viewer_inspect_attributes_layout_element__input-element-label input, .main_ui_viewer_inspect_attributes_layout_element__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_layout_element__input-base[disabled], .main_ui_viewer_inspect_attributes_layout_element__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_layout_element__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_layout_element__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_layout_element__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_layout_element__input-label, .main_ui_viewer_inspect_attributes_layout_element__input-element span,
.main_ui_viewer_inspect_attributes_layout_element__input-element label {
  font-family: "worksans", 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_attributes_layout_element__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_layout_element__input-element span svg,
.main_ui_viewer_inspect_attributes_layout_element__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:focus, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__input-element:focus span, .main_ui_viewer_inspect_attributes_layout_element__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:focus input, .main_ui_viewer_inspect_attributes_layout_element__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_layout_element__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_layout_element__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_layout_element__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_layout_element__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__disabled-input input, .main_ui_viewer_inspect_attributes_layout_element__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_layout_element__disabled-input span svg, .main_ui_viewer_inspect_attributes_layout_element__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_layout_element__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__checkbox-icon svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout_element__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_layout_element__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_layout_element__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_layout_element__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_layout_element__input-checkbox label {
  font-family: "worksans", 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_attributes_layout_element__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_layout_element__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_layout_element__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_layout_element__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_layout_element__input-with-label label {
  font-family: "worksans", 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_attributes_layout_element__input-with-label input {
  font-family: "worksans", 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_attributes_layout_element__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_layout_element__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_layout_element__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_layout_element__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_layout_element__modal-hint-base {
  font-family: "worksans", 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_attributes_layout_element__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_layout_element__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_layout_element__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_layout_element__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_layout_element__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_layout_element__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_layout_element__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_layout_element__asset-element {
  font-family: "worksans", 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_attributes_layout_element__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

.main_ui_viewer_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_viewer_inspect_attributes_layout_element__shortcut-key-base {
  font-family: "worksans", 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_attributes_layout_element__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_layout_element__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_layout_element__mixed-bar {
  font-family: "worksans", 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_attributes_layout_element__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_layout_element__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

.main_ui_viewer_inspect_attributes_layout_element__attr-title div, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element div {
  margin-left: 0;
  color: var(--entry-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_layout_element__attr-title button, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button {
  display: none;
}
.main_ui_viewer_inspect_attributes_layout_element__attr-title button svg, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element button svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_layout_element__attr-title:hover button, .main_ui_viewer_inspect_attributes_layout_element__title-spacing-layout-element:hover button {
  display: flex;
}

.main_ui_viewer_inspect_attributes_layout_element__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_layout_element__attr-row .attr-label, .main_ui_viewer_inspect_attributes_layout_element__layout-element-row .attr-label {
  font-family: "worksans", 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_attributes_layout_element__attr-row .attr-value, .main_ui_viewer_inspect_attributes_layout_element__layout-element-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_layout_element__copy-button-children, .main_ui_viewer_inspect_attributes_layout_element__button-children {
  font-family: "worksans", 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_attributes_layout_element__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_layout_element__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_layout_element__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_layout_element__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_layout_element__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_layout_element__menu-item-base {
  font-family: "worksans", 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_attributes_layout_element__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_layout_element__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_layout_element__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_layout_element__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_layout_element__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_layout_element__select-wrapper {
  font-family: "worksans", 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_attributes_layout_element__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_layout_element__copy-btn-title {
  max-width: 1.75rem;
}
@keyframes main_ui_viewer_inspect_attributes_shadow__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_shadow__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_shadow__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_shadow__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_shadow__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_shadow__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_shadow__button-primary, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn, .main_ui_viewer_inspect_attributes_shadow__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_shadow__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_shadow__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_shadow__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__button-primary svg, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_shadow__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_shadow__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_shadow__button-primary:hover, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-primary:hover svg, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_shadow__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_shadow__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__button-primary:active, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-primary:active svg, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_shadow__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_shadow__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__button-primary.disabled, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_shadow__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_shadow__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_shadow__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_shadow__modal-accept-btn, .main_ui_viewer_inspect_attributes_shadow__button-primary:disabled, .main_ui_viewer_inspect_attributes_shadow__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_shadow__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_shadow__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__button-secondary svg, .main_ui_viewer_inspect_attributes_shadow__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_shadow__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_shadow__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_shadow__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_shadow__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-secondary:active svg, .main_ui_viewer_inspect_attributes_shadow__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_shadow__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__button-secondary.disabled, .main_ui_viewer_inspect_attributes_shadow__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_shadow__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_shadow__modal-cancel-btn, .main_ui_viewer_inspect_attributes_shadow__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-tertiary, .main_ui_viewer_inspect_attributes_shadow__attr-title button, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_shadow__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:focus-visible svg, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_shadow__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__button-tertiary svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button svg, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_shadow__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_shadow__button-tertiary:hover, .main_ui_viewer_inspect_attributes_shadow__attr-title button:hover, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:hover, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:hover svg, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_shadow__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__button-tertiary:active, .main_ui_viewer_inspect_attributes_shadow__attr-title button:active, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:active, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button:active svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:active svg, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_shadow__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_shadow__attr-title button.disabled, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button.disabled, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_shadow__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_shadow__attr-title button[disabled], .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button[disabled], [disabled].main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base, .main_ui_viewer_inspect_attributes_shadow__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_shadow__attr-title button:disabled, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:disabled, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_shadow__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button.disabled svg, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_shadow__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_shadow__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_shadow__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_shadow__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button:disabled svg, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_shadow__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_shadow__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_shadow__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__button-radio svg,
.main_ui_viewer_inspect_attributes_shadow__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_shadow__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_shadow__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_shadow__button-radio:active svg,
.main_ui_viewer_inspect_attributes_shadow__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_shadow__button-icon, .main_ui_viewer_inspect_attributes_shadow__empty-icon svg, .main_ui_viewer_inspect_attributes_shadow__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_shadow__button-icon-small, .main_ui_viewer_inspect_attributes_shadow__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button svg, .main_ui_viewer_inspect_attributes_shadow__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_shadow__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_shadow__input-element span svg,
.main_ui_viewer_inspect_attributes_shadow__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_shadow__button-icon-small, .main_ui_viewer_inspect_attributes_shadow__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_shadow__attr-title button svg, .main_ui_viewer_inspect_attributes_shadow__title-spacing-shadow button svg, .main_ui_viewer_inspect_attributes_shadow__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_shadow__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_shadow__input-element span svg,
.main_ui_viewer_inspect_attributes_shadow__input-element label svg, .main_ui_viewer_inspect_attributes_shadow__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_shadow__input-base, .main_ui_viewer_inspect_attributes_shadow__input-with-label input, .main_ui_viewer_inspect_attributes_shadow__input-element-label input, .main_ui_viewer_inspect_attributes_shadow__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_shadow__input-base[disabled], .main_ui_viewer_inspect_attributes_shadow__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_shadow__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_shadow__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_shadow__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_shadow__input-label, .main_ui_viewer_inspect_attributes_shadow__input-element span,
.main_ui_viewer_inspect_attributes_shadow__input-element label {
  font-family: "worksans", 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_attributes_shadow__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_shadow__input-element span svg,
.main_ui_viewer_inspect_attributes_shadow__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_shadow__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_shadow__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:focus, .main_ui_viewer_inspect_attributes_shadow__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:focus span, .main_ui_viewer_inspect_attributes_shadow__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:focus input, .main_ui_viewer_inspect_attributes_shadow__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_shadow__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_shadow__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_shadow__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_shadow__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_shadow__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_shadow__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_shadow__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_shadow__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_shadow__disabled-input input, .main_ui_viewer_inspect_attributes_shadow__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_shadow__disabled-input span svg, .main_ui_viewer_inspect_attributes_shadow__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_shadow__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_shadow__checkbox-icon svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_shadow__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_shadow__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_shadow__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_shadow__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_shadow__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_shadow__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_shadow__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_shadow__input-checkbox label {
  font-family: "worksans", 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_attributes_shadow__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_shadow__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_shadow__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_shadow__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_shadow__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_shadow__input-with-label label {
  font-family: "worksans", 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_attributes_shadow__input-with-label input {
  font-family: "worksans", 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_attributes_shadow__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_shadow__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_shadow__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_shadow__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_shadow__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_shadow__modal-hint-base {
  font-family: "worksans", 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_attributes_shadow__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_shadow__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_shadow__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_shadow__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_shadow__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_shadow__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_shadow__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_shadow__asset-element {
  font-family: "worksans", 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_attributes_shadow__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_shadow__shortcut-key-base {
  font-family: "worksans", 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_attributes_shadow__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_shadow__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_shadow__mixed-bar {
  font-family: "worksans", 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_attributes_shadow__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_shadow__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_shadow__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_shadow__attr-row .attr-label, .main_ui_viewer_inspect_attributes_shadow__shadow-row .attr-label {
  font-family: "worksans", 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_attributes_shadow__attr-row .attr-value, .main_ui_viewer_inspect_attributes_shadow__shadow-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_shadow__copy-button-children, .main_ui_viewer_inspect_attributes_shadow__button-children {
  font-family: "worksans", 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_attributes_shadow__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_shadow__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_shadow__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_shadow__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_shadow__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_shadow__menu-item-base {
  font-family: "worksans", 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_attributes_shadow__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_shadow__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_shadow__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_shadow__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_shadow__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_shadow__select-wrapper {
  font-family: "worksans", 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_attributes_shadow__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
@keyframes main_ui_viewer_inspect_attributes_stroke__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_stroke__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_stroke__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_stroke__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_stroke__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_stroke__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_stroke__button-primary, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn, .main_ui_viewer_inspect_attributes_stroke__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_stroke__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_stroke__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_stroke__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__button-primary svg, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_stroke__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_stroke__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_stroke__button-primary:hover, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-primary:hover svg, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_stroke__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_stroke__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__button-primary:active, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-primary:active svg, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_stroke__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_stroke__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__button-primary.disabled, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_stroke__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_stroke__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_stroke__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_stroke__modal-accept-btn, .main_ui_viewer_inspect_attributes_stroke__button-primary:disabled, .main_ui_viewer_inspect_attributes_stroke__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_stroke__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_stroke__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__button-secondary svg, .main_ui_viewer_inspect_attributes_stroke__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_stroke__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_stroke__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_stroke__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_stroke__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-secondary:active svg, .main_ui_viewer_inspect_attributes_stroke__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_stroke__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__button-secondary.disabled, .main_ui_viewer_inspect_attributes_stroke__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_stroke__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_stroke__modal-cancel-btn, .main_ui_viewer_inspect_attributes_stroke__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-tertiary, .main_ui_viewer_inspect_attributes_stroke__attr-title button, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_stroke__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:focus-visible svg, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_stroke__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__button-tertiary svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button svg, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_stroke__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_stroke__button-tertiary:hover, .main_ui_viewer_inspect_attributes_stroke__attr-title button:hover, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:hover, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:hover svg, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_stroke__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__button-tertiary:active, .main_ui_viewer_inspect_attributes_stroke__attr-title button:active, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:active, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button:active svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:active svg, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_stroke__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_stroke__attr-title button.disabled, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button.disabled, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_stroke__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_stroke__attr-title button[disabled], .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button[disabled], [disabled].main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base, .main_ui_viewer_inspect_attributes_stroke__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_stroke__attr-title button:disabled, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:disabled, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_stroke__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button.disabled svg, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_stroke__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_stroke__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_stroke__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_stroke__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button:disabled svg, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_stroke__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_stroke__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_stroke__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__button-radio svg,
.main_ui_viewer_inspect_attributes_stroke__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_stroke__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_stroke__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_stroke__button-radio:active svg,
.main_ui_viewer_inspect_attributes_stroke__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_stroke__button-icon, .main_ui_viewer_inspect_attributes_stroke__empty-icon svg, .main_ui_viewer_inspect_attributes_stroke__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_stroke__button-icon-small, .main_ui_viewer_inspect_attributes_stroke__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button svg, .main_ui_viewer_inspect_attributes_stroke__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_stroke__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_stroke__input-element span svg,
.main_ui_viewer_inspect_attributes_stroke__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_stroke__button-icon-small, .main_ui_viewer_inspect_attributes_stroke__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_stroke__attr-title button svg, .main_ui_viewer_inspect_attributes_stroke__title-spacing-stroke button svg, .main_ui_viewer_inspect_attributes_stroke__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_stroke__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_stroke__input-element span svg,
.main_ui_viewer_inspect_attributes_stroke__input-element label svg, .main_ui_viewer_inspect_attributes_stroke__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_stroke__input-base, .main_ui_viewer_inspect_attributes_stroke__input-with-label input, .main_ui_viewer_inspect_attributes_stroke__input-element-label input, .main_ui_viewer_inspect_attributes_stroke__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_stroke__input-base[disabled], .main_ui_viewer_inspect_attributes_stroke__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_stroke__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_stroke__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_stroke__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_stroke__input-label, .main_ui_viewer_inspect_attributes_stroke__input-element span,
.main_ui_viewer_inspect_attributes_stroke__input-element label {
  font-family: "worksans", 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_attributes_stroke__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_stroke__input-element span svg,
.main_ui_viewer_inspect_attributes_stroke__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_stroke__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_stroke__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:focus, .main_ui_viewer_inspect_attributes_stroke__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:focus span, .main_ui_viewer_inspect_attributes_stroke__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:focus input, .main_ui_viewer_inspect_attributes_stroke__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_stroke__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_stroke__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_stroke__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_stroke__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_stroke__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_stroke__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_stroke__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_stroke__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_stroke__disabled-input input, .main_ui_viewer_inspect_attributes_stroke__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_stroke__disabled-input span svg, .main_ui_viewer_inspect_attributes_stroke__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_stroke__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_stroke__checkbox-icon svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_stroke__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_stroke__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_stroke__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_stroke__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_stroke__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_stroke__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_stroke__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_stroke__input-checkbox label {
  font-family: "worksans", 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_attributes_stroke__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_stroke__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_stroke__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_stroke__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_stroke__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_stroke__input-with-label label {
  font-family: "worksans", 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_attributes_stroke__input-with-label input {
  font-family: "worksans", 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_attributes_stroke__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_stroke__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_stroke__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_stroke__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_stroke__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_stroke__modal-hint-base {
  font-family: "worksans", 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_attributes_stroke__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_stroke__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_stroke__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_stroke__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_stroke__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_stroke__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_stroke__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_stroke__asset-element {
  font-family: "worksans", 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_attributes_stroke__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_stroke__shortcut-key-base {
  font-family: "worksans", 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_attributes_stroke__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_stroke__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_stroke__mixed-bar {
  font-family: "worksans", 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_attributes_stroke__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_stroke__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_stroke__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_stroke__attr-row .attr-label, .main_ui_viewer_inspect_attributes_stroke__stroke-row .attr-label {
  font-family: "worksans", 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_attributes_stroke__attr-row .attr-value, .main_ui_viewer_inspect_attributes_stroke__stroke-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_stroke__copy-button-children, .main_ui_viewer_inspect_attributes_stroke__button-children {
  font-family: "worksans", 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_attributes_stroke__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_stroke__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_stroke__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_stroke__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_stroke__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_stroke__menu-item-base {
  font-family: "worksans", 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_attributes_stroke__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_stroke__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_stroke__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_stroke__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_stroke__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_stroke__select-wrapper {
  font-family: "worksans", 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_attributes_stroke__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_stroke__attributes-stroke-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_stroke__attributes-content {
  display: grid;
  gap: 0.25rem;
}
@keyframes main_ui_viewer_inspect_attributes_svg__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_svg__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_svg__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_svg__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_svg__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_svg__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_svg__button-primary, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn, .main_ui_viewer_inspect_attributes_svg__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_svg__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_svg__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_svg__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__button-primary svg, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_svg__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_svg__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_svg__button-primary:hover, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-primary:hover svg, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_svg__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_svg__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__button-primary:active, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-primary:active svg, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_svg__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_svg__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_svg__button-primary.disabled, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_svg__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_svg__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_svg__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_svg__modal-accept-btn, .main_ui_viewer_inspect_attributes_svg__button-primary:disabled, .main_ui_viewer_inspect_attributes_svg__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_svg__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_svg__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__button-secondary svg, .main_ui_viewer_inspect_attributes_svg__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_svg__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_svg__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_svg__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_svg__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-secondary:active svg, .main_ui_viewer_inspect_attributes_svg__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_svg__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_svg__button-secondary.disabled, .main_ui_viewer_inspect_attributes_svg__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_svg__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_svg__modal-cancel-btn, .main_ui_viewer_inspect_attributes_svg__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-tertiary, .main_ui_viewer_inspect_attributes_svg__attr-title button, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_svg__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_svg__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:focus-visible svg, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_svg__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__button-tertiary svg, .main_ui_viewer_inspect_attributes_svg__attr-title button svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button svg, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_svg__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_svg__button-tertiary:hover, .main_ui_viewer_inspect_attributes_svg__attr-title button:hover, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:hover, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_svg__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:hover svg, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_svg__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__button-tertiary:active, .main_ui_viewer_inspect_attributes_svg__attr-title button:active, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:active, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_svg__attr-title button:active svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:active svg, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_svg__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_svg__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_svg__attr-title button.disabled, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button.disabled, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_svg__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_svg__attr-title button[disabled], .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button[disabled], [disabled].main_ui_viewer_inspect_attributes_svg__modal-close-btn-base, .main_ui_viewer_inspect_attributes_svg__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_svg__attr-title button:disabled, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:disabled, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_svg__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_svg__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button.disabled svg, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_svg__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_svg__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_svg__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_svg__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_svg__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_svg__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_svg__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button:disabled svg, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_svg__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_svg__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_svg__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__button-radio svg,
.main_ui_viewer_inspect_attributes_svg__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_svg__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_svg__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_svg__button-radio:active svg,
.main_ui_viewer_inspect_attributes_svg__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_svg__button-icon, .main_ui_viewer_inspect_attributes_svg__empty-icon svg, .main_ui_viewer_inspect_attributes_svg__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_svg__button-icon-small, .main_ui_viewer_inspect_attributes_svg__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_svg__attr-title button svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button svg, .main_ui_viewer_inspect_attributes_svg__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_svg__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_svg__input-element span svg,
.main_ui_viewer_inspect_attributes_svg__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_svg__button-icon-small, .main_ui_viewer_inspect_attributes_svg__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_svg__attr-title button svg, .main_ui_viewer_inspect_attributes_svg__title-spacing-svg button svg, .main_ui_viewer_inspect_attributes_svg__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_svg__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_svg__input-element span svg,
.main_ui_viewer_inspect_attributes_svg__input-element label svg, .main_ui_viewer_inspect_attributes_svg__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_svg__input-base, .main_ui_viewer_inspect_attributes_svg__input-with-label input, .main_ui_viewer_inspect_attributes_svg__input-element-label input, .main_ui_viewer_inspect_attributes_svg__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_svg__input-base[disabled], .main_ui_viewer_inspect_attributes_svg__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_svg__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_svg__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_svg__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_svg__input-label, .main_ui_viewer_inspect_attributes_svg__input-element span,
.main_ui_viewer_inspect_attributes_svg__input-element label {
  font-family: "worksans", 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_attributes_svg__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_svg__input-element span svg,
.main_ui_viewer_inspect_attributes_svg__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_svg__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_svg__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_svg__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_svg__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_svg__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_svg__input-element:focus, .main_ui_viewer_inspect_attributes_svg__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__input-element:focus span, .main_ui_viewer_inspect_attributes_svg__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__input-element:focus input, .main_ui_viewer_inspect_attributes_svg__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_svg__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_svg__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_svg__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_svg__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_svg__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_svg__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_svg__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_svg__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_svg__disabled-input input, .main_ui_viewer_inspect_attributes_svg__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_svg__disabled-input span svg, .main_ui_viewer_inspect_attributes_svg__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_svg__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_svg__checkbox-icon svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_svg__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_svg__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_svg__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_svg__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_svg__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_svg__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_svg__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_svg__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_svg__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_svg__input-checkbox label {
  font-family: "worksans", 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_attributes_svg__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_svg__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_svg__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_svg__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_svg__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_svg__input-with-label label {
  font-family: "worksans", 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_attributes_svg__input-with-label input {
  font-family: "worksans", 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_attributes_svg__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_svg__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_svg__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_svg__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_svg__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_svg__modal-hint-base {
  font-family: "worksans", 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_attributes_svg__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_svg__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_svg__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_svg__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_svg__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_svg__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_svg__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_svg__asset-element {
  font-family: "worksans", 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_attributes_svg__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_svg__shortcut-key-base {
  font-family: "worksans", 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_attributes_svg__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_svg__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_svg__mixed-bar {
  font-family: "worksans", 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_attributes_svg__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_svg__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_svg__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_svg__attr-row .attr-label, .main_ui_viewer_inspect_attributes_svg__svg-row .attr-label {
  font-family: "worksans", 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_attributes_svg__attr-row .attr-value, .main_ui_viewer_inspect_attributes_svg__svg-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_svg__copy-button-children, .main_ui_viewer_inspect_attributes_svg__button-children {
  font-family: "worksans", 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_attributes_svg__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_svg__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_svg__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_svg__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_svg__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_svg__menu-item-base {
  font-family: "worksans", 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_attributes_svg__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_svg__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_svg__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_svg__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_svg__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_svg__select-wrapper {
  font-family: "worksans", 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_attributes_svg__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_svg__attributes-subtitle {
  font-family: "worksans", 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_viewer_inspect_attributes_svg__attributes-subtitle span {
  height: 2rem;
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_svg__attributes-subtitle button {
  display: none;
}
.main_ui_viewer_inspect_attributes_svg__attributes-subtitle:hover button {
  display: block;
}
@keyframes main_ui_viewer_inspect_attributes_text__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_viewer_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_viewer_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_viewer_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_viewer_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_viewer_inspect_attributes_text__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_viewer_inspect_attributes_text__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_text__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_viewer_inspect_attributes_text__new-scrollbar ::placeholder,
.main_ui_viewer_inspect_attributes_text__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_viewer_inspect_attributes_text__button-primary, .main_ui_viewer_inspect_attributes_text__modal-danger-btn, .main_ui_viewer_inspect_attributes_text__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_text__button-primary:focus-visible, .main_ui_viewer_inspect_attributes_text__modal-danger-btn:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_text__button-primary:focus-visible svg, .main_ui_viewer_inspect_attributes_text__modal-danger-btn:focus-visible svg, .main_ui_viewer_inspect_attributes_text__modal-accept-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_text__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_text__button-primary svg, .main_ui_viewer_inspect_attributes_text__modal-danger-btn svg, .main_ui_viewer_inspect_attributes_text__modal-accept-btn svg,
.main_ui_viewer_inspect_attributes_text__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_text__button-primary:hover, .main_ui_viewer_inspect_attributes_text__modal-danger-btn:hover, .main_ui_viewer_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_viewer_inspect_attributes_text__button-primary:hover svg, .main_ui_viewer_inspect_attributes_text__modal-danger-btn:hover svg, .main_ui_viewer_inspect_attributes_text__modal-accept-btn:hover svg,
.main_ui_viewer_inspect_attributes_text__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_text__button-primary:active, .main_ui_viewer_inspect_attributes_text__modal-danger-btn:active, .main_ui_viewer_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_viewer_inspect_attributes_text__button-primary:active svg, .main_ui_viewer_inspect_attributes_text__modal-danger-btn:active svg, .main_ui_viewer_inspect_attributes_text__modal-accept-btn:active svg,
.main_ui_viewer_inspect_attributes_text__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_text__button-primary.disabled, .main_ui_viewer_inspect_attributes_text__modal-danger-btn.disabled, .main_ui_viewer_inspect_attributes_text__modal-accept-btn.disabled, .main_ui_viewer_inspect_attributes_text__button-primary[disabled], [disabled].main_ui_viewer_inspect_attributes_text__modal-danger-btn, [disabled].main_ui_viewer_inspect_attributes_text__modal-accept-btn, .main_ui_viewer_inspect_attributes_text__button-primary:disabled, .main_ui_viewer_inspect_attributes_text__modal-danger-btn:disabled, .main_ui_viewer_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_viewer_inspect_attributes_text__button-secondary, .main_ui_viewer_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_viewer_inspect_attributes_text__button-secondary:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_text__button-secondary:focus-visible svg, .main_ui_viewer_inspect_attributes_text__modal-cancel-btn:focus-visible svg,
.main_ui_viewer_inspect_attributes_text__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_text__button-secondary svg, .main_ui_viewer_inspect_attributes_text__modal-cancel-btn svg,
.main_ui_viewer_inspect_attributes_text__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_text__button-secondary:hover, .main_ui_viewer_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_viewer_inspect_attributes_text__button-secondary:hover svg, .main_ui_viewer_inspect_attributes_text__modal-cancel-btn:hover svg,
.main_ui_viewer_inspect_attributes_text__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_text__button-secondary:active, .main_ui_viewer_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_viewer_inspect_attributes_text__button-secondary:active svg, .main_ui_viewer_inspect_attributes_text__modal-cancel-btn:active svg,
.main_ui_viewer_inspect_attributes_text__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_text__button-secondary.disabled, .main_ui_viewer_inspect_attributes_text__modal-cancel-btn.disabled, .main_ui_viewer_inspect_attributes_text__button-secondary[disabled], [disabled].main_ui_viewer_inspect_attributes_text__modal-cancel-btn, .main_ui_viewer_inspect_attributes_text__button-secondary:disabled, .main_ui_viewer_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_viewer_inspect_attributes_text__button-tertiary, .main_ui_viewer_inspect_attributes_text__attr-title button, .main_ui_viewer_inspect_attributes_text__title-spacing-text button, .main_ui_viewer_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_viewer_inspect_attributes_text__button-tertiary:focus-visible, .main_ui_viewer_inspect_attributes_text__attr-title button:focus-visible, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:focus-visible, .main_ui_viewer_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_viewer_inspect_attributes_text__button-tertiary:focus-visible svg, .main_ui_viewer_inspect_attributes_text__attr-title button:focus-visible svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:focus-visible svg, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base:focus-visible svg,
.main_ui_viewer_inspect_attributes_text__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_text__button-tertiary svg, .main_ui_viewer_inspect_attributes_text__attr-title button svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button svg, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_text__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_viewer_inspect_attributes_text__button-tertiary:hover, .main_ui_viewer_inspect_attributes_text__attr-title button:hover, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:hover, .main_ui_viewer_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_viewer_inspect_attributes_text__button-tertiary:hover svg, .main_ui_viewer_inspect_attributes_text__attr-title button:hover svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:hover svg, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base:hover svg,
.main_ui_viewer_inspect_attributes_text__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_text__button-tertiary:active, .main_ui_viewer_inspect_attributes_text__attr-title button:active, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:active, .main_ui_viewer_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_viewer_inspect_attributes_text__button-tertiary:active svg, .main_ui_viewer_inspect_attributes_text__attr-title button:active svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:active svg, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base:active svg,
.main_ui_viewer_inspect_attributes_text__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_text__button-tertiary.disabled, .main_ui_viewer_inspect_attributes_text__attr-title button.disabled, .main_ui_viewer_inspect_attributes_text__title-spacing-text button.disabled, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base.disabled, .main_ui_viewer_inspect_attributes_text__button-tertiary[disabled], .main_ui_viewer_inspect_attributes_text__attr-title button[disabled], .main_ui_viewer_inspect_attributes_text__title-spacing-text button[disabled], [disabled].main_ui_viewer_inspect_attributes_text__modal-close-btn-base, .main_ui_viewer_inspect_attributes_text__button-tertiary:disabled, .main_ui_viewer_inspect_attributes_text__attr-title button:disabled, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:disabled, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_viewer_inspect_attributes_text__button-tertiary.disabled svg, .main_ui_viewer_inspect_attributes_text__attr-title button.disabled svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button.disabled svg, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base.disabled svg,
.main_ui_viewer_inspect_attributes_text__button-tertiary.disabled span svg, .main_ui_viewer_inspect_attributes_text__button-tertiary[disabled] svg, .main_ui_viewer_inspect_attributes_text__attr-title button[disabled] svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button[disabled] svg, [disabled].main_ui_viewer_inspect_attributes_text__modal-close-btn-base svg,
.main_ui_viewer_inspect_attributes_text__button-tertiary[disabled] span svg, .main_ui_viewer_inspect_attributes_text__button-tertiary:disabled svg, .main_ui_viewer_inspect_attributes_text__attr-title button:disabled svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button:disabled svg, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base:disabled svg,
.main_ui_viewer_inspect_attributes_text__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_text__button-radio:focus-visible svg,
.main_ui_viewer_inspect_attributes_text__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_text__button-radio svg,
.main_ui_viewer_inspect_attributes_text__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_viewer_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_viewer_inspect_attributes_text__button-radio:hover svg,
.main_ui_viewer_inspect_attributes_text__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_viewer_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_viewer_inspect_attributes_text__button-radio:active svg,
.main_ui_viewer_inspect_attributes_text__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_viewer_inspect_attributes_text__button-icon, .main_ui_viewer_inspect_attributes_text__empty-icon svg, .main_ui_viewer_inspect_attributes_text__modal-close-btn-base svg, .main_ui_viewer_inspect_attributes_text__button-icon-small, .main_ui_viewer_inspect_attributes_text__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_text__attr-title button svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button svg, .main_ui_viewer_inspect_attributes_text__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_text__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_text__input-element span svg,
.main_ui_viewer_inspect_attributes_text__input-element label svg, .main_ui_viewer_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_viewer_inspect_attributes_text__button-icon-small, .main_ui_viewer_inspect_attributes_text__dropdown-element-base span svg, .main_ui_viewer_inspect_attributes_text__attr-title button svg, .main_ui_viewer_inspect_attributes_text__title-spacing-text button svg, .main_ui_viewer_inspect_attributes_text__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span.intermediate svg, .main_ui_viewer_inspect_attributes_text__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span.checked svg, .main_ui_viewer_inspect_attributes_text__input-element span svg,
.main_ui_viewer_inspect_attributes_text__input-element label svg, .main_ui_viewer_inspect_attributes_text__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_viewer_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_viewer_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_viewer_inspect_attributes_text__input-base, .main_ui_viewer_inspect_attributes_text__input-with-label input, .main_ui_viewer_inspect_attributes_text__input-element-label input, .main_ui_viewer_inspect_attributes_text__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_attributes_text__input-base[disabled], .main_ui_viewer_inspect_attributes_text__input-with-label input[disabled], .main_ui_viewer_inspect_attributes_text__input-element-label input[disabled], .main_ui_viewer_inspect_attributes_text__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_viewer_inspect_attributes_text__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_viewer_inspect_attributes_text__input-label, .main_ui_viewer_inspect_attributes_text__input-element span,
.main_ui_viewer_inspect_attributes_text__input-element label {
  font-family: "worksans", 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_attributes_text__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_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_viewer_inspect_attributes_text__input-element span svg,
.main_ui_viewer_inspect_attributes_text__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_viewer_inspect_attributes_text__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_text__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_text__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_text__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_text__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_viewer_inspect_attributes_text__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_viewer_inspect_attributes_text__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_text__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_text__input-element:focus, .main_ui_viewer_inspect_attributes_text__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_viewer_inspect_attributes_text__input-element:focus span, .main_ui_viewer_inspect_attributes_text__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_text__input-element:focus input, .main_ui_viewer_inspect_attributes_text__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_text__input-element:focus:hover, .main_ui_viewer_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_viewer_inspect_attributes_text__input-element:focus:hover span, .main_ui_viewer_inspect_attributes_text__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_viewer_inspect_attributes_text__input-element:focus:hover input, .main_ui_viewer_inspect_attributes_text__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_viewer_inspect_attributes_text__input-element-label {
  font-family: "worksans", 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_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_viewer_inspect_attributes_text__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_text__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_viewer_inspect_attributes_text__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_viewer_inspect_attributes_text__input-element-label:focus-within input, .main_ui_viewer_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_viewer_inspect_attributes_text__disabled-input, .main_ui_viewer_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_viewer_inspect_attributes_text__disabled-input input, .main_ui_viewer_inspect_attributes_text__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_viewer_inspect_attributes_text__disabled-input span svg, .main_ui_viewer_inspect_attributes_text__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_viewer_inspect_attributes_text__checkbox-icon, .main_ui_viewer_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_viewer_inspect_attributes_text__checkbox-icon svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_viewer_inspect_attributes_text__checkbox-icon:hover, .main_ui_viewer_inspect_attributes_text__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_text__checkbox-icon:focus, .main_ui_viewer_inspect_attributes_text__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_viewer_inspect_attributes_text__checkbox-icon.checked, .main_ui_viewer_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_viewer_inspect_attributes_text__checkbox-icon.checked svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_text__checkbox-icon.intermediate, .main_ui_viewer_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_viewer_inspect_attributes_text__checkbox-icon.intermediate svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_viewer_inspect_attributes_text__checkbox-icon.unchecked, .main_ui_viewer_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_viewer_inspect_attributes_text__checkbox-icon.unchecked svg, .main_ui_viewer_inspect_attributes_text__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_viewer_inspect_attributes_text__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_viewer_inspect_attributes_text__input-checkbox label {
  font-family: "worksans", 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_attributes_text__input-checkbox label input {
  margin: 0;
}
.main_ui_viewer_inspect_attributes_text__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_viewer_inspect_attributes_text__input-checkbox label:focus span, .main_ui_viewer_inspect_attributes_text__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_viewer_inspect_attributes_text__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_viewer_inspect_attributes_text__input-with-label label {
  font-family: "worksans", 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_attributes_text__input-with-label input {
  font-family: "worksans", 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_attributes_text__input-with-label input:focus-within, .main_ui_viewer_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_viewer_inspect_attributes_text__input-with-label input:focus-within input, .main_ui_viewer_inspect_attributes_text__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_viewer_inspect_attributes_text__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_viewer_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_viewer_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_viewer_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_viewer_inspect_attributes_text__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_viewer_inspect_attributes_text__modal-hint-base {
  font-family: "worksans", 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_attributes_text__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_viewer_inspect_attributes_text__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_text__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_attributes_text__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_attributes_text__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_viewer_inspect_attributes_text__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_viewer_inspect_attributes_text__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_viewer_inspect_attributes_text__asset-element {
  font-family: "worksans", 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_attributes_text__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_viewer_inspect_attributes_text__shortcut-key-base {
  font-family: "worksans", 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_attributes_text__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_attributes_text__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_viewer_inspect_attributes_text__mixed-bar {
  font-family: "worksans", 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_attributes_text__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_viewer_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_viewer_inspect_attributes_text__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

.main_ui_viewer_inspect_attributes_text__attr-row, .main_ui_viewer_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_viewer_inspect_attributes_text__attr-row .attr-label, .main_ui_viewer_inspect_attributes_text__text-row .attr-label {
  font-family: "worksans", 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_attributes_text__attr-row .attr-value, .main_ui_viewer_inspect_attributes_text__text-row .attr-value {
  grid-area: content;
  display: flex;
  color: var(--entry-foreground-color-hover);
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_viewer_inspect_attributes_text__copy-button-children, .main_ui_viewer_inspect_attributes_text__button-children {
  font-family: "worksans", 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_attributes_text__copy-button-children:hover div, .main_ui_viewer_inspect_attributes_text__button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_viewer_inspect_attributes_text__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_viewer_inspect_attributes_text__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_viewer_inspect_attributes_text__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_viewer_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_viewer_inspect_attributes_text__menu-item-base {
  font-family: "worksans", 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_attributes_text__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_viewer_inspect_attributes_text__dropdown-element-base {
  font-family: "worksans", 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_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_viewer_inspect_attributes_text__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_viewer_inspect_attributes_text__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_viewer_inspect_attributes_text__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_viewer_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: 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_attributes_text__select-wrapper {
  font-family: "worksans", 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_attributes_text__attributes-block {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_text__attributes-content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.main_ui_viewer_inspect_attributes_text__text-row .attr-value {
  align-items: center;
}

.main_ui_viewer_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_viewer_inspect_attributes_text__attributes-content-row .main_ui_viewer_inspect_attributes_text__content {
  font-family: "worksans", 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_viewer_inspect_attributes_text__attributes-content-row:hover {
  border: 1px solid var(--color-background-tertiary);
  background-color: var(--menu-background-color);
}
.main_ui_viewer_inspect_attributes_text__attributes-content-row:hover .main_ui_viewer_inspect_attributes_text__content {
  color: var(--menu-foreground-color-hover);
}
@keyframes main_ui_settings_access_tokens__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_access_tokens__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_access_tokens__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_access_tokens__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_access_tokens__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_access_tokens__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_access_tokens__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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", 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 {
  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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_change_email__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_change_email__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_change_email__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_change_email__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_change_email__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_change_email__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_delete_account__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_delete_account__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_delete_account__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_delete_account__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_delete_account__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_delete_account__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_feedback__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_feedback__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_feedback__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_feedback__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_feedback__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_feedback__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_feedback__newsletter-subs label {
  font-family: "worksans", 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_options__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_options__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_options__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_options__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_options__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_options__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_options__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_options__newsletter-subs label {
  font-family: "worksans", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_password__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_password__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_password__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_password__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_password__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_password__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_password__newsletter-subs label {
  font-family: "worksans", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_profile__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_profile__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_profile__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_profile__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_profile__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_profile__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", sans-serif;
  color: var(--color-foreground-secondary);
  font-size: 0.875rem;
}
.main_ui_settings_profile__newsletter-subs label {
  font-family: "worksans", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_settings_sidebar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_settings_sidebar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_settings_sidebar__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_settings_sidebar__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_settings_sidebar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_settings_sidebar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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_releases_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_releases_common__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_releases_common__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_releases_common__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_common__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_releases_common__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_releases_common__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_releases_v2_0__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_releases_v2_0__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_releases_v2_0__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_releases_v2_0__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_releases_v2_0__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_releases_v2_0__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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", 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_onboarding_newsletter__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_onboarding_newsletter__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_onboarding_newsletter__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_onboarding_newsletter__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_onboarding_newsletter__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_onboarding_newsletter__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_onboarding_newsletter__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_onboarding_questions__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_onboarding_questions__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_onboarding_questions__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_onboarding_questions__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_onboarding_questions__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_onboarding_questions__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 46.5rem;
  max-height: -moz-fit-content;
  max-height: fit-content;
  width: 46.5rem;
  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", 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__header-image {
  height: 7rem;
  width: auto;
  margin-inline-start: auto;
}

.main_ui_onboarding_questions__modal-title {
  font-family: "worksans", 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", 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", 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-2 {
  grid-template-rows: 1.25rem auto auto 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: 0.5rem;
}

.main_ui_onboarding_questions__step-3 {
  grid-template-rows: 1.25rem auto auto 2rem;
}

.main_ui_onboarding_questions__image-radio {
  display: grid;
  grid-template-rows: 1fr 1fr 2rem;
  grid-template-columns: 5.5rem 5.75rem 5.75rem 5.75rem 5.5rem;
  grid-template-areas: ". image1 image2 image3 ." ". image4 image5 image6 ." "other other other other other";
  row-gap: 1rem;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
}

.main_ui_onboarding_questions__input-spacing {
  height: 2rem;
  width: calc(100% - 1.5rem);
  margin-inline-start: 1.5rem;
  margin-block-end: 0.5rem;
}

.main_ui_onboarding_questions__step-4 {
  grid-template-rows: 1.25rem auto 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_onboarding_team_choice__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_onboarding_team_choice__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_onboarding_team_choice__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_onboarding_team_choice__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_onboarding_team_choice__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_onboarding_team_choice__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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", 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", 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", 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_notifications_badge__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_notifications_badge__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_notifications_badge__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_notifications_badge__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_notifications_badge__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_notifications_badge__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_notifications_context_notification__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_notifications_context_notification__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_notifications_context_notification__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_notifications_context_notification__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_notifications_context_notification__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_notifications_context_notification__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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 ::-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", 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__action-btn.main_ui_notifications_inline_notification__primary, .main_ui_notifications_inline_notification__modal-danger-btn, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger, .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", 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__action-btn.main_ui_notifications_inline_notification__primary:focus-visible, .main_ui_notifications_inline_notification__modal-danger-btn:focus-visible, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger: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__action-btn.main_ui_notifications_inline_notification__primary:focus-visible svg, .main_ui_notifications_inline_notification__modal-danger-btn:focus-visible svg, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger: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__action-btn.main_ui_notifications_inline_notification__primary svg, .main_ui_notifications_inline_notification__modal-danger-btn svg, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger 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__action-btn.main_ui_notifications_inline_notification__primary:hover, .main_ui_notifications_inline_notification__modal-danger-btn:hover, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger: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__action-btn.main_ui_notifications_inline_notification__primary:hover svg, .main_ui_notifications_inline_notification__modal-danger-btn:hover svg, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger: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__action-btn.main_ui_notifications_inline_notification__primary:active, .main_ui_notifications_inline_notification__modal-danger-btn:active, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger: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__action-btn.main_ui_notifications_inline_notification__primary:active svg, .main_ui_notifications_inline_notification__modal-danger-btn:active svg, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger: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__action-btn.main_ui_notifications_inline_notification__primary.disabled, .main_ui_notifications_inline_notification__modal-danger-btn.disabled, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger.disabled, .main_ui_notifications_inline_notification__modal-accept-btn.disabled, .main_ui_notifications_inline_notification__button-primary[disabled], [disabled].main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__primary, [disabled].main_ui_notifications_inline_notification__modal-danger-btn, [disabled].main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger, [disabled].main_ui_notifications_inline_notification__modal-accept-btn, .main_ui_notifications_inline_notification__button-primary:disabled, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__primary:disabled, .main_ui_notifications_inline_notification__modal-danger-btn:disabled, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger: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__action-btn.main_ui_notifications_inline_notification__secondary, .main_ui_notifications_inline_notification__action-btn, .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__action-btn: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__action-btn: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__action-btn.main_ui_notifications_inline_notification__secondary svg, .main_ui_notifications_inline_notification__action-btn 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__action-btn: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__action-btn: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__action-btn: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__action-btn: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__action-btn.disabled, .main_ui_notifications_inline_notification__modal-cancel-btn.disabled, .main_ui_notifications_inline_notification__button-secondary[disabled], [disabled].main_ui_notifications_inline_notification__action-btn, [disabled].main_ui_notifications_inline_notification__modal-cancel-btn, .main_ui_notifications_inline_notification__button-secondary:disabled, .main_ui_notifications_inline_notification__action-btn: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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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, .main_ui_notifications_inline_notification__action-btn.main_ui_notifications_inline_notification__danger {
  font-family: "worksans", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_notifications_inline_notification__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_notifications_inline_notification__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_notifications_inline_notification__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_notifications_inline_notification__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_notifications_inline_notification__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_notifications_inline_notification__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__inline-notification {
  --inline-notification-bg-color: var(--alert-background-color-default);
  --inline-notification-fg-color: var(--alert-text-foreground-color-default);
  --inline-notification-border-color: var(--alert-border-color-default);
  box-shadow: 0px 0.25rem 0.25rem var(--menu-shadow-color);
  position: absolute;
  top: 4.5rem;
  left: 0;
  right: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 1.5rem;
  min-height: 3rem;
  min-width: 40rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 60rem;
  padding: 0.5rem;
  margin-inline: auto;
  border: 1px solid var(--inline-notification-border-color);
  border-radius: 0.5rem;
  z-index: 30;
  background-color: var(--inline-notification-bg-color);
  color: var(--inline-notification-fg-color);
}

.main_ui_notifications_inline_notification__inline-text {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  align-self: center;
}

.main_ui_notifications_inline_notification__link-nav {
  display: inline;
}

.main_ui_notifications_inline_notification__link {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  height: 100%;
  color: var(--modal-link-foreground-color);
}

.main_ui_notifications_inline_notification__actions {
  display: grid;
  grid-template-columns: none;
  grid-auto-flow: column;
  align-self: center;
  gap: 0.5rem;
}

.main_ui_notifications_inline_notification__action-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  min-height: 2rem;
  min-width: 2rem;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.5rem 1.5rem;
  border: 1px solid transparent;
}
@keyframes main_ui_notifications_toast_notification__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_notifications_toast_notification__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_notifications_toast_notification__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_notifications_toast_notification__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_notifications_toast_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_toast_notification__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_notifications_toast_notification__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_toast_notification__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_notifications_toast_notification__new-scrollbar ::placeholder,
.main_ui_notifications_toast_notification__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_notifications_toast_notification__button-primary, .main_ui_notifications_toast_notification__modal-danger-btn, .main_ui_notifications_toast_notification__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_toast_notification__button-primary:focus-visible, .main_ui_notifications_toast_notification__modal-danger-btn:focus-visible, .main_ui_notifications_toast_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_toast_notification__button-primary:focus-visible svg, .main_ui_notifications_toast_notification__modal-danger-btn:focus-visible svg, .main_ui_notifications_toast_notification__modal-accept-btn:focus-visible svg,
.main_ui_notifications_toast_notification__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_notifications_toast_notification__button-primary svg, .main_ui_notifications_toast_notification__modal-danger-btn svg, .main_ui_notifications_toast_notification__modal-accept-btn svg,
.main_ui_notifications_toast_notification__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_notifications_toast_notification__button-primary:hover, .main_ui_notifications_toast_notification__modal-danger-btn:hover, .main_ui_notifications_toast_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_toast_notification__button-primary:hover svg, .main_ui_notifications_toast_notification__modal-danger-btn:hover svg, .main_ui_notifications_toast_notification__modal-accept-btn:hover svg,
.main_ui_notifications_toast_notification__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_notifications_toast_notification__button-primary:active, .main_ui_notifications_toast_notification__modal-danger-btn:active, .main_ui_notifications_toast_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_toast_notification__button-primary:active svg, .main_ui_notifications_toast_notification__modal-danger-btn:active svg, .main_ui_notifications_toast_notification__modal-accept-btn:active svg,
.main_ui_notifications_toast_notification__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_notifications_toast_notification__button-primary.disabled, .main_ui_notifications_toast_notification__modal-danger-btn.disabled, .main_ui_notifications_toast_notification__modal-accept-btn.disabled, .main_ui_notifications_toast_notification__button-primary[disabled], [disabled].main_ui_notifications_toast_notification__modal-danger-btn, [disabled].main_ui_notifications_toast_notification__modal-accept-btn, .main_ui_notifications_toast_notification__button-primary:disabled, .main_ui_notifications_toast_notification__modal-danger-btn:disabled, .main_ui_notifications_toast_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_toast_notification__button-secondary, .main_ui_notifications_toast_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_toast_notification__button-secondary:focus-visible, .main_ui_notifications_toast_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_toast_notification__button-secondary:focus-visible svg, .main_ui_notifications_toast_notification__modal-cancel-btn:focus-visible svg,
.main_ui_notifications_toast_notification__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_notifications_toast_notification__button-secondary svg, .main_ui_notifications_toast_notification__modal-cancel-btn svg,
.main_ui_notifications_toast_notification__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_notifications_toast_notification__button-secondary:hover, .main_ui_notifications_toast_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_toast_notification__button-secondary:hover svg, .main_ui_notifications_toast_notification__modal-cancel-btn:hover svg,
.main_ui_notifications_toast_notification__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_notifications_toast_notification__button-secondary:active, .main_ui_notifications_toast_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_toast_notification__button-secondary:active svg, .main_ui_notifications_toast_notification__modal-cancel-btn:active svg,
.main_ui_notifications_toast_notification__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_notifications_toast_notification__button-secondary.disabled, .main_ui_notifications_toast_notification__modal-cancel-btn.disabled, .main_ui_notifications_toast_notification__button-secondary[disabled], [disabled].main_ui_notifications_toast_notification__modal-cancel-btn, .main_ui_notifications_toast_notification__button-secondary:disabled, .main_ui_notifications_toast_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_toast_notification__button-tertiary, .main_ui_notifications_toast_notification__attr-title button, .main_ui_notifications_toast_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_toast_notification__button-tertiary:focus-visible, .main_ui_notifications_toast_notification__attr-title button:focus-visible, .main_ui_notifications_toast_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_toast_notification__button-tertiary:focus-visible svg, .main_ui_notifications_toast_notification__attr-title button:focus-visible svg, .main_ui_notifications_toast_notification__modal-close-btn-base:focus-visible svg,
.main_ui_notifications_toast_notification__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_notifications_toast_notification__button-tertiary svg, .main_ui_notifications_toast_notification__attr-title button svg, .main_ui_notifications_toast_notification__modal-close-btn-base svg,
.main_ui_notifications_toast_notification__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_notifications_toast_notification__button-tertiary:hover, .main_ui_notifications_toast_notification__attr-title button:hover, .main_ui_notifications_toast_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_toast_notification__button-tertiary:hover svg, .main_ui_notifications_toast_notification__attr-title button:hover svg, .main_ui_notifications_toast_notification__modal-close-btn-base:hover svg,
.main_ui_notifications_toast_notification__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_notifications_toast_notification__button-tertiary:active, .main_ui_notifications_toast_notification__attr-title button:active, .main_ui_notifications_toast_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_toast_notification__button-tertiary:active svg, .main_ui_notifications_toast_notification__attr-title button:active svg, .main_ui_notifications_toast_notification__modal-close-btn-base:active svg,
.main_ui_notifications_toast_notification__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_notifications_toast_notification__button-tertiary.disabled, .main_ui_notifications_toast_notification__attr-title button.disabled, .main_ui_notifications_toast_notification__modal-close-btn-base.disabled, .main_ui_notifications_toast_notification__button-tertiary[disabled], .main_ui_notifications_toast_notification__attr-title button[disabled], [disabled].main_ui_notifications_toast_notification__modal-close-btn-base, .main_ui_notifications_toast_notification__button-tertiary:disabled, .main_ui_notifications_toast_notification__attr-title button:disabled, .main_ui_notifications_toast_notification__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_notifications_toast_notification__button-tertiary.disabled svg, .main_ui_notifications_toast_notification__attr-title button.disabled svg, .main_ui_notifications_toast_notification__modal-close-btn-base.disabled svg,
.main_ui_notifications_toast_notification__button-tertiary.disabled span svg, .main_ui_notifications_toast_notification__button-tertiary[disabled] svg, .main_ui_notifications_toast_notification__attr-title button[disabled] svg, [disabled].main_ui_notifications_toast_notification__modal-close-btn-base svg,
.main_ui_notifications_toast_notification__button-tertiary[disabled] span svg, .main_ui_notifications_toast_notification__button-tertiary:disabled svg, .main_ui_notifications_toast_notification__attr-title button:disabled svg, .main_ui_notifications_toast_notification__modal-close-btn-base:disabled svg,
.main_ui_notifications_toast_notification__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_notifications_toast_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_toast_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_toast_notification__button-radio:focus-visible svg,
.main_ui_notifications_toast_notification__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_notifications_toast_notification__button-radio svg,
.main_ui_notifications_toast_notification__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_notifications_toast_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_toast_notification__button-radio:hover svg,
.main_ui_notifications_toast_notification__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_notifications_toast_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_toast_notification__button-radio:active svg,
.main_ui_notifications_toast_notification__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_notifications_toast_notification__button-icon, .main_ui_notifications_toast_notification__close-icon, .main_ui_notifications_toast_notification__icon, .main_ui_notifications_toast_notification__empty-icon svg, .main_ui_notifications_toast_notification__modal-close-btn-base svg, .main_ui_notifications_toast_notification__button-icon-small, .main_ui_notifications_toast_notification__dropdown-element-base span svg, .main_ui_notifications_toast_notification__attr-title button svg, .main_ui_notifications_toast_notification__checkbox-icon.intermediate svg, .main_ui_notifications_toast_notification__input-checkbox label span.intermediate svg, .main_ui_notifications_toast_notification__checkbox-icon.checked svg, .main_ui_notifications_toast_notification__input-checkbox label span.checked svg, .main_ui_notifications_toast_notification__input-element span svg,
.main_ui_notifications_toast_notification__input-element label svg, .main_ui_notifications_toast_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_toast_notification__button-icon-small, .main_ui_notifications_toast_notification__dropdown-element-base span svg, .main_ui_notifications_toast_notification__attr-title button svg, .main_ui_notifications_toast_notification__checkbox-icon.intermediate svg, .main_ui_notifications_toast_notification__input-checkbox label span.intermediate svg, .main_ui_notifications_toast_notification__checkbox-icon.checked svg, .main_ui_notifications_toast_notification__input-checkbox label span.checked svg, .main_ui_notifications_toast_notification__input-element span svg,
.main_ui_notifications_toast_notification__input-element label svg, .main_ui_notifications_toast_notification__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_notifications_toast_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_toast_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_toast_notification__input-base, .main_ui_notifications_toast_notification__input-with-label input, .main_ui_notifications_toast_notification__input-element-label input, .main_ui_notifications_toast_notification__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_toast_notification__input-base[disabled], .main_ui_notifications_toast_notification__input-with-label input[disabled], .main_ui_notifications_toast_notification__input-element-label input[disabled], .main_ui_notifications_toast_notification__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_notifications_toast_notification__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_notifications_toast_notification__input-label, .main_ui_notifications_toast_notification__input-element span,
.main_ui_notifications_toast_notification__input-element label {
  font-family: "worksans", 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_toast_notification__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_toast_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_toast_notification__input-element span svg,
.main_ui_notifications_toast_notification__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_notifications_toast_notification__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_toast_notification__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_notifications_toast_notification__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_toast_notification__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_toast_notification__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_notifications_toast_notification__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_notifications_toast_notification__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_toast_notification__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_toast_notification__input-element:focus, .main_ui_notifications_toast_notification__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_toast_notification__input-element:focus span, .main_ui_notifications_toast_notification__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_toast_notification__input-element:focus input, .main_ui_notifications_toast_notification__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_toast_notification__input-element:focus:hover, .main_ui_notifications_toast_notification__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_notifications_toast_notification__input-element:focus:hover span, .main_ui_notifications_toast_notification__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_notifications_toast_notification__input-element:focus:hover input, .main_ui_notifications_toast_notification__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_notifications_toast_notification__input-element-label {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_notifications_toast_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_toast_notification__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_toast_notification__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_notifications_toast_notification__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_notifications_toast_notification__input-element-label:focus-within input, .main_ui_notifications_toast_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_toast_notification__disabled-input, .main_ui_notifications_toast_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_toast_notification__disabled-input input, .main_ui_notifications_toast_notification__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_notifications_toast_notification__disabled-input span svg, .main_ui_notifications_toast_notification__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_notifications_toast_notification__checkbox-icon, .main_ui_notifications_toast_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_toast_notification__checkbox-icon svg, .main_ui_notifications_toast_notification__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_notifications_toast_notification__checkbox-icon:hover, .main_ui_notifications_toast_notification__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_toast_notification__checkbox-icon:focus, .main_ui_notifications_toast_notification__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_notifications_toast_notification__checkbox-icon.checked, .main_ui_notifications_toast_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_toast_notification__checkbox-icon.checked svg, .main_ui_notifications_toast_notification__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_notifications_toast_notification__checkbox-icon.intermediate, .main_ui_notifications_toast_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_toast_notification__checkbox-icon.intermediate svg, .main_ui_notifications_toast_notification__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_notifications_toast_notification__checkbox-icon.unchecked, .main_ui_notifications_toast_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_toast_notification__checkbox-icon.unchecked svg, .main_ui_notifications_toast_notification__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_notifications_toast_notification__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_notifications_toast_notification__input-checkbox label {
  font-family: "worksans", 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_toast_notification__input-checkbox label input {
  margin: 0;
}
.main_ui_notifications_toast_notification__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_notifications_toast_notification__input-checkbox label:focus span, .main_ui_notifications_toast_notification__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_notifications_toast_notification__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_notifications_toast_notification__input-with-label label {
  font-family: "worksans", 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_toast_notification__input-with-label input {
  font-family: "worksans", 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_toast_notification__input-with-label input:focus-within, .main_ui_notifications_toast_notification__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_notifications_toast_notification__input-with-label input:focus-within input, .main_ui_notifications_toast_notification__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_notifications_toast_notification__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_notifications_toast_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_toast_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_toast_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_toast_notification__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_notifications_toast_notification__modal-hint-base {
  font-family: "worksans", 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_toast_notification__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_notifications_toast_notification__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_toast_notification__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_toast_notification__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_toast_notification__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_notifications_toast_notification__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_notifications_toast_notification__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_notifications_toast_notification__asset-element {
  font-family: "worksans", 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_toast_notification__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_notifications_toast_notification__shortcut-key-base {
  font-family: "worksans", 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_toast_notification__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_toast_notification__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_notifications_toast_notification__mixed-bar {
  font-family: "worksans", 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_toast_notification__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_notifications_toast_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_toast_notification__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_notifications_toast_notification__copy-button-children {
  font-family: "worksans", 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_toast_notification__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_notifications_toast_notification__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_notifications_toast_notification__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_notifications_toast_notification__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_notifications_toast_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_toast_notification__menu-item-base {
  font-family: "worksans", 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_toast_notification__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_notifications_toast_notification__dropdown-element-base {
  font-family: "worksans", 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_toast_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_toast_notification__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_notifications_toast_notification__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_notifications_toast_notification__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_notifications_toast_notification__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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_toast_notification__select-wrapper {
  font-family: "worksans", 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_toast_notification__toast-notification {
  --toast-notification-bg-color: var(--alert-background-color-default);
  --toast-notification-fg-color: var(--alert-text-foreground-color-default);
  --toast-notification-icon-color: var(--alert-icon-foreground-color-default);
  --toast-notification-border-color: var(--alert-border-color-default);
  box-shadow: 0px 0.25rem 0.25rem var(--menu-shadow-color);
  position: fixed;
  top: 1rem;
  right: 1rem;
  display: grid;
  grid-template-columns: 1rem 1fr auto;
  gap: 0.5rem;
  min-height: 2rem;
  min-width: 14.25rem;
  max-width: 25rem;
  padding: 0.5rem;
  border: 1px solid var(--toast-notification-border-color);
  background-color: var(--toast-notification-bg-color);
  border-radius: 0.5rem;
  color: var(--toast-notification-fg-color);
  z-index: 40;
}

.main_ui_notifications_toast_notification__warning {
  --toast-notification-bg-color: var(--alert-background-color-warning);
  --toast-notification-fg-color: var(--alert-text-foreground-color-warning);
  --toast-notification-icon-color: var(--alert-icon-foreground-color-warning);
  --toast-notification-border-color: var(--alert-border-color-warning);
}

.main_ui_notifications_toast_notification__success {
  --toast-notification-bg-color: var(--alert-background-color-success);
  --toast-notification-fg-color: var(--alert-text-foreground-color-success);
  --toast-notification-icon-color: var(--alert-icon-foreground-color-success);
  --toast-notification-border-color: var(--alert-border-color-success);
}

.main_ui_notifications_toast_notification__info {
  --toast-notification-bg-color: var(--alert-background-color-info);
  --toast-notification-fg-color: var(--alert-text-foreground-color-info);
  --toast-notification-icon-color: var(--alert-icon-foreground-color-info);
  --toast-notification-border-color: var(--alert-border-color-info);
}

.main_ui_notifications_toast_notification__default {
  --toast-notification-bg-color: var(--alert-background-color-default);
  --toast-notification-fg-color: var(--alert-text-foreground-color-default);
  --toast-notification-icon-color: var(--alert-icon-foreground-color-default);
  --toast-notification-border-color: var(--alert-border-color-default);
}

.main_ui_notifications_toast_notification__error {
  --toast-notification-bg-color: var(--alert-background-color-error);
  --toast-notification-fg-color: var(--alert-text-foreground-color-error);
  --toast-notification-icon-color: var(--alert-icon-foreground-color-error);
  --toast-notification-border-color: var(--alert-border-color-error);
}

.main_ui_notifications_toast_notification__link-nav {
  display: inline;
}

.main_ui_notifications_toast_notification__link {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--modal-link-foreground-color);
  margin: 0;
}

.main_ui_notifications_toast_notification__icon {
  align-self: flex-start;
  stroke: var(--toast-notification-icon-color);
}

.main_ui_notifications_toast_notification__text {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  align-self: center;
}

.main_ui_notifications_toast_notification__btn-close {
  border: none;
  background: none;
  cursor: pointer;
  align-self: flex-start;
  width: 1rem;
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.main_ui_notifications_toast_notification__close-icon {
  stroke: var(--toast-notification-icon-color);
}
@keyframes main_ui_debug_components_preview__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_debug_components_preview__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_debug_components_preview__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_debug_components_preview__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_debug_components_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_components_preview__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_debug_components_preview__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_debug_components_preview__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_debug_components_preview__new-scrollbar ::placeholder,
.main_ui_debug_components_preview__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_debug_components_preview__button-primary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn, .main_ui_debug_components_preview__modal-danger-btn, .main_ui_debug_components_preview__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_components_preview__button-primary:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn:focus-visible, .main_ui_debug_components_preview__modal-danger-btn:focus-visible, .main_ui_debug_components_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_components_preview__button-primary:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn:focus-visible svg, .main_ui_debug_components_preview__modal-danger-btn:focus-visible svg, .main_ui_debug_components_preview__modal-accept-btn:focus-visible svg,
.main_ui_debug_components_preview__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_debug_components_preview__button-primary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn svg, .main_ui_debug_components_preview__modal-danger-btn svg, .main_ui_debug_components_preview__modal-accept-btn svg,
.main_ui_debug_components_preview__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_debug_components_preview__button-primary:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn:hover, .main_ui_debug_components_preview__modal-danger-btn:hover, .main_ui_debug_components_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_components_preview__button-primary:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn:hover svg, .main_ui_debug_components_preview__modal-danger-btn:hover svg, .main_ui_debug_components_preview__modal-accept-btn:hover svg,
.main_ui_debug_components_preview__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_debug_components_preview__button-primary:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn:active, .main_ui_debug_components_preview__modal-danger-btn:active, .main_ui_debug_components_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_components_preview__button-primary:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn:active svg, .main_ui_debug_components_preview__modal-danger-btn:active svg, .main_ui_debug_components_preview__modal-accept-btn:active svg,
.main_ui_debug_components_preview__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_debug_components_preview__button-primary.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn.disabled, .main_ui_debug_components_preview__modal-danger-btn.disabled, .main_ui_debug_components_preview__modal-accept-btn.disabled, .main_ui_debug_components_preview__button-primary[disabled], .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__button-primary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__modal-accept-btn, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__modal-danger-btn, [disabled].main_ui_debug_components_preview__modal-danger-btn, [disabled].main_ui_debug_components_preview__modal-accept-btn, .main_ui_debug_components_preview__button-primary:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn:disabled, .main_ui_debug_components_preview__modal-danger-btn:disabled, .main_ui_debug_components_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_components_preview__button-secondary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn, .main_ui_debug_components_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_components_preview__button-secondary:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn:focus-visible, .main_ui_debug_components_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_components_preview__button-secondary:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn:focus-visible svg, .main_ui_debug_components_preview__modal-cancel-btn:focus-visible svg,
.main_ui_debug_components_preview__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_debug_components_preview__button-secondary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn svg, .main_ui_debug_components_preview__modal-cancel-btn svg,
.main_ui_debug_components_preview__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_debug_components_preview__button-secondary:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn:hover, .main_ui_debug_components_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_components_preview__button-secondary:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn:hover svg, .main_ui_debug_components_preview__modal-cancel-btn:hover svg,
.main_ui_debug_components_preview__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_debug_components_preview__button-secondary:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn:active, .main_ui_debug_components_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_components_preview__button-secondary:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn:active svg, .main_ui_debug_components_preview__modal-cancel-btn:active svg,
.main_ui_debug_components_preview__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_debug_components_preview__button-secondary.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn.disabled, .main_ui_debug_components_preview__modal-cancel-btn.disabled, .main_ui_debug_components_preview__button-secondary[disabled], .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__button-secondary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__modal-cancel-btn, [disabled].main_ui_debug_components_preview__modal-cancel-btn, .main_ui_debug_components_preview__button-secondary:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn:disabled, .main_ui_debug_components_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_components_preview__button-tertiary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button, .main_ui_debug_components_preview__attr-title button, .main_ui_debug_components_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_components_preview__button-tertiary:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:focus-visible, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:focus-visible, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:focus-visible, .main_ui_debug_components_preview__attr-title button:focus-visible, .main_ui_debug_components_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_components_preview__button-tertiary:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:focus-visible svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:focus-visible svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:focus-visible svg, .main_ui_debug_components_preview__attr-title button:focus-visible svg, .main_ui_debug_components_preview__modal-close-btn-base:focus-visible svg,
.main_ui_debug_components_preview__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_debug_components_preview__button-tertiary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button svg, .main_ui_debug_components_preview__attr-title button svg, .main_ui_debug_components_preview__modal-close-btn-base svg,
.main_ui_debug_components_preview__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_debug_components_preview__button-tertiary:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:hover, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:hover, .main_ui_debug_components_preview__attr-title button:hover, .main_ui_debug_components_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_components_preview__button-tertiary:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:hover svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:hover svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:hover svg, .main_ui_debug_components_preview__attr-title button:hover svg, .main_ui_debug_components_preview__modal-close-btn-base:hover svg,
.main_ui_debug_components_preview__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_debug_components_preview__button-tertiary:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:active, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:active, .main_ui_debug_components_preview__attr-title button:active, .main_ui_debug_components_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_components_preview__button-tertiary:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:active svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:active svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:active svg, .main_ui_debug_components_preview__attr-title button:active svg, .main_ui_debug_components_preview__modal-close-btn-base:active svg,
.main_ui_debug_components_preview__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_debug_components_preview__button-tertiary.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base.disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button.disabled, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button.disabled, .main_ui_debug_components_preview__attr-title button.disabled, .main_ui_debug_components_preview__modal-close-btn-base.disabled, .main_ui_debug_components_preview__button-tertiary[disabled], .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__button-tertiary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__modal-close-btn-base, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button[disabled], .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button[disabled], .main_ui_debug_components_preview__attr-title button[disabled], [disabled].main_ui_debug_components_preview__modal-close-btn-base, .main_ui_debug_components_preview__button-tertiary:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:disabled, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:disabled, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:disabled, .main_ui_debug_components_preview__attr-title button:disabled, .main_ui_debug_components_preview__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_debug_components_preview__button-tertiary.disabled svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary.disabled svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base.disabled svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button.disabled svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button.disabled svg, .main_ui_debug_components_preview__attr-title button.disabled svg, .main_ui_debug_components_preview__modal-close-btn-base.disabled svg,
.main_ui_debug_components_preview__button-tertiary.disabled span svg, .main_ui_debug_components_preview__button-tertiary[disabled] svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__button-tertiary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper [disabled].main_ui_debug_components_preview__modal-close-btn-base svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button[disabled] svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button[disabled] svg, .main_ui_debug_components_preview__attr-title button[disabled] svg, [disabled].main_ui_debug_components_preview__modal-close-btn-base svg,
.main_ui_debug_components_preview__button-tertiary[disabled] span svg, .main_ui_debug_components_preview__button-tertiary:disabled svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary:disabled svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base:disabled svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button:disabled svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button:disabled svg, .main_ui_debug_components_preview__attr-title button:disabled svg, .main_ui_debug_components_preview__modal-close-btn-base:disabled svg,
.main_ui_debug_components_preview__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_debug_components_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_components_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_components_preview__button-radio:focus-visible svg,
.main_ui_debug_components_preview__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_debug_components_preview__button-radio svg,
.main_ui_debug_components_preview__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_debug_components_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_components_preview__button-radio:hover svg,
.main_ui_debug_components_preview__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_debug_components_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_components_preview__button-radio:active svg,
.main_ui_debug_components_preview__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_debug_components_preview__button-icon, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button svg, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn svg, .main_ui_debug_components_preview__empty-icon svg, .main_ui_debug_components_preview__modal-close-btn-base svg, .main_ui_debug_components_preview__button-icon-small, .main_ui_debug_components_preview__dropdown-element-base span svg, .main_ui_debug_components_preview__attr-title button svg, .main_ui_debug_components_preview__checkbox-icon.intermediate svg, .main_ui_debug_components_preview__input-checkbox label span.intermediate svg, .main_ui_debug_components_preview__checkbox-icon.checked svg, .main_ui_debug_components_preview__input-checkbox label span.checked svg, .main_ui_debug_components_preview__input-element span svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper span svg,
.main_ui_debug_components_preview__input-element label svg,
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper label svg, .main_ui_debug_components_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_components_preview__button-icon-small, .main_ui_debug_components_preview__dropdown-element-base span svg, .main_ui_debug_components_preview__attr-title button svg, .main_ui_debug_components_preview__checkbox-icon.intermediate svg, .main_ui_debug_components_preview__input-checkbox label span.intermediate svg, .main_ui_debug_components_preview__checkbox-icon.checked svg, .main_ui_debug_components_preview__input-checkbox label span.checked svg, .main_ui_debug_components_preview__input-element span svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper span svg,
.main_ui_debug_components_preview__input-element label svg,
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper label svg, .main_ui_debug_components_preview__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_debug_components_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_components_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_components_preview__input-base, .main_ui_debug_components_preview__input-with-label input, .main_ui_debug_components_preview__input-element-label input, .main_ui_debug_components_preview__input-element input, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_components_preview__input-base[disabled], .main_ui_debug_components_preview__input-with-label input[disabled], .main_ui_debug_components_preview__input-element-label input[disabled], .main_ui_debug_components_preview__input-element input[disabled], .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_debug_components_preview__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_debug_components_preview__input-label, .main_ui_debug_components_preview__input-element span, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper span,
.main_ui_debug_components_preview__input-element label,
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper label {
  font-family: "worksans", 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_components_preview__input-element, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_components_preview__input-element:focus-within, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__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_debug_components_preview__input-element span svg, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper span svg,
.main_ui_debug_components_preview__input-element label svg,
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_debug_components_preview__input-element ::-moz-placeholder, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_debug_components_preview__input-element ::placeholder, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_debug_components_preview__input-element:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_debug_components_preview__input-element:hover span, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_debug_components_preview__input-element:hover input, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_debug_components_preview__input-element:active, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_debug_components_preview__input-element:active span, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_debug_components_preview__input-element:active input, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_debug_components_preview__input-element:focus, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus, .main_ui_debug_components_preview__input-element:focus-within, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_debug_components_preview__input-element:focus span, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus span, .main_ui_debug_components_preview__input-element:focus-within span, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_debug_components_preview__input-element:focus input, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus input, .main_ui_debug_components_preview__input-element:focus-within input, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_debug_components_preview__input-element:focus:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus:hover, .main_ui_debug_components_preview__input-element:focus-within:hover, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_debug_components_preview__input-element:focus:hover span, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus:hover span, .main_ui_debug_components_preview__input-element:focus-within:hover span, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_debug_components_preview__input-element:focus:hover input, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus:hover input, .main_ui_debug_components_preview__input-element:focus-within:hover input, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__input-wrapper:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_debug_components_preview__input-element-label {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_debug_components_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_components_preview__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_debug_components_preview__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_debug_components_preview__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_debug_components_preview__input-element-label:focus-within input, .main_ui_debug_components_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_components_preview__disabled-input, .main_ui_debug_components_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_components_preview__disabled-input input, .main_ui_debug_components_preview__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_debug_components_preview__disabled-input span svg, .main_ui_debug_components_preview__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_debug_components_preview__checkbox-icon, .main_ui_debug_components_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_components_preview__checkbox-icon svg, .main_ui_debug_components_preview__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_debug_components_preview__checkbox-icon:hover, .main_ui_debug_components_preview__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_debug_components_preview__checkbox-icon:focus, .main_ui_debug_components_preview__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_debug_components_preview__checkbox-icon.checked, .main_ui_debug_components_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_components_preview__checkbox-icon.checked svg, .main_ui_debug_components_preview__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_debug_components_preview__checkbox-icon.intermediate, .main_ui_debug_components_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_components_preview__checkbox-icon.intermediate svg, .main_ui_debug_components_preview__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_debug_components_preview__checkbox-icon.unchecked, .main_ui_debug_components_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_components_preview__checkbox-icon.unchecked svg, .main_ui_debug_components_preview__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_debug_components_preview__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_debug_components_preview__input-checkbox label {
  font-family: "worksans", 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_components_preview__input-checkbox label input {
  margin: 0;
}
.main_ui_debug_components_preview__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_debug_components_preview__input-checkbox label:focus span, .main_ui_debug_components_preview__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_debug_components_preview__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_debug_components_preview__input-with-label label {
  font-family: "worksans", 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_components_preview__input-with-label input {
  font-family: "worksans", 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_components_preview__input-with-label input:focus-within, .main_ui_debug_components_preview__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_debug_components_preview__input-with-label input:focus-within input, .main_ui_debug_components_preview__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_debug_components_preview__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_debug_components_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_components_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_components_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_components_preview__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_debug_components_preview__modal-hint-base {
  font-family: "worksans", 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_components_preview__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_debug_components_preview__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_components_preview__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_components_preview__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_components_preview__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_debug_components_preview__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_debug_components_preview__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_debug_components_preview__asset-element {
  font-family: "worksans", 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_components_preview__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_debug_components_preview__shortcut-key-base {
  font-family: "worksans", 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_components_preview__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_components_preview__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_debug_components_preview__mixed-bar {
  font-family: "worksans", 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_components_preview__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_debug_components_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_components_preview__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_debug_components_preview__copy-button-children {
  font-family: "worksans", 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_components_preview__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_debug_components_preview__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_debug_components_preview__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_debug_components_preview__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_debug_components_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_components_preview__menu-item-base {
  font-family: "worksans", 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_components_preview__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_debug_components_preview__dropdown-element-base {
  font-family: "worksans", 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_components_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_components_preview__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_debug_components_preview__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_debug_components_preview__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_debug_components_preview__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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_components_preview__select-wrapper {
  font-family: "worksans", 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_components_preview__themes-row {
  width: 100%;
  padding: 1.25rem;
  color: var(--color-foreground-primary);
  background: var(--color-background-secondary);
}
.main_ui_debug_components_preview__themes-row .main_ui_debug_components_preview__wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2.5rem;
  background-color: var(--color-background-primary);
  width: 100%;
  padding: 1.25rem;
}
.main_ui_debug_components_preview__themes-row .main_ui_debug_components_preview__wrapper .main_ui_debug_components_preview__rect {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid var(--color-foreground-primary);
  padding: 1.25rem;
  height: 6rem;
  min-width: 9.5rem;
}

.main_ui_debug_components_preview__color-wrapper {
  display: grid;
  grid-template-rows: auto 6rem;
}

.main_ui_debug_components_preview__components-row {
  color: var(--color-foreground-primary);
  background: var(--color-background-secondary);
  height: 100%;
  padding: 0 1.25rem;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__title {
  padding: 1.25rem;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper {
  padding: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__components-group {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 0.5rem;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__components-group h3 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  font-size: 1.5rem;
  width: 100%;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__components-group .main_ui_debug_components_preview__component {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 15rem;
  max-height: 5rem;
  margin-bottom: 1rem;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__components-group .main_ui_debug_components_preview__component .main_ui_debug_components_preview__component-name {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  font-weight: bold;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-primary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-accept-btn, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-danger-btn {
  height: 2rem;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-secondary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-cancel-btn {
  height: 2rem;
}
.main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__button-tertiary, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__modal-close-btn-base, .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper .main_ui_debug_components_preview__attr-title button, .main_ui_debug_components_preview__attr-title .main_ui_debug_components_preview__components-row .main_ui_debug_components_preview__components-wrapper button {
  height: 2rem;
}
@keyframes main_ui_dashboard_change_owner__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_change_owner__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_change_owner__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_change_owner__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_change_owner__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_change_owner__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_change_owner__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}

.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 ::-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", 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", 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__close-icon, .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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_comments__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_comments__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_comments__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_comments__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_comments__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_comments__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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);
  overflow-y: scroll;
  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 {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  height: 2rem;
  width: 2rem;
  --comment-icon-small-foreground-color: var(--icon-foreground);
}
.main_ui_dashboard_comments__comment-button.main_ui_dashboard_comments__unread, .main_ui_dashboard_comments__comment-button.main_ui_dashboard_comments__open {
  --comment-icon-small-foreground-color: var(--icon-foreground-selected);
}
.main_ui_dashboard_comments__comment-button:hover {
  background-color: var(--color-background-quaternary);
  --comment-icon-small-foreground-color: var(--icon-foreground-active);
}

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

.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__close-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}

.main_ui_dashboard_comments__close-icon {
  stroke: var(--icon-foreground);
}
@keyframes main_ui_dashboard_files__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_files__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_files__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_files__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_files__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_files__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_files__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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);
}
@keyframes main_ui_dashboard_fonts__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_fonts__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_fonts__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_fonts__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_fonts__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_fonts__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_fonts__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}
.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;
}
.main_ui_dashboard_fonts__font-item > .main_ui_dashboard_fonts__variants .main_ui_dashboard_fonts__variant .main_ui_dashboard_fonts__icon {
  display: flex;
  height: 1rem;
  width: 1rem;
  margin-left: 0.375rem;
  align-items: center;
}
.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__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;
  margin-right: 0.25rem;
  padding-right: 0.25rem;
}
.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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_grid__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_grid__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_grid__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_grid__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_grid__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_grid__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__grid-item-th svg {
  height: 100%;
  width: 100%;
}
.main_ui_dashboard_grid__grid-item-th svg#loader-pencil {
  stroke: var(--color-background-quaternary);
  width: calc(var(--th-width, 15.75rem) * 0.25);
}

.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;
}
@keyframes main_ui_dashboard_import__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_import__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_import__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_import__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_import__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_import__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_import__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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", 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", 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 .main_ui_dashboard_import__file-name {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  margin-bottom: 0.5rem;
}
.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 {
  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", 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 {
  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__loading .main_ui_dashboard_import__file-name .main_ui_dashboard_import__file-icon #loader-pencil {
  color: var(--modal-text-foreground-color);
  stroke: var(--modal-text-foreground-color);
  fill: 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);
}
@keyframes main_ui_dashboard_inline_edition__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_inline_edition__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_inline_edition__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_inline_edition__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_inline_edition__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_inline_edition__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_inline_edition__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_libraries__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_libraries__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_libraries__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_libraries__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_libraries__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_libraries__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_pin_button__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_pin_button__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_pin_button__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_pin_button__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_pin_button__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_pin_button__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_placeholder__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_placeholder__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_placeholder__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_placeholder__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_placeholder__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_placeholder__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_placeholder__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_placeholder__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_placeholder__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_placeholder__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_placeholder__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_placeholder__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__grid-item-th svg {
  height: 100%;
  width: 100%;
}
.main_ui_dashboard_placeholder__grid-item-th svg#loader-pencil {
  stroke: var(--color-background-quaternary);
  width: calc(var(--th-width, 15.75rem) * 0.25);
}

.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-empty-placeholder {
  border-radius: 0.75rem;
  display: grid;
  padding: 0.75rem 0;
}
.main_ui_dashboard_placeholder__grid-empty-placeholder.main_ui_dashboard_placeholder__loader {
  justify-items: center;
}
.main_ui_dashboard_placeholder__grid-empty-placeholder .main_ui_dashboard_placeholder__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_ui_dashboard_placeholder__grid-empty-placeholder .main_ui_dashboard_placeholder__icon svg {
  width: 4rem;
  height: 4rem;
  stroke: var(--color-foreground-secondary);
  fill: none;
}
.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;
  text-transform: uppercase;
  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;
}
@keyframes main_ui_dashboard_projects__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_projects__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_projects__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_projects__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_projects__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_projects__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_projects__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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;
}

.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-hero,
.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", 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;
  display: inline-flex;
  align-items: center;
}

.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", 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__show-more {
  --show-more-color: var(--button-secondary-foreground-color-rest);
  border: none;
  background: none;
  cursor: pointer;
  font-family: "worksans", 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;
  }
}

.main_ui_dashboard_projects__hero-projects {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 2rem;
  margin: 0 1rem 1rem 1.25rem;
}
@media (max-width: 1366px) {
  .main_ui_dashboard_projects__hero-projects {
    grid-template-columns: 1fr;
  }
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough {
  display: grid;
  grid-template-columns: auto 1fr;
  position: relative;
  border-radius: 0.5rem;
  min-height: 13.5rem;
  background-color: var(--color-background-tertiary);
  padding: 0.5rem;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__thumbnail,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough .main_ui_dashboard_projects__thumbnail {
  width: 12.5rem;
  height: 12.5rem;
  border-radius: 0.375rem;
  padding: 2rem;
  display: block;
  background-color: var(--color-canvas);
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial img,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough img {
  border-radius: 0.25rem;
  margin-bottom: 0;
  width: 14.5rem;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__text,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough .main_ui_dashboard_projects__text {
  padding: 2rem;
  display: flex;
  flex-direction: column;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__title,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough .main_ui_dashboard_projects__title {
  color: var(--color-foreground-primary);
  font-size: 1.5rem;
  font-weight: 400;
  margin-bottom: 0.5rem;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__info,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough .main_ui_dashboard_projects__info {
  flex: 1;
  color: var(--color-foreground-secondary);
  margin-bottom: 1.25rem;
  font-size: 1rem;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__invite,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough .main_ui_dashboard_projects__invite {
  height: 2rem;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__action,
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough .main_ui_dashboard_projects__action {
  width: 11.25rem;
  height: 2.5rem;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__walkthrough .main_ui_dashboard_projects__thumbnail {
  background-image: url("/images/walkthrough-cover.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__thumbnail {
  background-image: url("/images/hands-on-tutorial.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__loader {
  display: flex;
}
.main_ui_dashboard_projects__hero-projects .main_ui_dashboard_projects__tutorial .main_ui_dashboard_projects__loader svg#main_ui_dashboard_projects__loader-pencil {
  width: 2rem;
}
@keyframes main_ui_dashboard_search__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_search__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_search__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_search__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_search__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_search__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_search__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_search__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_search__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_search__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_search__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_search__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_search__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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__grid-item-th svg {
  height: 100%;
  width: 100%;
}
.main_ui_dashboard_search__grid-item-th svg#loader-pencil {
  stroke: var(--color-background-quaternary);
  width: calc(var(--th-width, 15.75rem) * 0.25);
}

.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-empty-placeholder {
  border-radius: 0.75rem;
  display: grid;
  padding: 0.75rem 0;
}
.main_ui_dashboard_search__grid-empty-placeholder.main_ui_dashboard_search__loader {
  justify-items: center;
}
.main_ui_dashboard_search__grid-empty-placeholder .main_ui_dashboard_search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
}
.main_ui_dashboard_search__grid-empty-placeholder .main_ui_dashboard_search__icon svg {
  width: 4rem;
  height: 4rem;
  stroke: var(--color-foreground-secondary);
  fill: none;
}
.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;
  text-transform: uppercase;
  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__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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_sidebar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_sidebar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_sidebar__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_sidebar__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_sidebar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_sidebar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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-y: auto;
}

.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", 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", 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 {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.5rem;
  cursor: pointer;
}

.main_ui_dashboard_sidebar__profile-fullname {
  font-family: "worksans", 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", 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;
}

.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);
}
@keyframes main_ui_dashboard_team__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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__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", 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__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__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__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__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__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__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__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__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__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__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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_team__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_team__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_team__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_team__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_team__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_team__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  position: relative;
  padding-top: 11.25rem;
}

.main_ui_dashboard_team__block-label {
  font-family: "worksans", 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: absolute;
  top: 0;
  left: 0;
  height: 7.5rem;
  width: 7.5rem;
  padding: 1rem;
}
.main_ui_dashboard_team__team-icon:hover {
  --update-button-opacity: 1;
}

.main_ui_dashboard_team__team-image {
  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: 1rem;
  left: 1rem;
  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", 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", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  font-weight: 400;
}

.main_ui_dashboard_team__member-email {
  font-family: "worksans", 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(--icon-foreground);
}

.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__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", 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", 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__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-title {
  font-family: "worksans", 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__role-title {
  font-family: "worksans", 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", 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", 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", 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 {
  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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_team_form__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_team_form__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_team_form__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_team_form__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_team_form__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_team_form__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 {
  margin-bottom: 0.5rem;
}
.main_ui_dashboard_team_form__group-name-input label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  font-family: "worksans", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_dashboard_templates__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_dashboard_templates__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_dashboard_templates__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_dashboard_templates__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_dashboard_templates__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_dashboard_templates__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  bottom: 0;
  width: 100%;
  height: 14.25rem;
  transition: bottom 300ms;
  pointer-events: none;
}
.main_ui_dashboard_templates__dashboard-templates-section.main_ui_dashboard_templates__collapsed {
  bottom: calc(-1 * 14.25rem);
  transition: bottom 300ms;
}

.main_ui_dashboard_templates__title {
  pointer-events: all;
  width: -moz-fit-content;
  width: fit-content;
  top: calc(-1 * 3.5rem);
  text-align: right;
  height: 3.5rem;
  position: absolute;
  right: calc(-1 * 1.5rem);
}

.main_ui_dashboard_templates__title-btn {
  border: none;
  cursor: pointer;
  height: 3.5rem;
  display: inline-flex;
  align-items: center;
  border-top-left-radius: calc(0.5rem + 0.125rem);
  border-top-right-radius: calc(0.5rem + 0.125rem);
  margin-right: 2rem;
  position: relative;
  z-index: 1;
  background-color: var(--color-background-quaternary);
}

.main_ui_dashboard_templates__title-text {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  font-size: 1rem;
  margin-left: 1rem;
  margin-right: 0.5rem;
  color: var(--color-foreground-primary);
  font-weight: 400;
}

.main_ui_dashboard_templates__title-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 1rem;
  margin-right: 0.5rem;
  color: var(--color-foreground-primary);
  margin-left: 1rem;
  margin-right: 1rem;
  transform: rotate(90deg);
}

.main_ui_dashboard_templates__title-icon-collapsed {
  transform: rotate(-90deg);
}

.main_ui_dashboard_templates__arrow-icon {
  stroke: var(--icon-foreground);
}

.main_ui_dashboard_templates__move-button {
  position: absolute;
  top: 8.5rem;
  border: 0.125rem solid var(--color-foreground-secondary);
  border-radius: 50%;
  text-align: center;
  width: 2.25rem;
  height: 2.25rem;
  cursor: pointer;
  background-color: var(--color-foreground-primary);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: all;
}
.main_ui_dashboard_templates__move-button:hover {
  border: 0.125rem solid var(--color-accent-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 {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(17.25rem, 17.25rem));
  grid-auto-flow: column;
  pointer-events: all;
  height: 14.25rem;
  margin-left: 0.375rem;
  border-top-left-radius: 0.5rem;
  background-color: var(--color-background-quaternary);
  overflow: scroll hidden;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
  scroll-snap-stop: always;
}

.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: calc(1px + 0.125rem) 0.375rem 1rem 0.375rem;
  border-radius: 0.5rem;
}
.main_ui_dashboard_templates__template-card:hover {
  background-color: var(--color-background-tertiary);
}

.main_ui_dashboard_templates__img-container {
  width: 100%;
  height: 8.5rem;
  margin-bottom: 1rem;
  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: 500;
  font-size: 1rem;
}

.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_components_code_block__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_code_block__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_code_block__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_code_block__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_code_block__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_code_block__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_code_block__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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);
  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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_color_bullet__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_color_bullet__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_color_bullet__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_color_bullet__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_color_bullet__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_color_bullet__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  -webkit-clip-path: none;
          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%;
  -webkit-clip-path: circle(50%);
          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", 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", 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;
  color: var(--palette-text-color);
  height: 1.75rem;
  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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_context_menu_a11y__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_context_menu_a11y__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_context_menu_a11y__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_context_menu_a11y__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_context_menu_a11y__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  height: 0.75rem;
}
.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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_copy_button__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_copy_button__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_copy_button__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_copy_button__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_copy_button__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_copy_button__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_editable_label__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_editable_label__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_editable_label__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_editable_label__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_editable_label__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_editable_label__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_editable_select__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_editable_select__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_editable_select__asset-element, .main_ui_components_editable_select__editable-select {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_editable_select__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_editable_select__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_editable_select__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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, :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 input span svg,
.main_ui_components_forms__input-element label svg,
.main_ui_components_forms__input-with-label 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 input span svg,
.main_ui_components_forms__input-element label svg,
.main_ui_components_forms__input-with-label 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 {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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] {
  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 input span,
.main_ui_components_forms__input-element label,
.main_ui_components_forms__input-with-label input label {
  font-family: "worksans", 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 input {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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 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 input span svg,
.main_ui_components_forms__input-element label svg,
.main_ui_components_forms__input-with-label input label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_components_forms__input-element ::-moz-placeholder, .main_ui_components_forms__input-with-label input ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_forms__input-element ::placeholder, .main_ui_components_forms__input-with-label input ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_components_forms__input-element:hover, .main_ui_components_forms__input-with-label 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 input:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_forms__input-element:hover input, .main_ui_components_forms__input-with-label input:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_components_forms__input-element:active, .main_ui_components_forms__input-with-label 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 input:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-element:active input, .main_ui_components_forms__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_components_forms__input-element:focus, .main_ui_components_forms__input-with-label input:focus, .main_ui_components_forms__input-element:focus-within, .main_ui_components_forms__input-with-label 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 input:focus span, .main_ui_components_forms__input-element:focus-within span, .main_ui_components_forms__input-with-label 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 input:focus input, .main_ui_components_forms__input-element:focus-within input, .main_ui_components_forms__input-with-label 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 input:focus:hover, .main_ui_components_forms__input-element:focus-within:hover, .main_ui_components_forms__input-with-label 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 input:focus:hover span, .main_ui_components_forms__input-element:focus-within:hover span, .main_ui_components_forms__input-with-label 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 input:focus:hover input, .main_ui_components_forms__input-element:focus-within:hover input, .main_ui_components_forms__input-with-label input:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_components_forms__input-element-label {
  font-family: "worksans", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_forms__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_forms__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_forms__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_forms__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_forms__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_forms__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  gap: 0.5rem;
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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 input {
  color: var(--input-foreground-color-active);
  margin-top: 0;
  width: 100%;
  height: 100%;
  padding: 0 0.5rem;
}
.main_ui_components_forms__input-with-label input:focus {
  outline: none;
  border: 1px solid var(--input-border-color-focus);
  border-radius: 0.5rem;
}
.main_ui_components_forms__input-with-label input:-webkit-autofill,
.main_ui_components_forms__input-with-label input:-webkit-autofill:hover,
.main_ui_components_forms__input-with-label input:-webkit-autofill:focus,
.main_ui_components_forms__input-with-label 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", 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", 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__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", 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", 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", 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;
}

: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", 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", 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", 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);
  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.main_ui_components_forms__with-image {
  font-family: "worksans", 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;
  height: 7.25rem;
  width: 5.75rem;
  border-radius: 0.5rem;
  margin: 0;
  border: 1px solid var(--color-background-tertiary);
  cursor: pointer;
}
.main_ui_components_forms__radio-label.main_ui_components_forms__with-image.checked {
  border: 1px solid var(--color-accent-primary);
}
.main_ui_components_forms__radio-label.main_ui_components_forms__with-image:focus, .main_ui_components_forms__radio-label.main_ui_components_forms__with-image:focus-within {
  outline: none;
  border: 1px solid var(--input-border-color-active);
}

.main_ui_components_forms__image-inside {
  width: 3.75rem;
  height: 3rem;
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: center;
}

.main_ui_components_forms__icon-inside {
  width: 3.75rem;
  height: 3rem;
}
.main_ui_components_forms__icon-inside svg {
  width: 3.75rem;
  height: 3rem;
  stroke: var(--icon-foreground);
  fill: none;
}

.main_ui_components_forms__textarea-label {
  font-family: "worksans", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_radio_buttons__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_radio_buttons__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_radio_buttons__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_radio_buttons__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_radio_buttons__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_radio_buttons__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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);
}
@keyframes main_ui_components_search_bar__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_search_bar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_search_bar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_search_bar__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_search_bar__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_search_bar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_search_bar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_select__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_select__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_select__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_select__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_select__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_select__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_tab_container__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_tab_container__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_tab_container__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_tab_container__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_tab_container__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_tab_container__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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 ::-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", 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", 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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_components_title_bar__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_components_title_bar__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_components_title_bar__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_components_title_bar__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_components_title_bar__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_components_title_bar__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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", 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);
}
.main_ui_components_buttons_simple_button__button {
  font-family: monospace;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.main_ui_components_buttons_simple_button__button svg {
  width: 16px;
  height: 16px;
  stroke: #000;
}
@keyframes main_ui_auth_common__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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__demo-account-link,
.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__demo-account-link: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__demo-account-link: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__demo-account-link 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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link.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__demo-account-link,
[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__demo-account-link: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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_auth_common__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_auth_common__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_auth_common__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_common__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_auth_common__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_auth_common__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 1.5rem;
}
.main_ui_auth_common__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_auth_common__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_common__auth-title {
  font-family: "worksans", 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", 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", 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", 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__demo-account,
.main_ui_auth_common__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_common__demo-account-link,
.main_ui_auth_common__go-back-link {
  font-family: "worksans", 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 {
  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 {
  font-family: "worksans", 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 {
  font-family: "worksans", 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 {
  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", 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", 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 ::-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", 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", 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__demo-account-link,
.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__demo-account-link: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__demo-account-link: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__demo-account-link 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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link.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__demo-account-link,
[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__demo-account-link: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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_auth_login__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_auth_login__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_auth_login__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_login__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_auth_login__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_auth_login__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 1.5rem;
}
.main_ui_auth_login__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_auth_login__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_login__auth-title {
  font-family: "worksans", 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", 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", 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", 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__demo-account,
.main_ui_auth_login__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_login__demo-account-link,
.main_ui_auth_login__go-back-link {
  font-family: "worksans", 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 {
  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 {
  font-family: "worksans", 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 {
  font-family: "worksans", 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 {
  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", 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", 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 ::-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", 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", 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__demo-account-link,
.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__demo-account-link: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__demo-account-link: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__demo-account-link 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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link.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__demo-account-link,
[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__demo-account-link: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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_auth_recovery__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_auth_recovery__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_auth_recovery__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_recovery__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_auth_recovery__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_auth_recovery__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 1.5rem;
}
.main_ui_auth_recovery__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_auth_recovery__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_recovery__auth-title {
  font-family: "worksans", 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", 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", 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", 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__demo-account,
.main_ui_auth_recovery__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_recovery__demo-account-link,
.main_ui_auth_recovery__go-back-link {
  font-family: "worksans", 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 {
  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 {
  font-family: "worksans", 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 {
  font-family: "worksans", 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 {
  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", 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", 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 ::-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", 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", 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__demo-account-link,
.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__demo-account-link: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__demo-account-link: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__demo-account-link 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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link.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__demo-account-link,
[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__demo-account-link: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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_auth_recovery_request__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_auth_recovery_request__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_auth_recovery_request__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_recovery_request__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_auth_recovery_request__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_auth_recovery_request__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 1.5rem;
}
.main_ui_auth_recovery_request__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.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", 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", 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", 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", 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__demo-account,
.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__demo-account-link,
.main_ui_auth_recovery_request__go-back-link {
  font-family: "worksans", 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 {
  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 {
  font-family: "worksans", 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 {
  font-family: "worksans", 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 {
  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", 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", 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;
}
@keyframes main_ui_auth_register__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.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", 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", 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__demo-account-link,
.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__demo-account-link: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__demo-account-link: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__demo-account-link 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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link: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__demo-account-link.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__demo-account-link,
[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__demo-account-link: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;
  font-family: "worksans", 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: 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", 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 {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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", 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", 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", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.688rem;
  font-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", sans-serif;
  font-size: 0.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__loader-base {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_auth_register__loader-base svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_auth_register__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_auth_register__asset-element {
  font-family: "worksans", 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", 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", 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", 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", 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", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
}

.main_ui_auth_register__copy-button-children {
  font-family: "worksans", 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__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_auth_register__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_auth_register__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.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", 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", 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: 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", 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: 1.5rem;
}
.main_ui_auth_register__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_auth_register__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_register__auth-title {
  font-family: "worksans", 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", 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", 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", 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__demo-account,
.main_ui_auth_register__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_register__demo-account-link,
.main_ui_auth_register__go-back-link {
  font-family: "worksans", 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 {
  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 {
  font-family: "worksans", 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 {
  font-family: "worksans", 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 {
  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", 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", 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 {
  margin: 1rem 0;
}
.main_ui_auth_register__accept-terms-and-privacy-wrapper a {
  color: var(--color-foreground-secondary);
  font-weight: 700;
}

.main_ui_auth_register__register-success {
  padding-bottom: 2rem;
}

.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-email,
.main_ui_auth_register__notification-text {
  font-size: 1rem;
  color: var(--notification-foreground-color-default);
  margin-bottom: 1rem;
}
@keyframes main_ui_auth_verify_token__spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.main_ui_auth_verify_token__new-scrollbar ::-webkit-scrollbar {
  background-color: transparent;
  cursor: pointer;
  height: 0.75rem;
  width: 0.75rem;
}
.main_ui_auth_verify_token__new-scrollbar ::-webkit-scrollbar-track,
.main_ui_auth_verify_token__new-scrollbar ::-webkit-scrollbar-corner {
  background-color: transparent;
}
.main_ui_auth_verify_token__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_verify_token__new-scrollbar ::-webkit-scrollbar-thumb:hover {
  background-color: rgba(170, 181, 186, 0.7);
  outline: none;
}
.main_ui_auth_verify_token__new-scrollbar ::-moz-selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_verify_token__new-scrollbar ::selection {
  background: var(--text-editor-selection-background-color);
  color: var(--text-editor-selection-foreground-color);
}
.main_ui_auth_verify_token__new-scrollbar ::placeholder,
.main_ui_auth_verify_token__new-scrollbar ::-webkit-input-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}

.main_ui_auth_verify_token__button-primary, .main_ui_auth_verify_token__login-button,
.main_ui_auth_verify_token__login-ldap-button, .main_ui_auth_verify_token__submit-btn,
.main_ui_auth_verify_token__register-btn,
.main_ui_auth_verify_token__recover-btn, .main_ui_auth_verify_token__modal-danger-btn, .main_ui_auth_verify_token__modal-accept-btn {
  border: none;
  background: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_verify_token__button-primary:focus-visible, .main_ui_auth_verify_token__login-button:focus-visible,
.main_ui_auth_verify_token__login-ldap-button:focus-visible, .main_ui_auth_verify_token__submit-btn:focus-visible,
.main_ui_auth_verify_token__register-btn:focus-visible,
.main_ui_auth_verify_token__recover-btn:focus-visible, .main_ui_auth_verify_token__modal-danger-btn:focus-visible, .main_ui_auth_verify_token__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_verify_token__button-primary:focus-visible svg, .main_ui_auth_verify_token__login-button:focus-visible svg,
.main_ui_auth_verify_token__login-ldap-button:focus-visible svg, .main_ui_auth_verify_token__submit-btn:focus-visible svg,
.main_ui_auth_verify_token__register-btn:focus-visible svg,
.main_ui_auth_verify_token__recover-btn:focus-visible svg, .main_ui_auth_verify_token__modal-danger-btn:focus-visible svg, .main_ui_auth_verify_token__modal-accept-btn:focus-visible svg,
.main_ui_auth_verify_token__button-primary:focus-visible span svg {
  stroke: var(--button-primary-foreground-color-focus);
}
.main_ui_auth_verify_token__button-primary svg, .main_ui_auth_verify_token__login-button svg,
.main_ui_auth_verify_token__login-ldap-button svg, .main_ui_auth_verify_token__submit-btn svg,
.main_ui_auth_verify_token__register-btn svg,
.main_ui_auth_verify_token__recover-btn svg, .main_ui_auth_verify_token__modal-danger-btn svg, .main_ui_auth_verify_token__modal-accept-btn svg,
.main_ui_auth_verify_token__button-primary span svg {
  stroke: var(--button-primary-foreground-color-rest);
}
.main_ui_auth_verify_token__button-primary:hover, .main_ui_auth_verify_token__login-button:hover,
.main_ui_auth_verify_token__login-ldap-button:hover, .main_ui_auth_verify_token__submit-btn:hover,
.main_ui_auth_verify_token__register-btn:hover,
.main_ui_auth_verify_token__recover-btn:hover, .main_ui_auth_verify_token__modal-danger-btn:hover, .main_ui_auth_verify_token__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_verify_token__button-primary:hover svg, .main_ui_auth_verify_token__login-button:hover svg,
.main_ui_auth_verify_token__login-ldap-button:hover svg, .main_ui_auth_verify_token__submit-btn:hover svg,
.main_ui_auth_verify_token__register-btn:hover svg,
.main_ui_auth_verify_token__recover-btn:hover svg, .main_ui_auth_verify_token__modal-danger-btn:hover svg, .main_ui_auth_verify_token__modal-accept-btn:hover svg,
.main_ui_auth_verify_token__button-primary:hover span svg {
  stroke: var(--button-primary-foreground-color-hover);
}
.main_ui_auth_verify_token__button-primary:active, .main_ui_auth_verify_token__login-button:active,
.main_ui_auth_verify_token__login-ldap-button:active, .main_ui_auth_verify_token__submit-btn:active,
.main_ui_auth_verify_token__register-btn:active,
.main_ui_auth_verify_token__recover-btn:active, .main_ui_auth_verify_token__modal-danger-btn:active, .main_ui_auth_verify_token__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_verify_token__button-primary:active svg, .main_ui_auth_verify_token__login-button:active svg,
.main_ui_auth_verify_token__login-ldap-button:active svg, .main_ui_auth_verify_token__submit-btn:active svg,
.main_ui_auth_verify_token__register-btn:active svg,
.main_ui_auth_verify_token__recover-btn:active svg, .main_ui_auth_verify_token__modal-danger-btn:active svg, .main_ui_auth_verify_token__modal-accept-btn:active svg,
.main_ui_auth_verify_token__button-primary:active span svg {
  stroke: var(--button-primary-foreground-color-active);
}
.main_ui_auth_verify_token__button-primary.disabled, .main_ui_auth_verify_token__login-button.disabled,
.main_ui_auth_verify_token__login-ldap-button.disabled, .main_ui_auth_verify_token__submit-btn.disabled,
.main_ui_auth_verify_token__register-btn.disabled,
.main_ui_auth_verify_token__recover-btn.disabled, .main_ui_auth_verify_token__modal-danger-btn.disabled, .main_ui_auth_verify_token__modal-accept-btn.disabled, .main_ui_auth_verify_token__button-primary[disabled], [disabled].main_ui_auth_verify_token__login-button,
[disabled].main_ui_auth_verify_token__login-ldap-button, [disabled].main_ui_auth_verify_token__submit-btn,
[disabled].main_ui_auth_verify_token__register-btn,
[disabled].main_ui_auth_verify_token__recover-btn, [disabled].main_ui_auth_verify_token__modal-danger-btn, [disabled].main_ui_auth_verify_token__modal-accept-btn, .main_ui_auth_verify_token__button-primary:disabled, .main_ui_auth_verify_token__login-button:disabled,
.main_ui_auth_verify_token__login-ldap-button:disabled, .main_ui_auth_verify_token__submit-btn:disabled,
.main_ui_auth_verify_token__register-btn:disabled,
.main_ui_auth_verify_token__recover-btn:disabled, .main_ui_auth_verify_token__modal-danger-btn:disabled, .main_ui_auth_verify_token__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_verify_token__button-secondary, .main_ui_auth_verify_token__demo-account-link,
.main_ui_auth_verify_token__go-back-link, .main_ui_auth_verify_token__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_verify_token__button-secondary:focus-visible, .main_ui_auth_verify_token__demo-account-link:focus-visible,
.main_ui_auth_verify_token__go-back-link:focus-visible, .main_ui_auth_verify_token__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_verify_token__button-secondary:focus-visible svg, .main_ui_auth_verify_token__demo-account-link:focus-visible svg,
.main_ui_auth_verify_token__go-back-link:focus-visible svg, .main_ui_auth_verify_token__modal-cancel-btn:focus-visible svg,
.main_ui_auth_verify_token__button-secondary:focus-visible span svg {
  stroke: var(--button-secondary-foreground-color-focus);
}
.main_ui_auth_verify_token__button-secondary svg, .main_ui_auth_verify_token__demo-account-link svg,
.main_ui_auth_verify_token__go-back-link svg, .main_ui_auth_verify_token__modal-cancel-btn svg,
.main_ui_auth_verify_token__button-secondary span svg {
  stroke: var(--button-secondary-foreground-color-rest);
}
.main_ui_auth_verify_token__button-secondary:hover, .main_ui_auth_verify_token__demo-account-link:hover,
.main_ui_auth_verify_token__go-back-link:hover, .main_ui_auth_verify_token__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_verify_token__button-secondary:hover svg, .main_ui_auth_verify_token__demo-account-link:hover svg,
.main_ui_auth_verify_token__go-back-link:hover svg, .main_ui_auth_verify_token__modal-cancel-btn:hover svg,
.main_ui_auth_verify_token__button-secondary:hover span svg {
  stroke: var(--button-secondary-foreground-color-hover);
}
.main_ui_auth_verify_token__button-secondary:active, .main_ui_auth_verify_token__demo-account-link:active,
.main_ui_auth_verify_token__go-back-link:active, .main_ui_auth_verify_token__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_verify_token__button-secondary:active svg, .main_ui_auth_verify_token__demo-account-link:active svg,
.main_ui_auth_verify_token__go-back-link:active svg, .main_ui_auth_verify_token__modal-cancel-btn:active svg,
.main_ui_auth_verify_token__button-secondary:active span svg {
  stroke: var(--button-secondary-foreground-color-active);
}
.main_ui_auth_verify_token__button-secondary.disabled, .main_ui_auth_verify_token__demo-account-link.disabled,
.main_ui_auth_verify_token__go-back-link.disabled, .main_ui_auth_verify_token__modal-cancel-btn.disabled, .main_ui_auth_verify_token__button-secondary[disabled], [disabled].main_ui_auth_verify_token__demo-account-link,
[disabled].main_ui_auth_verify_token__go-back-link, [disabled].main_ui_auth_verify_token__modal-cancel-btn, .main_ui_auth_verify_token__button-secondary:disabled, .main_ui_auth_verify_token__demo-account-link:disabled,
.main_ui_auth_verify_token__go-back-link:disabled, .main_ui_auth_verify_token__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_verify_token__button-tertiary, .main_ui_auth_verify_token__attr-title button, .main_ui_auth_verify_token__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_verify_token__button-tertiary:focus-visible, .main_ui_auth_verify_token__attr-title button:focus-visible, .main_ui_auth_verify_token__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_verify_token__button-tertiary:focus-visible svg, .main_ui_auth_verify_token__attr-title button:focus-visible svg, .main_ui_auth_verify_token__modal-close-btn-base:focus-visible svg,
.main_ui_auth_verify_token__button-tertiary:focus-visible span svg {
  stroke: var(--button-tertiary-foreground-color-focus);
}
.main_ui_auth_verify_token__button-tertiary svg, .main_ui_auth_verify_token__attr-title button svg, .main_ui_auth_verify_token__modal-close-btn-base svg,
.main_ui_auth_verify_token__button-tertiary span svg {
  stroke: var(--button-tertiary-foreground-color-rest);
}
.main_ui_auth_verify_token__button-tertiary:hover, .main_ui_auth_verify_token__attr-title button:hover, .main_ui_auth_verify_token__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_verify_token__button-tertiary:hover svg, .main_ui_auth_verify_token__attr-title button:hover svg, .main_ui_auth_verify_token__modal-close-btn-base:hover svg,
.main_ui_auth_verify_token__button-tertiary:hover span svg {
  stroke: var(--button-tertiary-foreground-color-hover);
}
.main_ui_auth_verify_token__button-tertiary:active, .main_ui_auth_verify_token__attr-title button:active, .main_ui_auth_verify_token__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_verify_token__button-tertiary:active svg, .main_ui_auth_verify_token__attr-title button:active svg, .main_ui_auth_verify_token__modal-close-btn-base:active svg,
.main_ui_auth_verify_token__button-tertiary:active span svg {
  stroke: var(--button-tertiary-foreground-color-active);
}
.main_ui_auth_verify_token__button-tertiary.disabled, .main_ui_auth_verify_token__attr-title button.disabled, .main_ui_auth_verify_token__modal-close-btn-base.disabled, .main_ui_auth_verify_token__button-tertiary[disabled], .main_ui_auth_verify_token__attr-title button[disabled], [disabled].main_ui_auth_verify_token__modal-close-btn-base, .main_ui_auth_verify_token__button-tertiary:disabled, .main_ui_auth_verify_token__attr-title button:disabled, .main_ui_auth_verify_token__modal-close-btn-base:disabled {
  color: var(--button-foreground-color-disabled);
  cursor: unset;
  pointer-events: none;
}
.main_ui_auth_verify_token__button-tertiary.disabled svg, .main_ui_auth_verify_token__attr-title button.disabled svg, .main_ui_auth_verify_token__modal-close-btn-base.disabled svg,
.main_ui_auth_verify_token__button-tertiary.disabled span svg, .main_ui_auth_verify_token__button-tertiary[disabled] svg, .main_ui_auth_verify_token__attr-title button[disabled] svg, [disabled].main_ui_auth_verify_token__modal-close-btn-base svg,
.main_ui_auth_verify_token__button-tertiary[disabled] span svg, .main_ui_auth_verify_token__button-tertiary:disabled svg, .main_ui_auth_verify_token__attr-title button:disabled svg, .main_ui_auth_verify_token__modal-close-btn-base:disabled svg,
.main_ui_auth_verify_token__button-tertiary:disabled span svg {
  stroke: var(--button-foreground-color-disabled);
}

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

.main_ui_auth_verify_token__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_verify_token__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_verify_token__button-radio:focus-visible svg,
.main_ui_auth_verify_token__button-radio:focus-visible span svg {
  stroke: var(--button-radio-foreground-color-focus);
}
.main_ui_auth_verify_token__button-radio svg,
.main_ui_auth_verify_token__button-radio span svg {
  stroke: var(--button-radio-foreground-color-rest);
}
.main_ui_auth_verify_token__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_verify_token__button-radio:hover svg,
.main_ui_auth_verify_token__button-radio:hover span svg {
  stroke: var(--button-radio-foreground-color-hover);
}
.main_ui_auth_verify_token__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_verify_token__button-radio:active svg,
.main_ui_auth_verify_token__button-radio:active span svg {
  stroke: var(--button-radio-foreground-color-active);
}

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

.main_ui_auth_verify_token__button-icon, .main_ui_auth_verify_token__empty-icon svg, .main_ui_auth_verify_token__modal-close-btn-base svg, .main_ui_auth_verify_token__button-icon-small, .main_ui_auth_verify_token__dropdown-element-base span svg, .main_ui_auth_verify_token__attr-title button svg, .main_ui_auth_verify_token__checkbox-icon.intermediate svg, .main_ui_auth_verify_token__input-checkbox label span.intermediate svg, .main_ui_auth_verify_token__checkbox-icon.checked svg, .main_ui_auth_verify_token__input-checkbox label span.checked svg, .main_ui_auth_verify_token__input-element span svg,
.main_ui_auth_verify_token__input-element label svg, .main_ui_auth_verify_token__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_verify_token__button-icon-small, .main_ui_auth_verify_token__dropdown-element-base span svg, .main_ui_auth_verify_token__attr-title button svg, .main_ui_auth_verify_token__checkbox-icon.intermediate svg, .main_ui_auth_verify_token__input-checkbox label span.intermediate svg, .main_ui_auth_verify_token__checkbox-icon.checked svg, .main_ui_auth_verify_token__input-checkbox label span.checked svg, .main_ui_auth_verify_token__input-element span svg,
.main_ui_auth_verify_token__input-element label svg, .main_ui_auth_verify_token__input-icon svg {
  height: 0.75rem;
  width: 0.75rem;
  stroke-width: 1.33px;
}

.main_ui_auth_verify_token__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_verify_token__button-constraint:hover {
  outline: 0.25rem solid var(--button-constraint-border-color-hover);
  background-color: var(--button-constraint-background-color-hover);
}

.main_ui_auth_verify_token__input-base, .main_ui_auth_verify_token__input-with-label input, .main_ui_auth_verify_token__input-element-label input, .main_ui_auth_verify_token__input-element input {
  border: none;
  background: none;
  outline: none;
  font-family: "worksans", 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: 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_verify_token__input-base[disabled], .main_ui_auth_verify_token__input-with-label input[disabled], .main_ui_auth_verify_token__input-element-label input[disabled], .main_ui_auth_verify_token__input-element input[disabled] {
  opacity: 0.5;
  pointer-events: none;
}

.main_ui_auth_verify_token__input-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 0.75rem;
  height: 2rem;
}
.main_ui_auth_verify_token__input-label, .main_ui_auth_verify_token__input-element span,
.main_ui_auth_verify_token__input-element label {
  font-family: "worksans", 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_verify_token__input-element {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  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_verify_token__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_verify_token__input-element span svg,
.main_ui_auth_verify_token__input-element label svg {
  stroke: var(--input-foreground-color);
}
.main_ui_auth_verify_token__input-element ::-moz-placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_verify_token__input-element ::placeholder {
  color: var(--input-placeholder-color);
}
.main_ui_auth_verify_token__input-element:hover {
  border: 1px solid var(--input-border-color-hover);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_verify_token__input-element:hover span {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_verify_token__input-element:hover input {
  color: var(--input-foreground-color-hover);
}
.main_ui_auth_verify_token__input-element:active {
  border: 1px solid var(--input-border-color-active);
  background-color: var(--input-background-color-active);
}
.main_ui_auth_verify_token__input-element:active span {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_verify_token__input-element:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_verify_token__input-element:focus, .main_ui_auth_verify_token__input-element:focus-within {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_verify_token__input-element:focus span, .main_ui_auth_verify_token__input-element:focus-within span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_verify_token__input-element:focus input, .main_ui_auth_verify_token__input-element:focus-within input {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_verify_token__input-element:focus:hover, .main_ui_auth_verify_token__input-element:focus-within:hover {
  border: 1px solid var(--input-border-color-focus);
  background-color: var(--input-background-color-focus);
}
.main_ui_auth_verify_token__input-element:focus:hover span, .main_ui_auth_verify_token__input-element:focus-within:hover span {
  color: var(--input-foreground-color-focus);
}
.main_ui_auth_verify_token__input-element:focus:hover input, .main_ui_auth_verify_token__input-element:focus-within:hover input {
  color: var(--input-foreground-color-focus);
}

.main_ui_auth_verify_token__input-element-label {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  padding: 0;
}
.main_ui_auth_verify_token__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_verify_token__input-element-label ::-moz-placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_verify_token__input-element-label ::placeholder {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  color: var(--input-placeholder-color);
}
.main_ui_auth_verify_token__input-element-label:hover input {
  color: var(--input-foreground-color-active);
  background-color: var(--input-background-color-hover);
}
.main_ui_auth_verify_token__input-element-label:focus-within input, .main_ui_auth_verify_token__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_verify_token__disabled-input, .main_ui_auth_verify_token__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_verify_token__disabled-input input, .main_ui_auth_verify_token__input-with-label.disabled input {
  pointer-events: none;
  cursor: default;
  color: var(--input-foreground-color-disabled);
}
.main_ui_auth_verify_token__disabled-input span svg, .main_ui_auth_verify_token__input-with-label.disabled span svg {
  stroke: var(--input-foreground-color-disabled);
}

.main_ui_auth_verify_token__checkbox-icon, .main_ui_auth_verify_token__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_verify_token__checkbox-icon svg, .main_ui_auth_verify_token__input-checkbox label span svg {
  width: 1rem;
  height: 1rem;
  display: none;
  stroke: var(--input-checkbox-inactive-foreground-color);
}
.main_ui_auth_verify_token__checkbox-icon:hover, .main_ui_auth_verify_token__input-checkbox label span:hover {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_verify_token__checkbox-icon:focus, .main_ui_auth_verify_token__input-checkbox label span:focus {
  border-color: var(--input-checkbox-border-color-focus);
}
.main_ui_auth_verify_token__checkbox-icon.checked, .main_ui_auth_verify_token__input-checkbox label span.checked {
  border-color: var(--input-checkbox-border-color-active);
  background-color: var(--input-checkbox-background-color-active);
}
.main_ui_auth_verify_token__checkbox-icon.checked svg, .main_ui_auth_verify_token__input-checkbox label span.checked svg {
  stroke: var(--input-checkbox-foreground-color-active);
}
.main_ui_auth_verify_token__checkbox-icon.intermediate, .main_ui_auth_verify_token__input-checkbox label span.intermediate {
  background-color: var(--input-checkbox-background-color-intermediate);
  border-color: var(--input-checkbox-border-color-intermediate);
}
.main_ui_auth_verify_token__checkbox-icon.intermediate svg, .main_ui_auth_verify_token__input-checkbox label span.intermediate svg {
  stroke: var(--input-checkbox-foreground-color-intermediate);
}
.main_ui_auth_verify_token__checkbox-icon.unchecked, .main_ui_auth_verify_token__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_verify_token__checkbox-icon.unchecked svg, .main_ui_auth_verify_token__input-checkbox label span.unchecked svg {
  display: none;
}

.main_ui_auth_verify_token__input-checkbox {
  display: flex;
  align-items: center;
}
.main_ui_auth_verify_token__input-checkbox label {
  font-family: "worksans", 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_verify_token__input-checkbox label input {
  margin: 0;
}
.main_ui_auth_verify_token__input-checkbox label:hover span {
  border-color: var(--input-checkbox-border-color-hover);
}
.main_ui_auth_verify_token__input-checkbox label:focus span, .main_ui_auth_verify_token__input-checkbox label:focus-within span {
  border-color: var(--input-checkbox-border-color-focus);
}

.main_ui_auth_verify_token__input-with-label {
  display: flex;
  flex-direction: column;
}
.main_ui_auth_verify_token__input-with-label label {
  font-family: "worksans", 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_verify_token__input-with-label input {
  font-family: "worksans", 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_verify_token__input-with-label input:focus-within, .main_ui_auth_verify_token__input-with-label input:active {
  background-color: var(--input-background-color-active);
  border: 1px solid var(--input-border-color-active);
}
.main_ui_auth_verify_token__input-with-label input:focus-within input, .main_ui_auth_verify_token__input-with-label input:active input {
  color: var(--input-foreground-color-active);
}
.main_ui_auth_verify_token__input-with-label.invalid input {
  border: 1px solid var(--input-border-color-error);
}

.main_ui_auth_verify_token__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_verify_token__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_verify_token__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_verify_token__modal-close-btn-base {
  position: absolute;
  top: 0.5rem;
  right: 0.375rem;
  height: 2rem;
  width: 1.75rem;
}
.main_ui_auth_verify_token__modal-hint-base {
  font-family: "worksans", 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_verify_token__modal-action-btns {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
}

.main_ui_auth_verify_token__modal-cancel-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_verify_token__modal-accept-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-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_verify_token__modal-danger-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.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_verify_token__loader-base, .main_ui_auth_verify_token__verify-token {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  z-index: 40;
  background-color: var(--loader-background);
}
.main_ui_auth_verify_token__loader-base svg#loader-pencil, .main_ui_auth_verify_token__verify-token svg#loader-pencil {
  height: 6.25rem;
  width: 6.25rem;
  animation: main_ui_auth_verify_token__loaderColor 5s infinite ease;
  fill: var(--icon-foreground);
}

.main_ui_auth_verify_token__asset-element {
  font-family: "worksans", 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_verify_token__asset-element:hover {
  background-color: var(--assets-item-background-color-hover);
  color: var(--assets-item-name-foreground-color-hover);
}

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

.main_ui_auth_verify_token__shortcut-key-base {
  font-family: "worksans", 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_verify_token__user-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "worksans", 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_verify_token__user-icon img {
  border-radius: 50%;
  border: 0.125rem solid var(--user-count-foreground-color);
}

.main_ui_auth_verify_token__mixed-bar {
  font-family: "worksans", 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_verify_token__link {
  background: unset;
  border: none;
  color: var(--link-foreground-color);
  cursor: pointer;
  text-decoration: none;
}

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

.main_ui_auth_verify_token__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_verify_token__empty-icon svg {
  height: 1.75rem;
  width: 1.75rem;
  stroke: var(--empty-message-foreground-color);
}

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

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

.main_ui_auth_verify_token__copy-button-children {
  font-family: "worksans", 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_verify_token__copy-button-children:hover div {
  color: var(--entry-foreground-color-hover);
}

.main_ui_auth_verify_token__comment-bubbles {
  font-family: "worksans", sans-serif;
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.4;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--comment-bullet-background-color-rest);
  border: 1px solid var(--comment-bullet-border-color-rest);
  color: var(--comment-bullet-foreground-color-rest);
}

.main_ui_auth_verify_token__resolved-comment-bubble {
  background-color: var(--comment-bullet-background-color-resolved);
  border: 1px solid var(--comment-bullet-border-color-resolved);
  color: var(--comment-bullet-foreground-color-resolved);
}

.main_ui_auth_verify_token__unread-comment-bubble {
  background-color: var(--comment-bullet-background-color-unread);
  border: 1px solid var(--comment-bullet-border-color-unread);
  color: var(--comment-bullet-foreground-color-unread);
}

.main_ui_auth_verify_token__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_verify_token__menu-item-base {
  font-family: "worksans", 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_verify_token__menu-item-base:hover {
  background-color: var(--menu-background-color-hover);
}

.main_ui_auth_verify_token__dropdown-element-base {
  font-family: "worksans", 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_verify_token__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_verify_token__dropdown-element-base span svg {
  stroke: var(--icon-foreground);
}
.main_ui_auth_verify_token__dropdown-element-base:hover {
  background-color: var(--menu-background-color-hover);
  color: var(--menu-foreground-color);
}
.main_ui_auth_verify_token__dropdown-element-base:hover span svg {
  stroke: var(--menu-foreground-color-hover);
}

.main_ui_auth_verify_token__dropdown-wrapper {
  box-shadow: 0px 0px 0.75rem 0px var(--menu-shadow-color);
  position: absolute;
  top: 2rem;
  left: 0;
  width: 100%;
  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_verify_token__select-wrapper {
  font-family: "worksans", 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_verify_token__auth-form-wrapper {
  width: 100%;
  padding-block-end: 0;
  display: grid;
  gap: 1.5rem;
}
.main_ui_auth_verify_token__auth-form-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}

.main_ui_auth_verify_token__separator {
  border-color: var(--modal-separator-backogrund-color);
  margin: 0;
}

.main_ui_auth_verify_token__auth-title {
  font-family: "worksans", sans-serif;
  font-size: 1.5rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color-hover);
}

.main_ui_auth_verify_token__auth-subtitle {
  font-family: "worksans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  color: var(--title-foreground-color);
}

.main_ui_auth_verify_token__auth-tagline {
  font-family: "worksans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  margin: 0;
  color: var(--title-foreground-color);
}

.main_ui_auth_verify_token__form-field {
  --input-width: 100%;
  --input-height: 2.5rem;
  --input-min-width: 100%;
}

.main_ui_auth_verify_token__buttons-stack {
  display: grid;
  gap: 0.5rem;
}

.main_ui_auth_verify_token__login-button,
.main_ui_auth_verify_token__login-ldap-button {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_verify_token__demo-account,
.main_ui_auth_verify_token__go-back {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding: 0;
  border-block-start: none;
}

.main_ui_auth_verify_token__demo-account-link,
.main_ui_auth_verify_token__go-back-link {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
}

.main_ui_auth_verify_token__links {
  display: grid;
  gap: 1.5rem;
}

.main_ui_auth_verify_token__register,
.main_ui_auth_verify_token__account,
.main_ui_auth_verify_token__recovery-request {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  padding: 0;
}

.main_ui_auth_verify_token__register-text,
.main_ui_auth_verify_token__account-text,
.main_ui_auth_verify_token__recovery-text {
  font-family: "worksans", sans-serif;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.2;
  text-align: right;
  color: var(--title-foreground-color);
}

.main_ui_auth_verify_token__register-link,
.main_ui_auth_verify_token__account-link,
.main_ui_auth_verify_token__recovery-link,
.main_ui_auth_verify_token__forgot-pass-link {
  font-family: "worksans", 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_verify_token__register-link:hover,
.main_ui_auth_verify_token__account-link:hover,
.main_ui_auth_verify_token__recovery-link:hover,
.main_ui_auth_verify_token__forgot-pass-link:hover {
  text-decoration: underline;
}

.main_ui_auth_verify_token__forgot-password {
  display: flex;
  justify-content: flex-end;
}

.main_ui_auth_verify_token__submit-btn,
.main_ui_auth_verify_token__register-btn,
.main_ui_auth_verify_token__recover-btn {
  font-family: "worksans", sans-serif;
  font-size: 0.688rem;
  font-weight: 500;
  line-height: 1.2;
  text-transform: uppercase;
  height: 2.5rem;
  width: 100%;
}

.main_ui_auth_verify_token__login-btn {
  font-family: "worksans", 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_verify_token__login-btn span {
  padding-block-start: 0.125rem;
}
.main_ui_auth_verify_token__login-btn:hover {
  color: var(--button-foreground-color-focus);
  background-color: var(--button-secondary-background-color-hover);
}

.main_ui_auth_verify_token__auth-buttons {
  display: flex;
  gap: 0.5rem;
}