@import "https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";
@import "https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&display=swap";

/* node_modules/microboard-temp/dist/microboard.css */
.microboard-quickAddButton {
  transform-origin: 50%;
  z-index: 2;
  position: absolute;
  background-color: #93aff6;
  border: 1px solid #fff;
  border-radius: 50%;
  margin: auto;
  padding: 14px;
  transition: transform .2s, border 0s .2s;
  transform: translate(-50%, -50%)scale(.25);
}

.microboard-invisible {
  display: none;
}

.microboard-quickAddButtonActive {
  background-color: #924fe8;
  border: none;
  transform: translate(-50%, -50%)scale(1);
}

.microboard-quickAddButton:after {
  content: "";
  opacity: 1;
  position: absolute;
  border-radius: 50%;
  transition: all .2s .2s;
  inset: 0;
  transform: scale(4);
}

.microboard-quickAddButtonActive:after {
  opacity: 0;
  transform: none;
}

.microboard-quickAddButton:before {
  content: "";
  --quick-add-button-width: 17px;
  --quick-add-button-height: 10px;
  width: var(--quick-add-button-width);
  height: var(--quick-add-button-height);
  opacity: 0;
  transform-origin: 50%;
  position: absolute;
  background: url("data:image/svg+xml;utf8,<svg width=\"var(--quick-add-button-width)\" height=\"var(--quick-add-button-height)\" viewBox=\"0 0 17 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M16.7593 5.00009L10.5339 9.58329L9.68819 8.30677L12.9245 5.83329H0.0415039V4.16663H12.9241L9.68819 1.69341L10.5339 0.416626L16.7593 5.00009Z\" fill=\"white\"/></svg>") no-repeat;
  transition: opacity .2s;
  top: 35%;
  left: 20%;
}

.microboard-quickAddButtonActive:before {
  opacity: 1;
}

.microboard-quickAddButton.microboard-left:before {
  rotate: 180deg;
}

.microboard-quickAddButton.microboard-right:before {
  rotate: none;
}

.microboard-quickAddButton.microboard-top:before {
  rotate: 270deg;
}

.microboard-quickAddButton.microboard-bottom:before {
  rotate: 90deg;
}

/* src/public/index.css */
:root {
  --background-surface-default: #fff;
  --background-button-secondary: #fff;
  --background-button-secondary-hover: #f7f7f8;
  --background-badge-purple-disabled: #f7f1fd;
  --background-badge-gray: #e9eaec;
  --background-accent-purple: #924fe8;
  --border-action-normal: #dedfe3;
  --border-action-focus: #924fe8;
  --border-select-primary: #924fe8;
  --text-base-primary: #14151a;
  --text-base-secondary: #0f132499;
  --text-base-quaternary: #0a0f2940;
  --text-accent-purple: #9859e9;
  --icon-base-primary: #14151a;
  --icon-base-secondary: #696b76;
  --icon-accent-purple: #924fe8;
  --absolute-position-panel-padding: 12px;
}

* {
  box-sizing: border-box;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
  font-family: inherit;
}

:focus {
  outline: none;
}

html {
  font-size: 62.5%;
}

body {
  color: var(--text-base-primary);
  font-optical-sizing: auto;
  font-family: Manrope, sans-serif;
  font-size: 1.6rem;
  font-style: normal;
}

html, body {
  overscroll-behavior-x: none;
  -webkit-user-select: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

input:-webkit-autofill:hover {
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

input:-webkit-autofill:focus {
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

input:-webkit-autofill:active {
  -webkit-box-shadow: inset 0 0 0 30px #fff !important;
}

/* src/shared/ui-lib/Icon/Icon.module.css */
.icon_zNwsNQ {
  max-width: 24px;
  max-height: 24px;
}

@media screen and (max-width: 748px) {
  .icon_zNwsNQ {
    max-width: 20px;
    max-height: 20px;
  }
}

/* src/shared/ui-lib/Icon/TextColorIndicator/TextColorIndicator.module.css */
.icon_2WfCAQ {
  position: relative;
  width: 24px;
  height: 24px;
}

.indicator_2WfCAQ {
  position: absolute;
  width: 19px;
  height: 4px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

/* src/shared/ui-lib/Icon/TextHighlightIndicator/TextHighlightIndicator.module.css */
.icon_lfboYg {
  position: relative;
  width: 24px;
  height: 24px;
}

.indicator_lfboYg {
  position: absolute;
  border: 1px solid #1f1f1f40;
  border-radius: 25px;
  width: 8px;
  height: 8px;
  top: -3px;
  right: -3px;
}

/* src/features/GoogleAuthBtn/GoogleAuthBtn.module.css */
.baseStyle_r6IDww {
  text-align: center;
  color: #fff;
  display: flex;
  cursor: pointer;
  background-color: #5980de;
  border: none;
  border-radius: 12px;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  width: 100%;
  max-width: 252px;
  height: 40px;
  margin: 0 auto;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 600;
}

/* src/features/LoginWith/LoginWith.module.css */
.wr_k5GL4w {
  display: flex;
  color: #666;
  justify-content: center;
  align-items:  center;
  width: 100%;
  margin: 32px 0;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
}

.line_k5GL4w {
  background-color: #ddd;
  flex-grow: 1;
  height: 1px;
  margin: 0 10px;
}

/* src/shared/ui-lib/UiButton/UiButton.module.css */
.default_XNHIwg {
  --background-color: #924fe8;
  --background-hover-color: #731de2;
  --background-active-color: #731de2;
  --background-disabled-color: #e9eaec;
  --content-color: #fff;
  --content-hover-color: #fff;
  --content-active-color: #fff;
  --content-disabled-color: #b1b3bb;
  --focus-outline-color: #e3d9ff;
}

.secondary_XNHIwg {
  --background-color: #fff;
  --background-hover-color: #f7f7f8;
  --background-active-color: #f7f7f8;
  --background-disabled-color: #fff;
  --content-color: #14151a;
  --content-hover-color: #14151a;
  --content-active-color: #924fe8;
  --content-disabled-color: #b1b3bb;
  --focus-outline-color: #e3d9ff;
}

.tertiary_XNHIwg {
  --background-color: #f5f6f7;
  --background-hover-color: #ececee;
  --background-active-color: #ececee;
  --content-color: var(--text-base-primary);
  --content-hover-color: var(--text-base-primary);
  --content-active-color: var(--text-base-primary);
  --content-disabled-color: var(--text-base-quaternary);
  --focus-outline-color: #e3d9ff;
}

.black_XNHIwg {
  --background-color: #14151a;
  --background-hover-color: #1f2228;
  --background-active-color: #ececee;
  --background-disabled-color: #e9eaec;
  --content-color: #fff;
  --content-hover-color: var(--text-base-primary);
  --content-active-color: var(--text-base-primary);
  --content-disabled-color: var(--text-base-quaternary);
  --focus-outline-color: #e3d9ff;
}

.radiusXl_XNHIwg {
  --radius: 12px;
}

.radiusMd_XNHIwg {
  --radius: 8px;
}

.radiusSm_XNHIwg {
  --radius: 4px;
}

.xl_XNHIwg {
  --min-width: 48px;
  --min-height: 48px;
  --padding: 0 12px;
}

.lg_XNHIwg {
  --min-width: 40px;
  --min-height: 40px;
  --padding: 0;
}

.md_XNHIwg {
  --min-width: 32px;
  --min-height: 32px;
  --padding: 0 4px;
}

.sm_XNHIwg {
  --min-width: 32px;
  --min-height: 32px;
  --padding: 6px 14px;
  font-size: 14px;
}

.fullRounded_XNHIwg {
  border-radius: var(--radius);
}

.topRounded_XNHIwg {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.bottomRounded_XNHIwg {
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.leftRounded_XNHIwg {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.rightRounded_XNHIwg {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.button_XNHIwg {
  position: relative;
  display: flex;
  min-width: var(--min-width);
  min-height: var(--min-height);
  padding: var(--padding);
  cursor: pointer;
  outline: none;
  background-color: var(--background-color);
  color: var(--content-color);
  border: none;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  transition: background .2s ease-in, color .2s ease-in;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 500;
}

.button_XNHIwg:focus-visible {
  outline: 2px solid var(--focus-outline-color);
  z-index: 20;
}

@media (hover: hover) {
  .button_XNHIwg:hover {
    background-color: var(--background-hover-color);
    color: var(--content-hover-color);
  }
}

.button_XNHIwg.active_XNHIwg:not([disabled]), .button_XNHIwg:active:not([disabled]) {
  background-color: var(--background-active-color);
  color: var(--content-active-color);
}

.disableBg_XNHIwg {
  background-color: #0000;
}

.button_XNHIwg:disabled {
  color: var(--content-disabled-color);
  background-color: var(--background-disabled-color);
  cursor: not-allowed;
}

.hotkey_XNHIwg {
  color: #f6f6f6;
  white-space: nowrap;
  background-color: #5e636e;
  border-radius: 2px;
  flex: 1 0;
  padding: 0 4px;
}

.primary_XNHIwg {
  color: #fff;
  background-color: #14151a;
  border: 1px solid #14151a;
  box-shadow: 0 1px 2px #14151a0d;
}

.primary_XNHIwg:hover:not(:disabled) {
  color: #fff;
  background-color: #1f2228;
}

.primary_XNHIwg:active:not(:disabled) {
  outline: 2px solid #c8b2ff80;
}

.primary_XNHIwg:disabled, .primary_XNHIwg:disabled:hover {
  color: #0a0f2940;
  background-color: #e9eaec;
  border-color: #e9eaec;
}

.primary_XNHIwg.loading_XNHIwg {
  color: #fff;
  background-color: #14151a;
  border-color: #14151a;
}

.quaternary_XNHIwg, .quaternary_XNHIwg:disabled {
  color: #14151a;
  background-color: #0a0f290a;
}

.quaternary_XNHIwg:disabled {
  color: #0a0f2940;
}

.quaternary_XNHIwg:hover:not(:disabled) {
  color: #14151a;
  background-color: #0a0f2914;
}

.quaternary_XNHIwg:active:not(:disabled), .tertiary_XNHIwg:active:not(:disabled) {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.tertiary_XNHIwg {
  color: #14151a;
  background-color: #fff;
  border: 1px solid #dee0e3;
}

.tertiary_XNHIwg:hover:not(:disabled) {
  background-color: #f7f7f8;
}

.ghost_XNHIwg {
  color: #0f132499;
  background-color: #0000;
  font-weight: 600;
}

.ghost_XNHIwg:hover {
  color: #0a0f2999;
  background-color: #0a0f290a;
}

.ghost_XNHIwg:active {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.ghost_XNHIwg:disabled {
  color: #0a0f2940;
}

.ghostFilled_XNHIwg {
  color: #0a0f2999;
  background-color: #0a0f290a;
  font-weight: 600;
}

.ghostFilled_XNHIwg:active {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.ghostFilled_XNHIwg:disabled {
  color: #0a0f2940;
}

.loader_XNHIwg {
  display: flex;
  animation: rotate 2s linear infinite;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
}

@keyframes rotate_RaIb9w {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* src/shared/ui-lib/Tooltip/Tooltip.module.css */
.tipContainer_woN4eg {
  display: none;
  position: absolute;
  user-select: none;
  pointer-events: none;
  z-index: 200;
  justify-items: center;
}

.topCenterFixed_woN4eg {
  position: fixed;
  z-index: 100;
  bottom: 7.6rem;
  left: 17.2rem;
}

.topRightFixed_woN4eg {
  position: fixed;
  z-index: 100;
}

@media screen and (hover: hover) {
  button:hover .tipContainer_woN4eg {
    display: flex;
  }

  :has( > .tipContainer_woN4eg):hover > .tipContainer_woN4eg {
    display: flex;
  }
}

.tip_woN4eg {
  display: flex;
  align-items:  center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 1.4rem;
  font-weight: 400;
}

.primaryTip_woN4eg {
  color: #f7f7f7;
  background-color: #0b0c0e;
  border-radius: 6px;
}

.secondaryTip_woN4eg {
  display: block;
  color: #4778f5;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
  border-radius: 12px;
  max-width: 400px;
  padding: 12px;
  box-shadow: 0 10px 16px -3px #14151a14;
}

.tip_woN4eg.paddingMd_woN4eg {
  padding: 12px 16px;
}

.tip_woN4eg.radiusMd_woN4eg {
  border-radius: 8px;
}

.tipText_woN4eg {
  white-space: nowrap;
  flex: 1 0;
}

.tipText_woN4eg.wrap_woN4eg {
  white-space: normal;
}

.tipText_woN4eg.center_woN4eg {
  text-align: center;
}

.tipText_woN4eg.left_woN4eg {
  text-align: left;
}

.primaryTip_woN4eg:before {
  content: "";
  position: absolute;
  border-bottom: .8rem solid #0b0c0e;
  border-left: .7rem solid #0000;
  border-right: .7rem solid #0000;
  border-radius: 8px;
  width: 0;
  height: 0;
}

.tipContainer_woN4eg.topCenterFixed_woN4eg .primaryTip_woN4eg:before {
  margin-left: -.7rem;
  bottom: -.6rem;
  left: 4%;
  transform: rotate(180deg);
}

.tipContainer_woN4eg.topRightFixed_woN4eg .primaryTip_woN4eg:before {
  bottom: -.6rem;
  left: .5rem;
  transform: rotate(180deg);
}

.tipContainer_woN4eg.right_woN4eg .primaryTip_woN4eg:before {
  left: -.8rem;
  transform: rotate(-90deg);
}

.tipContainer_woN4eg.right_woN4eg {
  left: calc(100% + 1.2rem);
}

.tipContainer_woN4eg.top_woN4eg .primaryTip_woN4eg:before {
  margin-left: -.7rem;
  bottom: -.6rem;
  left: 50%;
  transform: rotate(180deg);
}

.tipContainer_woN4eg.top_woN4eg {
  bottom: calc(100% + 1.2rem);
}

.tipContainer_woN4eg.topRight_woN4eg .primaryTip_woN4eg:before {
  margin-right: -.7rem;
  bottom: -.6rem;
  right: 2.5rem;
  transform: rotate(180deg);
}

.tipContainer_woN4eg.topRight_woN4eg {
  bottom: calc(100% + 1.2rem);
  right: -1rem;
}

.tipContainer_woN4eg.topLeft_woN4eg .primaryTip_woN4eg:before {
  margin-right: -.7rem;
  bottom: -.6rem;
  left: 2.5rem;
  transform: rotate(180deg);
}

.tipContainer_woN4eg.topLeft_woN4eg {
  bottom: calc(100% + 1.2rem);
  left: -1rem;
}

.tipContainer_woN4eg.bottomRight_woN4eg .primaryTip_woN4eg:before {
  margin-right: -.7rem;
  top: -.6rem;
  right: 2.5rem;
}

.tipContainer_woN4eg.bottomRight_woN4eg {
  top: calc(100% + 1.2rem);
  right: -1rem;
}

.tipContainer_woN4eg.bottomLeft_woN4eg .primaryTip_woN4eg:before {
  margin-right: -.7rem;
  top: -.6rem;
  left: 2.5rem;
}

.tipContainer_woN4eg.bottomLeft_woN4eg {
  top: calc(100% + 1.2rem);
  left: -1rem;
}

.tipContainer_woN4eg.bottomLeftNoWhitespace_woN4eg {
  top: calc(100% + .5rem);
  left: 0;
}

.tipContainer_woN4eg.bottom_woN4eg .primaryTip_woN4eg:before {
  margin-left: -.7rem;
  top: -.6rem;
  left: 50%;
}

.tipContainer_woN4eg.bottom_woN4eg {
  top: calc(100% + 1.2rem);
}

.withoutArrowTip_woN4eg {
  color: #f7f7f7;
  background-color: #0b0c0e;
  border-radius: 6px;
}

.withoutArrowTip_woN4eg:before {
  display: none;
}

/* src/shared/ui-lib/Toast/Toast.module.css */
.container_AEmOyg {
  border: 1px solid var(--border-action-normal, #dee0e3);
  display: grid;
  grid-template-columns: 20px 1fr 20px;
  background-color: #fff;
  border-radius: 12px;
  align-items:  center;
  gap: 12px;
  padding: 16px;
  box-shadow: 0 3px 10px -2px #14151a0d, 0 10px 16px -3px #14151a0d;
}

.headerContainer_AEmOyg {
  display: flex;
  gap: 12px;
}

@media screen and (max-width: 640px) {
  .container_AEmOyg {
    width: 100%;
    height: 100%;
  }
}

.black_AEmOyg {
  background-color: #000;
  border-radius: 0;
  gap: 9px;
  padding: 12px 20px;
  transform: translate(0, 4px);
}

.black_AEmOyg .title_AEmOyg {
  color: #fff;
}

.black_AEmOyg .description_AEmOyg {
  color: #fff;
}

.black_AEmOyg .content_AEmOyg {
  width: auto;
}

.container_AEmOyg.black_AEmOyg .icon_AEmOyg {
  visibility: hidden;
}

.container_AEmOyg.info_AEmOyg .icon_AEmOyg {
  color: #4778f5;
}

.container_AEmOyg.warning_AEmOyg .icon_AEmOyg {
  color: #f48e2f;
}

.container_AEmOyg.success_AEmOyg .icon_AEmOyg {
  color: #26bd6c;
}

.container_AEmOyg.error_AEmOyg .icon_AEmOyg {
  color: #e6483d;
}

.content_AEmOyg {
  display: flex;
  flex-direction: column;
  flex: 290px;
  gap: 4px;
  width: 290px;
}

.icon_AEmOyg {
  align-self:  flex-start;
  margin-top: 3px;
}

.closeButton_AEmOyg {
  --padding: 4px;
  --radius: 0;
  --min-width: 28px;
  --min-height: 28px;
  color: var(--text-base-primary);
  align-self:  flex-start;
}

.title_AEmOyg {
  color: var(--text-base-primary);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.description_AEmOyg {
  word-wrap: normal;
  color: var(--text-base-secondary);
  font-size: 14px;
  line-height: 20px;
}

.button_AEmOyg {
  display: flex;
  cursor: pointer;
  color: #fff;
  text-align: center;
  background-color: #14151a;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 8px;
  padding: 4px 8px;
  font-family: Manrope;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
  box-shadow: 0 1px 2px #14151a0d;
}

.button_AEmOyg:active {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

@keyframes fadeIn_Bde5bA {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeOut_Bde5bA {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

/* src/shared/ui-lib/Loader/Loader.module.css */
.loader_U95jQg {
  animation: loaderAnimation 1s infinite steps(12);
}

@keyframes loaderAnimation_XZFUtg {
  100% {
    transform: rotate(1turn);
  }
}

/* src/features/WalletLoginButton/WalletLoginButton.module.css */
.btn_JyYbVQ {
  position: relative;
  width: 100%;
  max-width: 252px;
  margin: 0 auto;
  font-weight: 500;
}

/* src/entities/account/AuthForm.module.css */
.wrapper_nFyDWw {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: 100%;
}

.form_nFyDWw {
  box-sizing: border-box;
  display: flex;
  border-radius: 8px;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.link_nFyDWw {
  text-decoration: none;
  color: #6c7173;
  display: flex;
  justify-content: center;
  align-self:  flex-start;
  width: 100%;
  margin-top: 10px;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 600;
}

.link_nFyDWw:hover {
  text-decoration: underline;
}

.link_nFyDWw:visited {
  color: #6c7173;
}

.title_nFyDWw {
  text-align: center;
  margin-bottom: 32px;
  font-family: Manrope, Arial;
  font-weight: 600;
}

.error_nFyDWw {
  color: red;
}

.button_nFyDWw {
  color: #fff;
  cursor: pointer;
  outline-color: #0000;
  box-sizing: border-box;
  display: flex;
  background-color: #14151a;
  border: 1px solid #14151a;
  border-radius: 12px;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  width: 100%;
  height: 40px;
  margin-top: 32px;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 500;
}

.button_nFyDWw:disabled {
  color: #0a0f2940;
  background-color: #e9eaec;
  border-color: #e9eaec;
}

.button_nFyDWw:disabled:hover {
  cursor: not-allowed;
  color: #0a0f2940;
  background-color: #e9eaec;
  border-color: #e9eaec;
}

.button_nFyDWw:active {
  outline: 2px solid #c8b2ff80;
}

.button_nFyDWw:hover {
  background-color: #1f2228;
}

.forgot_nFyDWw {
  font-weight: 600 !important;
}

.btns_nFyDWw {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 100%;
  margin-top: 16px;
}

.anotherBtns_nFyDWw {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  margin: 0 0 40px;
}

@media screen and (max-width: 640px) {
  .title_nFyDWw {
    margin-bottom: 8px;
  }

  .policy_nFyDWw {
    text-align: center;
    margin-bottom: 20px;
    font-size: 14px;
  }

  .policyLink_nFyDWw {
    text-decoration: none;
  }

  .policyLink_nFyDWw:after {
    content: "";
    position: absolute;
    background-color: #0000;
    width: 100%;
    height: 2px;
    bottom: -3px;
    left: 0;
  }

  .btns_nFyDWw {
    margin-top: 8px;
  }
}

/* src/features/ImportMiro/AuthClipboardModal/AuthClipboardModal.module.css */
.modal_PX-HyA {
  width: 100%;
  max-width: 608px;
}

.wr_PX-HyA {
  padding: 32px 64px !important;
}

.title_PX-HyA {
  margin: 28px 0 8px;
  font-size: 30px;
  font-weight: 600;
}

.text_PX-HyA {
  text-align: left;
  margin-bottom: 16px;
  font-size: 14px;
}

.btn_PX-HyA {
  border-radius: 12px;
  max-width: 73px;
  margin-bottom: 40px;
}

/* src/shared/ui-lib/UiPanel/UiPanel.module.css */
.panel_Jfmc9g {
  user-select: none;
  display: flex;
  border: 1px solid var(--border-action-normal);
  background-color: var(--background-surface-default);
  z-index: 1;
  touch-action: pan-y pan-x;
  -webkit-user-select: none;
  -ms-user-select: none;
  align-items:  center;
  box-shadow: 0 10px 10px -3px #14151a14, 0 3px 6px -2px #14151a0d;
}

.top_Jfmc9g {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.topRightBottom_Jfmc9g {
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.bottomRightTop_Jfmc9g {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}

.bottom_Jfmc9g {
  border-bottom-right-radius: 12px;
  border-bottom-left-radius: 12px;
}

.full_Jfmc9g {
  border-radius: 12px;
}

.panel_Jfmc9g.padding_Jfmc9g {
  padding: 12px;
}

.grid_Jfmc9g {
  display: grid;
}

.vertical_Jfmc9g {
  flex-direction: column;
}

/* src/shared/ui-lib/UiModal/UiModal.module.css */
.blackout_-J3gJQ {
  position: absolute;
  z-index: 1000;
  display: flex;
  background-color: #0003;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 100dvw;
  height: 100dvh;
  padding: 20px;
  top: 0;
  left: 0;
}

.closeBtn_-J3gJQ {
  position: absolute;
  color: #0d112666;
  cursor: pointer;
  z-index: 5;
  border-radius: 4px;
  width: 36px;
  min-width: 20px;
  height: 36px;
  min-height: 20px;
  padding: 0;
  top: 20px;
  right: 20px;
}

.modalWrapper_-J3gJQ {
  overflow: hidden;
  z-index: 1000;
  display: flex;
  touch-action: pan-y;
  border-radius: 12px;
  justify-content: stretch;
  align-items: stretch;
}

.closeBtnWrapper_-J3gJQ {
  display: flex;
  justify-content: flex-end;
}

.panel_-J3gJQ {
  position: relative;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  max-height: 100%;
  padding: 0;
}

.content_-J3gJQ {
  touch-action: pan-y;
  width: 100%;
  height: 100%;
}

.opacityEnter_-J3gJQ {
  opacity: 0;
  z-index: 1002;
}

.opacityEnterActive_-J3gJQ {
  opacity: 1;
  z-index: 1002;
  transition: opacity .3s;
}

.opacityEnterDone_-J3gJQ {
  z-index: 1002;
}

.opacityExit_-J3gJQ {
  opacity: 1;
  z-index: 1001;
}

.opacityExitActive_-J3gJQ {
  opacity: 0;
  z-index: 1001;
  transition: opacity .3s;
}

.opacityExitActiveTransition_-J3gJQ {
  opacity: 0;
  z-index: 1001;
  transition: opacity .3s .15s;
}

.opacityExitDone_-J3gJQ {
  z-index: 1001;
}

.panel_-J3gJQ::-webkit-scrollbar {
  appearance: none;
  width: 23px;
  height: 3px;
  margin-right: 8px;
}

.panel_-J3gJQ::-webkit-scrollbar-button {
  display: none;
}

.panel_-J3gJQ::-webkit-scrollbar-thumb {
  display: block;
  background-color: #e9eaec;
  background-clip: padding-box;
  border: 10px solid #0000;
  border-radius: 2px;
}

body {
  background-color: #c8c8c833;
}

.header_-J3gJQ {
  display: none;
  border-bottom: 1px solid #dee0e3;
  align-items:  center;
  gap: 8px;
  width: 100%;
  padding: 12px 30px;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 1028px) {
  .page_-J3gJQ.header_-J3gJQ {
    display: flex;
  }

  .page_-J3gJQ.modalWrapper_-J3gJQ, .page_-J3gJQ.panel_-J3gJQ, .page_-J3gJQ.content_-J3gJQ {
    width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    max-height: none;
  }

  .page_-J3gJQ.blackout_-J3gJQ {
    padding: 0;
  }

  .page_-J3gJQ.modalWrapper_-J3gJQ {
    overflow: auto;
    border-radius: 0;
    inset: 0;
    transform: none;
  }

  .page_-J3gJQ.panel_-J3gJQ {
    -webkit-overflow-scrolling: touch;
    touch-action: pan-y;
    overscroll-behavior: contain;
    border-radius: 0;
    align-items:  start;
    height: max-content;
    min-height: 100%;
  }

  .page_-J3gJQ.content_-J3gJQ {
    touch-action: pan-y;
    height: max-content;
    min-height: 100%;
  }
}

@media screen and (max-width: 720px) {
  .closeBtn_-J3gJQ {
    top: 0;
    right: 0;
  }
}

/* src/features/ImportMiro/ImgAuthClipboardModal/ImgAuthClipboardModal.module.css */
.modal_jgv5oA {
  width: 100%;
  max-width: 608px;
}

.wr_jgv5oA {
  padding: 32px 64px !important;
}

.title_jgv5oA {
  margin: 28px 0 8px;
  font-size: 30px;
  font-weight: 600;
}

.text_jgv5oA {
  text-align: left;
  margin-bottom: 16px;
  font-size: 14px;
}

.btnWrapper_jgv5oA {
  display: flex;
}

.btn_jgv5oA, .btnContinue_jgv5oA {
  border-radius: 12px;
  max-width: 182px;
  margin-bottom: 40px;
}

.btnContinue_jgv5oA {
  max-width: 236px;
  margin-left: 16px;
}

/* src/shared/ui-lib/Transitions/OpacityTransition.module.css */
.opacityEnter_wX6QIw {
  opacity: 0;
}

.opacityEnterActive_wX6QIw {
  opacity: 1;
  transition: opacity .3s;
}

.opacityExit_wX6QIw {
  opacity: 1;
}

.opacityExitActive_wX6QIw {
  opacity: 0;
  transition: opacity .3s;
}

/* src/shared/ui-lib/Transitions/FadeTransition.module.css */
.fadeEnter_uDLyAA {
  opacity: 0;
  transform: translateX(-6px);
}

.fadeEnterActive_uDLyAA {
  opacity: 1;
  transition: opacity .5s, transform .5s;
  transform: translateX(0);
}

.fadeExit_uDLyAA {
  opacity: 1;
  transform: translateX(0);
}

.fadeExitActive_uDLyAA {
  opacity: 0;
  transition: opacity .5s, transform .5s;
  transform: translateX(-6px);
}

/* src/shared/ui-lib/Notification/Notification.module.css */
.notification_zG1jrA {
  position: absolute;
  z-index: 5;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  padding: 16px 16px 16px 48px;
  transition: opacity .2s ease-out, visibility .2s ease-out;
  box-shadow: 0 10px 10px -3px #14151a14, 0 3px 6px -2px #14151a0d;
}

.top_zG1jrA {
  top: 70px;
  right: 10px;
}

.bottom_zG1jrA {
  bottom: 78px;
  right: 12px;
}

.open_zG1jrA {
  visibility: visible;
  opacity: 1;
}

.withCross_zG1jrA {
  padding: 16px 48px;
}

.notificationLoader_zG1jrA {
  width: 20px;
  height: 20px;
}

.cross_zG1jrA {
  position: absolute;
  cursor: pointer;
  color: #696b76;
  width: 20px;
  height: 20px;
  padding: 4px;
  top: 16px;
  right: 16px;
}

.notificationIcon_zG1jrA {
  position: absolute;
  top: 16px;
  left: 16px;
}

/* src/features/ImportMiro/ImportMiroBoards/ImportMiro.module.css */
.title_SN_-vw {
  margin-bottom: 16px;
  font-size: 36px;
  font-weight: 600;
  line-height: 1.22;
}

.boardsText_SN_-vw {
  max-width: 680px;
  margin-bottom: 24px;
}

.teamBoards_SN_-vw {
  margin-bottom: 16px;
}

.text_SN_-vw {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.42;
}

.boards_SN_-vw {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  overflow-y: scroll;
  gap: 10px;
  max-height: calc(90vh - 272px);
}

.boards_SN_-vw::-webkit-scrollbar {
  width: 8px;
}

.boards_SN_-vw::-webkit-scrollbar-track {
  background: #fff;
}

.boards_SN_-vw::-webkit-scrollbar-thumb {
  background: #dee1e8;
  border-radius: 2px;
}

.boards_SN_-vw::-webkit-scrollbar-thumb:hover {
  background: #924fe880;
}

.board_SN_-vw {
  cursor: pointer;
  background: linear-gradient(#fff0 55%, #eee 100%);
  border-radius: 12px;
  align-self:  end;
  width: 100%;
  max-width: 275px;
  height: 100%;
  padding: 15px;
}

.img_SN_-vw {
  object-fit: cover;
  border-radius: 20px;
  width: 100%;
  height: 150px;
}

.imgPlaceholder_SN_-vw {
  background-color: #924fe880;
  border-radius: 20px;
  width: 100%;
  height: 150px;
}

.name_SN_-vw {
  text-align: left;
  word-break: break-all;
  margin-top: 15px;
}

.btn_SN_-vw {
  margin: 16px auto 0;
}

.progress_SN_-vw {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.itemsBtn_SN_-vw {
  max-width: min-content;
  padding: 0 12px;
  font-weight: 600 !important;
}

.notificationIcon_SN_-vw {
  position: absolute;
  top: 16px;
  left: 16px;
}

.notificationTitle_SN_-vw {
  font-weight: 500;
}

.notificationLoaderWr_SN_-vw {
  max-width: 326px;
}

.notificationWr_SN_-vw {
  max-width: 294px;
}

.notificationText_SN_-vw {
  color: #0f132499;
  margin-top: 4px;
}

.notificationBtns_SN_-vw {
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.notificationBtn_SN_-vw {
  max-width: max-content;
  margin-top: 12px;
  padding: 0 10px;
}

.notificationSuccessDescription_SN_-vw {
  opacity: .6;
  margin-top: 4px;
}

.notificationSuccessLink_SN_-vw, .notificationSuccessDescription_SN_-vw {
  color: #0f1324;
}

.notificationSuccessLink_SN_-vw {
  text-decoration-thickness: .5px;
}

.loader_SN_-vw {
  animation: loaderAnimation 1s infinite steps(12);
}

@keyframes loaderAnimation_mHQU3g {
  100% {
    transform: rotate(1turn);
  }
}

/* src/shared/ui-lib/Link/Link.module.css */
.link_9Zmn6A {
  position: relative;
  color: #0f132499;
  text-decoration: none;
  font-family: Manrope, Arial;
  font-size: 14px;
}

.link_9Zmn6A:hover {
  color: #b78af0;
}

.link_9Zmn6A:after {
  content: "";
  position: absolute;
  background-color: #0a0f2914;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
}

.link_9Zmn6A:hover:after {
  content: "";
  position: absolute;
  background-color: #c8b2ff80;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
}

@media screen and (max-width: 640px) {
  .link_9Zmn6A:after {
    content: none;
  }
}

/* src/features/AiUnavailableModal/AiUnavailableModal.module.css */
.wrapper_KpDgCg {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  padding: 72px 64px;
}

@media screen and (max-width: 720px) {
  .wrapper_KpDgCg {
    padding: 20px 12px;
  }
}

.heading_KpDgCg {
  font-family: Manrope;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
}

.msg_KpDgCg {
  margin-top: 8px;
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.link_KpDgCg {
  color: #924fe8;
  text-decoration: underline;
  border: none;
}

.link_KpDgCg:after, .link_KpDgCg:hover:after {
  background: none;
  width: 0;
  height: 0;
}

.btn_KpDgCg {
  align-self:  flex-start;
  width: auto;
  margin-top: 16px;
  padding: 10px 16px;
}

/* src/features/Widgets/form-notifications/password-changed.module.css */
.requested_0WwEkQ {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 500px;
}

.requestedIcon_0WwEkQ {
  padding-top: 40px;
}

.backToLogin_0WwEkQ {
  margin-top: 32px;
}

.resetPassword_0WwEkQ {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}

@media screen and (max-width: 640px) {
  .requested_0WwEkQ {
    width: 100%;
  }

  .resetPassword_0WwEkQ {
    font-size: 30px;
    line-height: 36px;
  }
}

/* src/features/ChangePasswordModal/ChangePassword.module.css */
.modal_SLn5hA {
  display: flex;
  border-radius: 24px;
  flex-direction: column;
  align-items:  center;
  gap: 32px;
  width: 100%;
  padding: 32px 64px;
  font-family: Manrope, Arial, sans-serif;
}

.modalTitle_SLn5hA {
  text-align: center;
  font-size: 48px;
  font-weight: 600;
}

.modalForm_SLn5hA {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 500px;
}

.modalInputs_SLn5hA {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.modalBtns_SLn5hA {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.requested_SLn5hA {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 500px;
  padding-bottom: 40px;
}

.requestedIcon_SLn5hA {
  padding-top: 40px;
}

.backToLogin_SLn5hA {
  margin-top: 32px;
}

.resetPassword_SLn5hA {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}

.passwordChangedGap_SLn5hA {
  height: 32px;
}

.backBtn_SLn5hA {
  color: #0f132499;
  display: none;
  align-self:  flex-start;
  align-items:  center;
  gap: 8px;
  width: auto;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 1028px) {
  .backBtn_SLn5hA {
    display: flex;
  }

  .modalWrapper_SLn5hA {
    padding: 0 16px;
  }

  .modal_SLn5hA {
    gap: 16px;
    padding: 32px 16px;
  }

  .modalForm_SLn5hA {
    gap: 16px;
    width: 100%;
  }

  .modalTitle_SLn5hA {
    text-align: left;
    align-self:  flex-start;
    font-size: 30px;
    font-weight: 600;
  }

  .requested_SLn5hA {
    width: 100%;
    padding-bottom: 12px;
  }

  .requestedIcon_SLn5hA {
    padding-top: 12px;
  }
}

@media screen and (max-width: 1170px) {
  .wrapper_SLn5hA.iframe_SLn5hA {
    right: 72px;
  }
}

@media screen and (max-width: 400px) {
  a.smallMobileHide_SLn5hA {
    display: none;
  }
}

/* src/shared/ui-lib/Input/Input.module.css */
.inputWrapper_2Ex0qA {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 400;
}

.inputTabWrapper_2Ex0qA {
  display: flex;
  width: 100%;
}

.inputLabel_2Ex0qA.disabled_2Ex0qA {
  color: #0a0f2940;
}

.input_2Ex0qA {
  outline: none;
  color: #0f1324;
  width: 100%;
  font-family: Manrope, Arial;
  font-size: 14px;
}

.input_2Ex0qA:disabled, .input_2Ex0qA:disabled::placeholder {
  color: #0a0f2940;
}

.input_2Ex0qA::placeholder {
  color: #0f132499;
  font-family: Manrope, Arial;
}

.text_2Ex0qA {
  min-height: 20px;
}

.inputHelperText_2Ex0qA {
  color: #0f132499;
  font-size: 14px;
}

.inputErrorText_2Ex0qA {
  color: #e6483d;
  font-size: 14px;
}

.inputSuccessText_2Ex0qA {
  color: #26bd6c;
  font-size: 14px;
}

.inputContainer_2Ex0qA {
  display: flex;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  width: 100%;
  padding: 10px 12px;
  box-shadow: 0 1px 2px #14151a0d;
}

.inputContainer_2Ex0qA.inputSuccess_2Ex0qA {
  outline: none;
  border: 1px solid #26bd6c;
}

.inputContainer_2Ex0qA:focus-within:not(.inputSuccess_2Ex0qA) {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.inputContainer_2Ex0qA.inputError_2Ex0qA {
  outline: none;
  border: 1px solid #f7c3c0;
}

.inputContainer_2Ex0qA.inputError_2Ex0qA:focus-within {
  outline: 1px solid #ffb2b299;
  border: 1px solid #f7c3c0;
}

.inputPrefix_2Ex0qA {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.inputPostfix_2Ex0qA {
  display: flex;
  justify-content: center;
  align-items:  center;
}

.eye_2Ex0qA {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.inputTextarea_2Ex0qA {
  outline: none;
  resize: none;
  overflow: hidden;
  color: #0f1324;
  width: 100%;
  height: 20px;
  font-family: Manrope, Arial;
  font-size: 14px;
}

/* src/features/UserPanel/UserPanel.module.css */
.layoutWrapper_jFMnzg {
  display: flex;
  top: var(--absolute-position-panel-padding);
  right: var(--absolute-position-panel-padding);
  position: absolute;
  gap: 12px;
}

.imgWrapper_jFMnzg {
  object-fit: cover;
  object-position: center;
  overflow: hidden;
  display: flex;
  background-color: #e9eaec;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
}

.imgWrapper_jFMnzg img {
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.container_jFMnzg {
  display: flex;
  justify-content: center;
  align-items:  center;
  gap: 4px;
  padding: 6px 8px 6px 0;
}

.shareButton_jFMnzg {
  color: #fff;
  border-radius: 10px;
  width: auto;
  height: 32px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

@media screen and (max-width: 960px) {
  .shareButton_jFMnzg, .container_jFMnzg {
    display: none;
  }
}

.shareButtonDark_jFMnzg {
  color: #14151a;
  width: auto;
  height: 32px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.unauthMsg_jFMnzg {
  display: flex;
  justify-content: center;
  align-items:  center;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

@media screen and (max-width: 960px) {
  .unauthMsg_jFMnzg {
    display: none;
  }
}

.unauthWrapper_jFMnzg {
  display: flex;
  align-items:  center;
  gap: 8px;
  padding: 8px 16px;
}

.unauthText_jFMnzg {
  white-space: nowrap;
  align-self:  center;
  font-size: 14px;
  font-weight: 600;
}

.unauthRights_jFMnzg {
  padding: 8px 10px;
  color: #000 !important;
}

.unauthBtns_jFMnzg {
  display: flex;
  align-items: stretch;
  gap: 8px;
}

.unauthLink_jFMnzg, .unauthLink_jFMnzg:visited {
  text-decoration: none;
  color: #4778f5;
}

.unauthLink_jFMnzg:hover {
  color: #4778f5cc;
}

.unauthDescriptionTitle_jFMnzg {
  color: #14151a;
  max-width: 200px;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: 500;
}

.unauthDescription_jFMnzg {
  color: #0f132499;
  max-width: 200px;
  margin: 0;
  font-size: 12px;
}

.signUpBtn_jFMnzg {
  color: #fff;
  white-space: nowrap;
  background-color: #924fe8;
  border: 1px solid #0000;
  border-radius: 10px;
  padding: 6px 16px;
}

.signUpBtn_jFMnzg:active {
  outline: 2px solid #c8b2ff80;
}

@media screen and (hover: hover) {
  .signUpBtn_jFMnzg:hover {
    color: #fff;
    background-color: #1f2228;
  }
}

.logInBtn_jFMnzg {
  color: #14151a;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 10px;
  padding: 6px 16px;
}

@media screen and (hover: hover) {
  .logInBtn_jFMnzg:hover {
    color: #fff;
    background-color: #1f2228;
  }
}

.logInBtn_jFMnzg:active {
  outline: 2px solid #c8b2ff80;
}

.dropdownWrapper_jFMnzg {
  position: absolute;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  min-width: 240px;
  max-width: 250px;
  padding: 4px 6px;
  font-family: Manrope, Arial, sans-serif;
  top: calc(100% + 12px);
  right: 0;
  box-shadow: 0 8px 16px #0000001f;
}

.userInfo_jFMnzg {
  display: flex;
  align-items:  center;
  gap: 8px;
  padding: 6px 10px;
  font-size: 14px;
}

.userName_jFMnzg {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}

.userEmail_jFMnzg {
  margin: 0;
  font-family: Manrope, Arial, sans-serif;
}

.dropdownBtns_jFMnzg {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding: 0 6px 6px;
}

.dropdownBtn_jFMnzg {
  display: flex;
  justify-content: flex-start;
  gap: 8px;
  padding-left: 10px;
}

.icons_jFMnzg {
  display: flex;
}

.icon_jFMnzg {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 48px;
  height: 48px;
  transition: all .3s;
}

.iconActive_jFMnzg {
  background-color: #f7f7f8;
}

.icon_jFMnzg:first-child {
  border-radius: 12px 0 0 12px;
}

.icon_jFMnzg:hover {
  cursor: pointer;
  background-color: #f7f7f8;
}

.icon_jFMnzg svg {
  transition: all .3s;
}

.icon_jFMnzg:hover svg {
  transform: scale(.9);
}

.icon_jFMnzg:active {
  box-shadow: inset 0 0 0 2px #b78af0;
}

.icon_jFMnzg:not(:last-child) {
  border-right: 1px solid #e9eaec;
}

.userPicWrapper_jFMnzg {
  display: flex;
  cursor: pointer;
  position: relative;
  background-color: #e9eaec;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  margin: 0 8px;
  width: 32px !important;
  height: 32px !important;
}

.userPic_jFMnzg {
  color: #696b76;
  display: flex;
  position: relative;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
}

.userPic_jFMnzg.owner_jFMnzg {
  outline: 1px solid #f48e2f;
}

.crown_jFMnzg {
  position: absolute;
  bottom: -2px;
  right: -2px;
}

.userPic_jFMnzg > img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
}

.btn_jFMnzg {
  height: 32px;
  margin-left: 8px;
  padding: 0 8px;
}

.modalWrapper_jFMnzg {
  z-index: 110;
  position: fixed;
  display: flex;
  background-color: #0003;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
  font-family: Manrope, Arial, sans-serif;
  inset: 0;
}

.modal_jFMnzg {
  display: flex;
  background-color: #fff;
  border-radius: 24px;
  flex-direction: column;
  gap: 32px;
  padding: 32px 64px;
}

.modalTitle_jFMnzg {
  text-align: center;
  font-size: 48px;
  font-weight: 600;
}

.modalForm_jFMnzg {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 500px;
}

.modalInputs_jFMnzg {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
}

.modalBtns_jFMnzg {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.requested_jFMnzg {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 500px;
  padding-bottom: 40px;
}

.requestedIcon_jFMnzg {
  padding-top: 40px;
}

.backToLogin_jFMnzg {
  margin-top: 32px;
}

.resetPassword_jFMnzg {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 48px;
  font-weight: 600;
  line-height: 56px;
}

.passwordChangedGap_jFMnzg {
  height: 32px;
}

@media screen and (max-width: 640px) {
  .modalWrapper_jFMnzg {
    padding: 0 16px;
  }

  .modal_jFMnzg {
    gap: 16px;
    padding: 32px 16px;
  }

  .modalForm_jFMnzg {
    gap: 16px;
    width: 100%;
  }

  .modalTitle_jFMnzg {
    font-size: 24px;
  }

  .requested_jFMnzg {
    width: 100%;
    padding-bottom: 12px;
  }

  .requestedIcon_jFMnzg {
    padding-top: 12px;
  }
}

@media screen and (max-width: 1170px) {
  .wrapper_jFMnzg.iframe_jFMnzg {
    right: 72px;
  }
}

@media screen and (max-width: 400px) {
  a.smallMobileHide_jFMnzg {
    display: none;
  }
}

.tooltip_jFMnzg {
  display: none;
  position: relative;
  background-color: #0b0c0e;
  border-radius: 8px;
  box-shadow: 0 10px 16px -3px #14151a0d, 0 3px 10px -2px #14151a05;
}

.tooltipWrapper_jFMnzg {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
}

.tooltip_jFMnzg:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='4' viewBox='0 0 14 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.9372 0C6.9372 0 3.40535 3.99848 0.0980963 3.99963C-1.46344 4.00017 16.1695 4.00007 13.7763 3.99963C10.2587 3.99898 6.9372 0 6.9372 0Z' fill='%230B0C0E'/%3E%3C/svg%3E%0A");
  width: 14px;
  height: 4px;
  top: -4px;
  right: 10px;
}

.userPic_jFMnzg:hover .tooltip_jFMnzg {
  display: grid;
  grid-template-rows: repeat(2, minmax(max-content 1fr));
  grid-template-columns: max-content;
  gap: 4px;
  padding: 12px 16px;
  font-size: 12px;
  font-weight: 400;
}

.tooltipName_jFMnzg {
  color: #fff;
}

.tooltipMsg_jFMnzg {
  color: #fff9;
}

.userDropDownButton_jFMnzg {
  color: #14151a;
  font-size: 14px;
  font-weight: 400;
}

a.link_jFMnzg {
  justify-content: flex-start;
}

/* src/shared/ui-lib/Checkbox/Checkbox.module.css */
.label_z-hzFQ {
  cursor: pointer;
  display: grid;
  grid-template-columns: auto auto;
  gap: 8px;
}

.checkbox_z-hzFQ {
  -webkit-appearance: none;
  appearance: none;
  outline-offset: 1px;
  outline-color: #ded1ff;
  outline-width: 1.5px;
  cursor: pointer;
  border: 1px solid #c8cad0;
  border-radius: 4px;
  width: 17px;
  height: 16px;
  margin: 2px 0 0;
  transition: all .35s ease-out;
  box-shadow: 0 0 2px #14151a0d;
}

.checkbox_z-hzFQ.checked_z-hzFQ {
  position: relative;
  background-color: #14151a;
  border: 1px solid #14151a;
}

.checkbox_z-hzFQ.checked_z-hzFQ:before {
  content: "";
  position: absolute;
  background: url("data:image/svg+xml;utf8,<svg width=\"10\" height=\"8\" viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M1 3.28571L3.91667 7L9 1\" stroke=\"white\" stroke-width=\"1.5\" stroke-linejoin=\"round\"/></svg>") no-repeat;
  width: 9px;
  height: 8px;
  top: 3px;
  right: 3px;
}

.checkbox_z-hzFQ:focus, .checkbox_z-hzFQ:hover {
  outline: 1.5px solid #ded1ff;
}

/* src/shared/ui-lib/OuterLink/OuterLink.module.css */
.link_6zWuXQ {
  position: relative;
  color: #0f132499;
  text-decoration: none;
  font-family: Manrope, Arial;
  font-size: 14px;
}

.link_6zWuXQ:hover {
  color: #b78af0;
}

.link_6zWuXQ:after {
  content: "";
  position: absolute;
  background-color: #0a0f2914;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
}

.link_6zWuXQ:hover:after {
  content: "";
  position: absolute;
  background-color: #c8b2ff80;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
}

@media screen and (max-width: 640px) {
  .link_6zWuXQ:after {
    content: none;
  }
}

/* src/features/ProfileSettingsModal/ProfileSettingsModal.module.css */
.heading_Axjesg {
  font-size: 48px;
  font-weight: 600;
}

.email_Axjesg {
  font-family: Manrope;
  font-size: 16px;
  font-weight: 600;
}

.container_Axjesg {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 16px;
  padding: 32px 64px;
}

.avatar_Axjesg {
  display: flex;
  align-items:  center;
  gap: 12px;
  width: 100%;
}

.avatarBtns_Axjesg {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.avatarBtn_Axjesg {
  padding: 6px 14px;
}

.inputs_Axjesg {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}

.btns_Axjesg {
  display: flex;
  flex-direction: column;
  gap: 2px;
  width: 100%;
}

.icon_Axjesg {
  display: grid;
  color: #696b76;
  place-items:  center;
}

.btn_Axjesg {
  align-self:  flex-start;
  padding: 6px 12px;
}

.newsletter_Axjesg {
  color: #6f717c;
  font-family: Manrope;
  font-size: 14px;
}

.newsletterLink_Axjesg {
  color: #4778f5;
  transition: all .35s;
}

.newsletterLink_Axjesg:after {
  background-color: #4778f5;
  height: 1px;
  transition: all .35s;
  bottom: 1px;
}

.newsletterLink_Axjesg:hover:after {
  background-color: #ded1ff;
  height: 1px;
  bottom: 1px;
}

@media screen and (max-width: 1028px) {
  .container_Axjesg {
    padding: 16px;
  }

  .heading_Axjesg {
    align-self:  flex-start;
    font-size: 24px;
  }
}

.cryptoWallet_Axjesg {
  align-self:  flex-start;
  font-size: 14px;
}

/* src/shared/ui-lib/UiSwitch/UiSwitch.module.css */
.switch_4DHW3g {
  display: flex;
  position: relative;
  overflow: hidden;
  background-color: #ebecee;
  border-radius: 10px;
  flex-wrap: nowrap;
  align-items:  center;
  gap: 2px;
  padding: 2px;
}

.btn_4DHW3g {
  color: #0f132499;
  cursor: pointer;
  padding: 4px 12px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.btnText_4DHW3g {
  z-index: 2;
  position: relative;
}

.switch_4DHW3g:before {
  display: block;
  content: "";
  width: calc(var(--width)  - 2px);
  position: absolute;
  z-index: 1;
  transform: translateX(var(--left));
  transform-origin: center;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  height: calc(100% - 6px);
  transition: all .3s ease-in-out;
  top: 2px;
  left: 0;
}

.active_4DHW3g {
  color: #14151a;
}

/* src/features/Modal/ConfirmModal.module.css */
.modal_6qnS9Q {
  position: fixed;
  display: flex;
  z-index: 1000;
  isolation: isolate;
  background-color: #00000080;
  justify-content: center;
  align-items:  center;
  gap: 32px;
  width: 100%;
  height: 100%;
  padding: 32px 64px;
  top: 0;
  left: 0;
  box-shadow: 0 18px 24px -5px #14151a1a, 0 8px 8px -5px #14151a0d;
}

.wrapper_6qnS9Q {
  text-align: center;
  background-color: #fff;
  border-radius: 24px;
  max-width: 650px;
  padding: 20px;
  box-shadow: 0 2px 10px #0000001a;
}

.title_6qnS9Q {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}

.description_6qnS9Q {
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}

.buttons_6qnS9Q {
  display: flex;
  flex-direction: row;
  justify-content: center;
  gap: 16px;
  padding: 0;
}

.cancelButton_6qnS9Q {
  cursor: pointer;
  color: #fff;
  background-color: #000;
  border: none;
  border-radius: 8px;
  padding: 10px 20px;
  font-size: 16px;
}

.confirmButton_6qnS9Q {
  cursor: pointer;
  color: #000;
  display: flex;
  background: #0a0f290a;
  border: none;
  border-radius: 12px;
  align-items:  center;
  gap: 6px;
  padding: 10px 20px;
  font-size: 16px;
}

/* src/shared/ui-lib/UiLoader/UiLoader.module.css */
.loader_Fknihw {
  border: var(--stroke-width) solid var(--color);
  display: inline-block;
  box-sizing: border-box;
  animation: rotation var(--rotate-time) linear infinite;
  border-bottom-color: #0000;
  border-radius: 50%;
  width: 48px;
  height: 48px;
}

@keyframes rotation_DFgZqA {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* src/features/UserPlan/PlanCard.module.css */
.card_s5OnKw {
  background-color: var(--bg-color);
  display: flex;
  border: 1px solid #0a0f2914;
  border-radius: 24px;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
  min-width: 320px;
  max-width: 360px;
  min-height: 430px;
  padding: 20px;
}

.basic_s5OnKw {
  --bg-color: #fff;
}

.plus_s5OnKw {
  --bg-color: #ecdffb;
}

.pro_s5OnKw {
  --bg-color: #d1fae4;
}

.name_s5OnKw {
  font-size: 20px;
  font-weight: 500;
}

.heading_s5OnKw {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.price_s5OnKw {
  color: #14151a;
  font-size: 36px;
  font-weight: 500;
}

.models_s5OnKw {
  color: #0f132499;
  font-size: 16px;
}

.features_s5OnKw {
  list-style-type: none;
  display: flex;
  flex-direction: column;
  flex: 1 0;
  gap: 6px;
  margin: 0;
  padding: 0;
}

.feature_s5OnKw {
  color: #14151a;
  position: relative;
  display: flex;
  align-items:  center;
  margin: 0;
  padding: 0 0 0 36px;
  font-size: 16px;
}

.tokenFeature_s5OnKw {
  margin-top: -12px;
  padding-left: 0;
}

.markIcon_s5OnKw {
  position: absolute;
  top: 0;
  left: 0;
}

.top_s5OnKw {
  display: flex;
  justify-content: space-between;
}

.unlimited_s5OnKw {
  display: flex;
  color: #14151a;
  background-color: #fff;
  border-radius: 360px;
  align-items:  center;
  gap: 4px;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: 500;
}

.button_s5OnKw:disabled, .button_s5OnKw:disabled:hover {
  background: none;
}

.priceWrapper_s5OnKw {
  display: flex;
  color: #0d112666;
  align-items:  flex-end;
  font-size: 36px;
  font-weight: 500;
}

.priceValue_s5OnKw {
  color: #14151a;
}

.priceWrapper2_s5OnKw {
  display: flex;
  color: #0d112666;
  flex-direction: column;
  align-items:  flex-end;
  font-size: 36px;
  font-weight: 500;
}

.oldPrice_s5OnKw {
  text-decoration: line-through;
  color: #9ea0a8;
  align-self:  flex-start;
  font-size: 14px;
  transform: translateY(-6px);
}

.perMonth_s5OnKw {
  align-self:  flex-end;
  font-size: 14px;
  transform: translateY(-6px);
}

.slash_s5OnKw {
  margin: 0 4px;
}

.tooltipContainer_s5OnKw {
  position: relative;
  display: inline-flex;
  cursor: pointer;
  margin-left: 8px;
}

.tooltipIcon_s5OnKw {
  color: #0f132499;
}

.tooltip_s5OnKw {
  display: none;
  position: absolute;
  z-index: 100;
  width: 232px;
  margin-right: 8px;
  top: 0;
  right: 100%;
}

@media screen and (hover: hover) {
  .tooltipContainer_s5OnKw:hover .tooltip_s5OnKw {
    display: flex;
    width: 232px;
  }

  .tooltipContainer_s5OnKw:hover .tooltip_s5OnKw span {
    width: 232px;
  }
}

@media screen and (max-width: 1028px) {
  .card_s5OnKw {
    grid-column: 1 / -1;
    max-width: unset;
    min-width: 240px;
  }
}

/* src/shared/ui-lib/Button/Button.module.css */
.button_Lhh5GA {
  cursor: pointer;
  outline-color: #0000;
  box-sizing: border-box;
  display: flex;
  border-radius: 12px;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  width: 100%;
  height: 40px;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 500;
}

.button_Lhh5GA:disabled {
  color: #0a0f2940;
}

.button_Lhh5GA:disabled:hover {
  cursor: not-allowed;
}

.primary_Lhh5GA {
  color: #fff;
  background-color: #14151a;
  border: 1px solid #14151a;
  box-shadow: 0 1px 2px #14151a0d;
}

.primary_Lhh5GA:hover:not(:disabled) {
  background-color: #1f2228;
}

.primary_Lhh5GA:active:not(:disabled) {
  outline: 2px solid #c8b2ff80;
}

.primary_Lhh5GA:disabled {
  background-color: #e9eaec;
  border-color: #e9eaec;
}

.primary_Lhh5GA:disabled:hover {
  color: #0a0f2940;
  background-color: #e9eaec;
  border-color: #e9eaec;
}

.primary_Lhh5GA.loading_Lhh5GA {
  color: #fff;
  background-color: #14151a;
  border-color: #14151a;
}

.secondary_Lhh5GA {
  color: #14151a;
  background-color: #0a0f290a;
}

.secondary_Lhh5GA:hover:not(:disabled) {
  color: #14151a;
  background-color: #0a0f2914;
}

.secondary_Lhh5GA:active:not(:disabled), .tertiary_Lhh5GA:active:not(:disabled) {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.tertiary_Lhh5GA {
  color: #14151a;
  background-color: #fff;
  border: 1px solid #dee0e3;
}

.tertiary_Lhh5GA:hover:not(:disabled) {
  background-color: #f7f7f8;
}

.quaternary_Lhh5GA {
  color: #fff;
  background-color: #924fe8;
  border: 1px solid #924fe8;
}

.quaternary_Lhh5GA:hover {
  background-color: #b799f5;
  border: 1px solid #924fe8;
}

.quaternary_Lhh5GA {
  color: #fff;
  background-color: #924fe8;
  border: 1px solid #0000;
}

.quaternary_Lhh5GA:active {
  outline: 2px solid #c8b2ff80;
}

.quaternary_Lhh5GA:hover {
  color: #fff;
  background-color: #1f2228;
}

.ghost_Lhh5GA {
  color: #0f132499;
  background-color: #0000;
  font-weight: 600;
}

.ghost_Lhh5GA:hover {
  color: #0a0f2999;
  background-color: #0a0f290a;
}

.ghost_Lhh5GA:active {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.ghost_Lhh5GA:disabled {
  color: #0a0f2940;
}

.ghostFilled_Lhh5GA {
  color: #0a0f2999;
  background-color: #0a0f290a;
  font-weight: 600;
}

.ghostFilled_Lhh5GA:active {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.ghostFilled_Lhh5GA:disabled {
  color: #0a0f2940;
}

.loader_Lhh5GA {
  display: flex;
  animation: rotate 2s linear infinite;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
}

@keyframes rotate_11UwnQ {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

/* src/shared/ui-lib/UiSkeleton/UiSkeleton.module.css */
.skeleton_4u5Pcg {
  overflow: hidden;
  position: relative;
  background-color: #eee;
  border-radius: 4px;
  width: 100%;
  height: 100%;
}

.skeleton_4u5Pcg:after {
  content: "";
  display: block;
  position: absolute;
  animation: loading 1.5s infinite;
  background: linear-gradient(90deg, #0000, #fff6, #0000);
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
}

@keyframes loading_YQaUcw {
  0% {
    left: -100%;
  }

  50% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

/* src/shared/ui-lib/UiSeparator/UiSeparator.module.css */
.container_j7uiDQ {
  align-self: stretch;
}

.separator_j7uiDQ {
  background-color: var(--border-action-normal);
  content: "";
  align-self:  center;
}

.separator_j7uiDQ.vertical_j7uiDQ {
  width: .1rem;
  height: 100%;
}

.separator_j7uiDQ.horizontal_j7uiDQ {
  width: 100%;
  height: .1rem;
}

/* src/features/UserPlan/PlanCards.module.css */
.downgradeHeading_eT4yLw {
  font-size: 30px;
  font-weight: 600;
}

.downgradeDesc_eT4yLw {
  font-size: 16px;
}

.downgradeConfirmation_eT4yLw {
  display: flex;
  color: #14151a;
  text-align: left;
  flex-direction: column;
  align-items:  flex-start;
  gap: 24px;
  padding: 32px 64px;
}

.tooltip_eT4yLw {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

/* src/features/UserPlan/SelectPaymentModal.module.css */
.wrapper_SckGZA {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 24px;
  padding: 32px 64px;
}

.heading_SckGZA {
  font-size: 56px;
  font-weight: 600;
}

.cards_SckGZA {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 24px;
  width: 50vw;
}

@media (max-width: 600px) {
  .cards_SckGZA {
    width: 85vw;
  }
}

.card_SckGZA {
  cursor: pointer;
  color: #14151a;
  box-sizing: border-box;
  display: flex;
  isolation: isolate;
  background: #fff;
  border: 1px solid #dee0e3;
  border-radius: 16px;
  flex-direction: column;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 8px;
  width: 100%;
  height: 100%;
  padding: 24px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  box-shadow: 0 10px 16px -3px #14151a14, 0 3px 6px -2px #14151a0d;
}

.card_SckGZA > div {
  text-align: left;
}

.card_SckGZA .title_SckGZA {
  display: flex;
  flex-direction: row;
  align-items:  flex-start;
  gap: 12px;
  width: 100%;
  padding: 0;
}

.card_SckGZA .title_SckGZA .icons_SckGZA {
  display: flex;
  gap: 4px;
  padding-top: 4px;
}

.card_SckGZA .title_SckGZA .text_SckGZA {
  display: flex;
  justify-content: space-between;
}

.card_SckGZA .title_SckGZA .mainContent_SckGZA {
  width: 100%;
}

.footer_SckGZA {
  display: flex;
  flex-direction: row;
  align-items:  center;
  gap: 12px;
}

.footer_SckGZA button {
  display: flex;
  letter-spacing: -0.5%;
  text-align: center;
  white-space: nowrap;
  flex: none;
  width: auto;
  padding: 6px 10px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.inlineButtons_SckGZA {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  width: 100%;
}

.description_SckGZA {
  color: #0f132499;
  font-family: Manrope, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.paddingTop_SckGZA {
  padding-top: 8px;
}

.back_SckGZA {
  flex: 1;
  align-self:  flex-start;
  width: auto;
  padding: 12px 16px;
}

.cardEnter_SckGZA {
  overflow: hidden;
}

.cardEnterActive_SckGZA {
  transition: height .4s ease-in-out;
}

.cardExit_SckGZA {
  overflow: hidden;
}

.cardExitActive_SckGZA {
  transition: height .4s ease-in-out;
}

.coins_SckGZA {
  display: flex;
  flex-flow: wrap;
  align-content:  flex-start;
  align-items:  flex-start;
  gap: 12px;
  width: 100%;
  padding: 0 0 16px;
}

.coin_SckGZA {
  box-sizing: border-box;
  display: flex;
  background: #fff;
  border: 1px solid #dee0e3;
  border-radius: 10px;
  flex-direction: column;
  flex: none;
  order: 1;
  align-items:  flex-start;
  gap: 9px;
  width: 26%;
  padding: 9px;
}

.coinTitle_SckGZA {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 9px;
  width: 100%;
  padding: 0;
}

.coinTitle_SckGZA .mainContent_SckGZA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  width: 100%;
}

.active_SckGZA {
  background: #ecdffb;
}

.coin_SckGZA.active_SckGZA:hover {
  background-color: #ecdffb;
}

.tokenAmountWrapper_SckGZA {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-bottom: 20px;
}

.tokenAmountInput_SckGZA {
  width: 100%;
  max-width: 200px;
}

.tokenPrice_SckGZA {
  color: var(--text-secondary);
  margin-top: 8px;
  font-size: 14px;
}

/* node_modules/@rainbow-me/rainbowkit/dist/index.css */
[data-rk] .iekbcc0 {
  box-sizing: border-box;
  text-align: left;
  vertical-align: baseline;
  -webkit-tap-highlight-color: transparent;
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
  line-height: normal;
}

[data-rk] .iekbcc1 {
  list-style: none;
}

[data-rk] .iekbcc2 {
  quotes: none;
}

[data-rk] .iekbcc2:before, [data-rk] .iekbcc2:after {
  content: "";
}

[data-rk] .iekbcc3 {
  border-collapse: collapse;
  border-spacing: 0;
}

[data-rk] .iekbcc4 {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

[data-rk] .iekbcc5 {
  outline: none;
}

[data-rk] .iekbcc5::-moz-placeholder {
  opacity: 1;
}

[data-rk] .iekbcc5::placeholder {
  opacity: 1;
}

[data-rk] .iekbcc6 {
  color: inherit;
  background-color: #0000;
}

[data-rk] .iekbcc7:disabled {
  opacity: 1;
}

[data-rk] .iekbcc7::-ms-expand {
  display: none;
}

[data-rk] .iekbcc8::-ms-clear {
  display: none;
}

[data-rk] .iekbcc8::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

[data-rk] .iekbcc9 {
  cursor: pointer;
  text-align: left;
  background: none;
}

[data-rk] .iekbcca {
  color: inherit;
  text-decoration: none;
}

[data-rk] .ju367v0 {
  align-items:  flex-start;
}

[data-rk] .ju367v2 {
  align-items:  flex-end;
}

[data-rk] .ju367v4 {
  align-items:  center;
}

[data-rk] .ju367v6 {
  display: none;
}

[data-rk] .ju367v8 {
  display: block;
}

[data-rk] .ju367va {
  display: flex;
}

[data-rk] .ju367vc {
  display: inline;
}

[data-rk] .ju367ve {
  align-self:  flex-start;
}

[data-rk] .ju367vf {
  align-self:  flex-end;
}

[data-rk] .ju367vg {
  align-self:  center;
}

[data-rk] .ju367vh {
  background-size: cover;
}

[data-rk] .ju367vi {
  border-radius: 1px;
}

[data-rk] .ju367vj {
  border-radius: 6px;
}

[data-rk] .ju367vk {
  border-radius: 10px;
}

[data-rk] .ju367vl {
  border-radius: 13px;
}

[data-rk] .ju367vm {
  border-radius: var(--rk-radii-actionButton);
}

[data-rk] .ju367vn {
  border-radius: var(--rk-radii-connectButton);
}

[data-rk] .ju367vo {
  border-radius: var(--rk-radii-menuButton);
}

[data-rk] .ju367vp {
  border-radius: var(--rk-radii-modal);
}

[data-rk] .ju367vq {
  border-radius: var(--rk-radii-modalMobile);
}

[data-rk] .ju367vr {
  border-radius: 25%;
}

[data-rk] .ju367vs {
  border-radius: 9999px;
}

[data-rk] .ju367vt {
  border-style: solid;
}

[data-rk] .ju367vu {
  border-width: 0;
}

[data-rk] .ju367vv {
  border-width: 1px;
}

[data-rk] .ju367vw {
  border-width: 2px;
}

[data-rk] .ju367vx {
  border-width: 4px;
}

[data-rk] .ju367vy {
  cursor: pointer;
}

[data-rk] .ju367vz {
  cursor: none;
}

[data-rk] .ju367v10 {
  pointer-events: none;
}

[data-rk] .ju367v11 {
  pointer-events: all;
}

[data-rk] .ju367v12 {
  min-height: 8px;
}

[data-rk] .ju367v13 {
  min-height: 44px;
}

[data-rk] .ju367v14 {
  flex-direction: row;
}

[data-rk] .ju367v15 {
  flex-direction: column;
}

[data-rk] .ju367v16 {
  font-family: var(--rk-fonts-body);
}

[data-rk] .ju367v17 {
  font-size: 12px;
  line-height: 18px;
}

[data-rk] .ju367v18 {
  font-size: 13px;
  line-height: 18px;
}

[data-rk] .ju367v19 {
  font-size: 14px;
  line-height: 18px;
}

[data-rk] .ju367v1a {
  font-size: 16px;
  line-height: 20px;
}

[data-rk] .ju367v1b {
  font-size: 18px;
  line-height: 24px;
}

[data-rk] .ju367v1c {
  font-size: 20px;
  line-height: 24px;
}

[data-rk] .ju367v1d {
  font-size: 23px;
  line-height: 29px;
}

[data-rk] .ju367v1e {
  font-weight: 400;
}

[data-rk] .ju367v1f {
  font-weight: 500;
}

[data-rk] .ju367v1g {
  font-weight: 600;
}

[data-rk] .ju367v1h {
  font-weight: 700;
}

[data-rk] .ju367v1i {
  font-weight: 800;
}

[data-rk] .ju367v1j {
  gap: 0;
}

[data-rk] .ju367v1k {
  gap: 1px;
}

[data-rk] .ju367v1l {
  gap: 2px;
}

[data-rk] .ju367v1m {
  gap: 3px;
}

[data-rk] .ju367v1n {
  gap: 4px;
}

[data-rk] .ju367v1o {
  gap: 5px;
}

[data-rk] .ju367v1p {
  gap: 6px;
}

[data-rk] .ju367v1q {
  gap: 8px;
}

[data-rk] .ju367v1r {
  gap: 10px;
}

[data-rk] .ju367v1s {
  gap: 12px;
}

[data-rk] .ju367v1t {
  gap: 14px;
}

[data-rk] .ju367v1u {
  gap: 16px;
}

[data-rk] .ju367v1v {
  gap: 18px;
}

[data-rk] .ju367v1w {
  gap: 20px;
}

[data-rk] .ju367v1x {
  gap: 24px;
}

[data-rk] .ju367v1y {
  gap: 28px;
}

[data-rk] .ju367v1z {
  gap: 32px;
}

[data-rk] .ju367v20 {
  gap: 36px;
}

[data-rk] .ju367v21 {
  gap: 44px;
}

[data-rk] .ju367v22 {
  gap: 64px;
}

[data-rk] .ju367v23 {
  gap: -1px;
}

[data-rk] .ju367v24 {
  height: 1px;
}

[data-rk] .ju367v25 {
  height: 2px;
}

[data-rk] .ju367v26 {
  height: 4px;
}

[data-rk] .ju367v27 {
  height: 8px;
}

[data-rk] .ju367v28 {
  height: 12px;
}

[data-rk] .ju367v29 {
  height: 20px;
}

[data-rk] .ju367v2a {
  height: 24px;
}

[data-rk] .ju367v2b {
  height: 28px;
}

[data-rk] .ju367v2c {
  height: 30px;
}

[data-rk] .ju367v2d {
  height: 32px;
}

[data-rk] .ju367v2e {
  height: 34px;
}

[data-rk] .ju367v2f {
  height: 36px;
}

[data-rk] .ju367v2g {
  height: 40px;
}

[data-rk] .ju367v2h {
  height: 44px;
}

[data-rk] .ju367v2i {
  height: 48px;
}

[data-rk] .ju367v2j {
  height: 54px;
}

[data-rk] .ju367v2k {
  height: 60px;
}

[data-rk] .ju367v2l {
  height: 200px;
}

[data-rk] .ju367v2m {
  height: 100%;
}

[data-rk] .ju367v2n {
  height: max-content;
}

[data-rk] .ju367v2o {
  justify-content: flex-start;
}

[data-rk] .ju367v2p {
  justify-content: flex-end;
}

[data-rk] .ju367v2q {
  justify-content: center;
}

[data-rk] .ju367v2r {
  justify-content: space-between;
}

[data-rk] .ju367v2s {
  justify-content: space-around;
}

[data-rk] .ju367v2t {
  text-align: left;
}

[data-rk] .ju367v2u {
  text-align: center;
}

[data-rk] .ju367v2v {
  text-align: inherit;
}

[data-rk] .ju367v2w {
  margin-bottom: 0;
}

[data-rk] .ju367v2x {
  margin-bottom: 1px;
}

[data-rk] .ju367v2y {
  margin-bottom: 2px;
}

[data-rk] .ju367v2z {
  margin-bottom: 3px;
}

[data-rk] .ju367v30 {
  margin-bottom: 4px;
}

[data-rk] .ju367v31 {
  margin-bottom: 5px;
}

[data-rk] .ju367v32 {
  margin-bottom: 6px;
}

[data-rk] .ju367v33 {
  margin-bottom: 8px;
}

[data-rk] .ju367v34 {
  margin-bottom: 10px;
}

[data-rk] .ju367v35 {
  margin-bottom: 12px;
}

[data-rk] .ju367v36 {
  margin-bottom: 14px;
}

[data-rk] .ju367v37 {
  margin-bottom: 16px;
}

[data-rk] .ju367v38 {
  margin-bottom: 18px;
}

[data-rk] .ju367v39 {
  margin-bottom: 20px;
}

[data-rk] .ju367v3a {
  margin-bottom: 24px;
}

[data-rk] .ju367v3b {
  margin-bottom: 28px;
}

[data-rk] .ju367v3c {
  margin-bottom: 32px;
}

[data-rk] .ju367v3d {
  margin-bottom: 36px;
}

[data-rk] .ju367v3e {
  margin-bottom: 44px;
}

[data-rk] .ju367v3f {
  margin-bottom: 64px;
}

[data-rk] .ju367v3g {
  margin-bottom: -1px;
}

[data-rk] .ju367v3h {
  margin-left: 0;
}

[data-rk] .ju367v3i {
  margin-left: 1px;
}

[data-rk] .ju367v3j {
  margin-left: 2px;
}

[data-rk] .ju367v3k {
  margin-left: 3px;
}

[data-rk] .ju367v3l {
  margin-left: 4px;
}

[data-rk] .ju367v3m {
  margin-left: 5px;
}

[data-rk] .ju367v3n {
  margin-left: 6px;
}

[data-rk] .ju367v3o {
  margin-left: 8px;
}

[data-rk] .ju367v3p {
  margin-left: 10px;
}

[data-rk] .ju367v3q {
  margin-left: 12px;
}

[data-rk] .ju367v3r {
  margin-left: 14px;
}

[data-rk] .ju367v3s {
  margin-left: 16px;
}

[data-rk] .ju367v3t {
  margin-left: 18px;
}

[data-rk] .ju367v3u {
  margin-left: 20px;
}

[data-rk] .ju367v3v {
  margin-left: 24px;
}

[data-rk] .ju367v3w {
  margin-left: 28px;
}

[data-rk] .ju367v3x {
  margin-left: 32px;
}

[data-rk] .ju367v3y {
  margin-left: 36px;
}

[data-rk] .ju367v3z {
  margin-left: 44px;
}

[data-rk] .ju367v40 {
  margin-left: 64px;
}

[data-rk] .ju367v41 {
  margin-left: -1px;
}

[data-rk] .ju367v42 {
  margin-right: 0;
}

[data-rk] .ju367v43 {
  margin-right: 1px;
}

[data-rk] .ju367v44 {
  margin-right: 2px;
}

[data-rk] .ju367v45 {
  margin-right: 3px;
}

[data-rk] .ju367v46 {
  margin-right: 4px;
}

[data-rk] .ju367v47 {
  margin-right: 5px;
}

[data-rk] .ju367v48 {
  margin-right: 6px;
}

[data-rk] .ju367v49 {
  margin-right: 8px;
}

[data-rk] .ju367v4a {
  margin-right: 10px;
}

[data-rk] .ju367v4b {
  margin-right: 12px;
}

[data-rk] .ju367v4c {
  margin-right: 14px;
}

[data-rk] .ju367v4d {
  margin-right: 16px;
}

[data-rk] .ju367v4e {
  margin-right: 18px;
}

[data-rk] .ju367v4f {
  margin-right: 20px;
}

[data-rk] .ju367v4g {
  margin-right: 24px;
}

[data-rk] .ju367v4h {
  margin-right: 28px;
}

[data-rk] .ju367v4i {
  margin-right: 32px;
}

[data-rk] .ju367v4j {
  margin-right: 36px;
}

[data-rk] .ju367v4k {
  margin-right: 44px;
}

[data-rk] .ju367v4l {
  margin-right: 64px;
}

[data-rk] .ju367v4m {
  margin-right: -1px;
}

[data-rk] .ju367v4n {
  margin-top: 0;
}

[data-rk] .ju367v4o {
  margin-top: 1px;
}

[data-rk] .ju367v4p {
  margin-top: 2px;
}

[data-rk] .ju367v4q {
  margin-top: 3px;
}

[data-rk] .ju367v4r {
  margin-top: 4px;
}

[data-rk] .ju367v4s {
  margin-top: 5px;
}

[data-rk] .ju367v4t {
  margin-top: 6px;
}

[data-rk] .ju367v4u {
  margin-top: 8px;
}

[data-rk] .ju367v4v {
  margin-top: 10px;
}

[data-rk] .ju367v4w {
  margin-top: 12px;
}

[data-rk] .ju367v4x {
  margin-top: 14px;
}

[data-rk] .ju367v4y {
  margin-top: 16px;
}

[data-rk] .ju367v4z {
  margin-top: 18px;
}

[data-rk] .ju367v50 {
  margin-top: 20px;
}

[data-rk] .ju367v51 {
  margin-top: 24px;
}

[data-rk] .ju367v52 {
  margin-top: 28px;
}

[data-rk] .ju367v53 {
  margin-top: 32px;
}

[data-rk] .ju367v54 {
  margin-top: 36px;
}

[data-rk] .ju367v55 {
  margin-top: 44px;
}

[data-rk] .ju367v56 {
  margin-top: 64px;
}

[data-rk] .ju367v57 {
  margin-top: -1px;
}

[data-rk] .ju367v58 {
  max-width: 1px;
}

[data-rk] .ju367v59 {
  max-width: 2px;
}

[data-rk] .ju367v5a {
  max-width: 4px;
}

[data-rk] .ju367v5b {
  max-width: 8px;
}

[data-rk] .ju367v5c {
  max-width: 12px;
}

[data-rk] .ju367v5d {
  max-width: 20px;
}

[data-rk] .ju367v5e {
  max-width: 24px;
}

[data-rk] .ju367v5f {
  max-width: 28px;
}

[data-rk] .ju367v5g {
  max-width: 30px;
}

[data-rk] .ju367v5h {
  max-width: 32px;
}

[data-rk] .ju367v5i {
  max-width: 34px;
}

[data-rk] .ju367v5j {
  max-width: 36px;
}

[data-rk] .ju367v5k {
  max-width: 40px;
}

[data-rk] .ju367v5l {
  max-width: 44px;
}

[data-rk] .ju367v5m {
  max-width: 48px;
}

[data-rk] .ju367v5n {
  max-width: 54px;
}

[data-rk] .ju367v5o {
  max-width: 60px;
}

[data-rk] .ju367v5p {
  max-width: 200px;
}

[data-rk] .ju367v5q {
  max-width: 100%;
}

[data-rk] .ju367v5r {
  max-width: max-content;
}

[data-rk] .ju367v5s {
  min-width: 1px;
}

[data-rk] .ju367v5t {
  min-width: 2px;
}

[data-rk] .ju367v5u {
  min-width: 4px;
}

[data-rk] .ju367v5v {
  min-width: 8px;
}

[data-rk] .ju367v5w {
  min-width: 12px;
}

[data-rk] .ju367v5x {
  min-width: 20px;
}

[data-rk] .ju367v5y {
  min-width: 24px;
}

[data-rk] .ju367v5z {
  min-width: 28px;
}

[data-rk] .ju367v60 {
  min-width: 30px;
}

[data-rk] .ju367v61 {
  min-width: 32px;
}

[data-rk] .ju367v62 {
  min-width: 34px;
}

[data-rk] .ju367v63 {
  min-width: 36px;
}

[data-rk] .ju367v64 {
  min-width: 40px;
}

[data-rk] .ju367v65 {
  min-width: 44px;
}

[data-rk] .ju367v66 {
  min-width: 48px;
}

[data-rk] .ju367v67 {
  min-width: 54px;
}

[data-rk] .ju367v68 {
  min-width: 60px;
}

[data-rk] .ju367v69 {
  min-width: 200px;
}

[data-rk] .ju367v6a {
  min-width: 100%;
}

[data-rk] .ju367v6b {
  min-width: max-content;
}

[data-rk] .ju367v6c {
  overflow: hidden;
}

[data-rk] .ju367v6d {
  padding-bottom: 0;
}

[data-rk] .ju367v6e {
  padding-bottom: 1px;
}

[data-rk] .ju367v6f {
  padding-bottom: 2px;
}

[data-rk] .ju367v6g {
  padding-bottom: 3px;
}

[data-rk] .ju367v6h {
  padding-bottom: 4px;
}

[data-rk] .ju367v6i {
  padding-bottom: 5px;
}

[data-rk] .ju367v6j {
  padding-bottom: 6px;
}

[data-rk] .ju367v6k {
  padding-bottom: 8px;
}

[data-rk] .ju367v6l {
  padding-bottom: 10px;
}

[data-rk] .ju367v6m {
  padding-bottom: 12px;
}

[data-rk] .ju367v6n {
  padding-bottom: 14px;
}

[data-rk] .ju367v6o {
  padding-bottom: 16px;
}

[data-rk] .ju367v6p {
  padding-bottom: 18px;
}

[data-rk] .ju367v6q {
  padding-bottom: 20px;
}

[data-rk] .ju367v6r {
  padding-bottom: 24px;
}

[data-rk] .ju367v6s {
  padding-bottom: 28px;
}

[data-rk] .ju367v6t {
  padding-bottom: 32px;
}

[data-rk] .ju367v6u {
  padding-bottom: 36px;
}

[data-rk] .ju367v6v {
  padding-bottom: 44px;
}

[data-rk] .ju367v6w {
  padding-bottom: 64px;
}

[data-rk] .ju367v6x {
  padding-bottom: -1px;
}

[data-rk] .ju367v6y {
  padding-left: 0;
}

[data-rk] .ju367v6z {
  padding-left: 1px;
}

[data-rk] .ju367v70 {
  padding-left: 2px;
}

[data-rk] .ju367v71 {
  padding-left: 3px;
}

[data-rk] .ju367v72 {
  padding-left: 4px;
}

[data-rk] .ju367v73 {
  padding-left: 5px;
}

[data-rk] .ju367v74 {
  padding-left: 6px;
}

[data-rk] .ju367v75 {
  padding-left: 8px;
}

[data-rk] .ju367v76 {
  padding-left: 10px;
}

[data-rk] .ju367v77 {
  padding-left: 12px;
}

[data-rk] .ju367v78 {
  padding-left: 14px;
}

[data-rk] .ju367v79 {
  padding-left: 16px;
}

[data-rk] .ju367v7a {
  padding-left: 18px;
}

[data-rk] .ju367v7b {
  padding-left: 20px;
}

[data-rk] .ju367v7c {
  padding-left: 24px;
}

[data-rk] .ju367v7d {
  padding-left: 28px;
}

[data-rk] .ju367v7e {
  padding-left: 32px;
}

[data-rk] .ju367v7f {
  padding-left: 36px;
}

[data-rk] .ju367v7g {
  padding-left: 44px;
}

[data-rk] .ju367v7h {
  padding-left: 64px;
}

[data-rk] .ju367v7i {
  padding-left: -1px;
}

[data-rk] .ju367v7j {
  padding-right: 0;
}

[data-rk] .ju367v7k {
  padding-right: 1px;
}

[data-rk] .ju367v7l {
  padding-right: 2px;
}

[data-rk] .ju367v7m {
  padding-right: 3px;
}

[data-rk] .ju367v7n {
  padding-right: 4px;
}

[data-rk] .ju367v7o {
  padding-right: 5px;
}

[data-rk] .ju367v7p {
  padding-right: 6px;
}

[data-rk] .ju367v7q {
  padding-right: 8px;
}

[data-rk] .ju367v7r {
  padding-right: 10px;
}

[data-rk] .ju367v7s {
  padding-right: 12px;
}

[data-rk] .ju367v7t {
  padding-right: 14px;
}

[data-rk] .ju367v7u {
  padding-right: 16px;
}

[data-rk] .ju367v7v {
  padding-right: 18px;
}

[data-rk] .ju367v7w {
  padding-right: 20px;
}

[data-rk] .ju367v7x {
  padding-right: 24px;
}

[data-rk] .ju367v7y {
  padding-right: 28px;
}

[data-rk] .ju367v7z {
  padding-right: 32px;
}

[data-rk] .ju367v80 {
  padding-right: 36px;
}

[data-rk] .ju367v81 {
  padding-right: 44px;
}

[data-rk] .ju367v82 {
  padding-right: 64px;
}

[data-rk] .ju367v83 {
  padding-right: -1px;
}

[data-rk] .ju367v84 {
  padding-top: 0;
}

[data-rk] .ju367v85 {
  padding-top: 1px;
}

[data-rk] .ju367v86 {
  padding-top: 2px;
}

[data-rk] .ju367v87 {
  padding-top: 3px;
}

[data-rk] .ju367v88 {
  padding-top: 4px;
}

[data-rk] .ju367v89 {
  padding-top: 5px;
}

[data-rk] .ju367v8a {
  padding-top: 6px;
}

[data-rk] .ju367v8b {
  padding-top: 8px;
}

[data-rk] .ju367v8c {
  padding-top: 10px;
}

[data-rk] .ju367v8d {
  padding-top: 12px;
}

[data-rk] .ju367v8e {
  padding-top: 14px;
}

[data-rk] .ju367v8f {
  padding-top: 16px;
}

[data-rk] .ju367v8g {
  padding-top: 18px;
}

[data-rk] .ju367v8h {
  padding-top: 20px;
}

[data-rk] .ju367v8i {
  padding-top: 24px;
}

[data-rk] .ju367v8j {
  padding-top: 28px;
}

[data-rk] .ju367v8k {
  padding-top: 32px;
}

[data-rk] .ju367v8l {
  padding-top: 36px;
}

[data-rk] .ju367v8m {
  padding-top: 44px;
}

[data-rk] .ju367v8n {
  padding-top: 64px;
}

[data-rk] .ju367v8o {
  padding-top: -1px;
}

[data-rk] .ju367v8p {
  position: absolute;
}

[data-rk] .ju367v8q {
  position: fixed;
}

[data-rk] .ju367v8r {
  position: relative;
}

[data-rk] .ju367v8s {
  -webkit-user-select: none;
}

[data-rk] .ju367v8t {
  right: 0;
}

[data-rk] .ju367v8u {
  transition: all .125s;
}

[data-rk] .ju367v8v {
  transition: transform .125s;
}

[data-rk] .ju367v8w {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

[data-rk] .ju367v8x {
  width: 1px;
}

[data-rk] .ju367v8y {
  width: 2px;
}

[data-rk] .ju367v8z {
  width: 4px;
}

[data-rk] .ju367v90 {
  width: 8px;
}

[data-rk] .ju367v91 {
  width: 12px;
}

[data-rk] .ju367v92 {
  width: 20px;
}

[data-rk] .ju367v93 {
  width: 24px;
}

[data-rk] .ju367v94 {
  width: 28px;
}

[data-rk] .ju367v95 {
  width: 30px;
}

[data-rk] .ju367v96 {
  width: 32px;
}

[data-rk] .ju367v97 {
  width: 34px;
}

[data-rk] .ju367v98 {
  width: 36px;
}

[data-rk] .ju367v99 {
  width: 40px;
}

[data-rk] .ju367v9a {
  width: 44px;
}

[data-rk] .ju367v9b {
  width: 48px;
}

[data-rk] .ju367v9c {
  width: 54px;
}

[data-rk] .ju367v9d {
  width: 60px;
}

[data-rk] .ju367v9e {
  width: 200px;
}

[data-rk] .ju367v9f {
  width: 100%;
}

[data-rk] .ju367v9g {
  width: max-content;
}

[data-rk] .ju367v9h {
  -webkit-backdrop-filter: var(--rk-blurs-modalOverlay);
  backdrop-filter: var(--rk-blurs-modalOverlay);
}

[data-rk] .ju367v9i, [data-rk] .ju367v9j:hover, [data-rk] .ju367v9k:active {
  background: var(--rk-colors-accentColor);
}

[data-rk] .ju367v9l, [data-rk] .ju367v9m:hover, [data-rk] .ju367v9n:active {
  background: var(--rk-colors-accentColorForeground);
}

[data-rk] .ju367v9o, [data-rk] .ju367v9p:hover, [data-rk] .ju367v9q:active {
  background: var(--rk-colors-actionButtonBorder);
}

[data-rk] .ju367v9r, [data-rk] .ju367v9s:hover, [data-rk] .ju367v9t:active {
  background: var(--rk-colors-actionButtonBorderMobile);
}

[data-rk] .ju367v9u, [data-rk] .ju367v9v:hover, [data-rk] .ju367v9w:active {
  background: var(--rk-colors-actionButtonSecondaryBackground);
}

[data-rk] .ju367v9x, [data-rk] .ju367v9y:hover, [data-rk] .ju367v9z:active {
  background: var(--rk-colors-closeButton);
}

[data-rk] .ju367va0, [data-rk] .ju367va1:hover, [data-rk] .ju367va2:active {
  background: var(--rk-colors-closeButtonBackground);
}

[data-rk] .ju367va3, [data-rk] .ju367va4:hover, [data-rk] .ju367va5:active {
  background: var(--rk-colors-connectButtonBackground);
}

[data-rk] .ju367va6, [data-rk] .ju367va7:hover, [data-rk] .ju367va8:active {
  background: var(--rk-colors-connectButtonBackgroundError);
}

[data-rk] .ju367va9, [data-rk] .ju367vaa:hover, [data-rk] .ju367vab:active {
  background: var(--rk-colors-connectButtonInnerBackground);
}

[data-rk] .ju367vac, [data-rk] .ju367vad:hover, [data-rk] .ju367vae:active {
  background: var(--rk-colors-connectButtonText);
}

[data-rk] .ju367vaf, [data-rk] .ju367vag:hover, [data-rk] .ju367vah:active {
  background: var(--rk-colors-connectButtonTextError);
}

[data-rk] .ju367vai, [data-rk] .ju367vaj:hover, [data-rk] .ju367vak:active {
  background: var(--rk-colors-connectionIndicator);
}

[data-rk] .ju367val, [data-rk] .ju367vam:hover, [data-rk] .ju367van:active {
  background: var(--rk-colors-downloadBottomCardBackground);
}

[data-rk] .ju367vao, [data-rk] .ju367vap:hover, [data-rk] .ju367vaq:active {
  background: var(--rk-colors-downloadTopCardBackground);
}

[data-rk] .ju367var, [data-rk] .ju367vas:hover, [data-rk] .ju367vat:active {
  background: var(--rk-colors-error);
}

[data-rk] .ju367vau, [data-rk] .ju367vav:hover, [data-rk] .ju367vaw:active {
  background: var(--rk-colors-generalBorder);
}

[data-rk] .ju367vax, [data-rk] .ju367vay:hover, [data-rk] .ju367vaz:active {
  background: var(--rk-colors-generalBorderDim);
}

[data-rk] .ju367vb0, [data-rk] .ju367vb1:hover, [data-rk] .ju367vb2:active {
  background: var(--rk-colors-menuItemBackground);
}

[data-rk] .ju367vb3, [data-rk] .ju367vb4:hover, [data-rk] .ju367vb5:active {
  background: var(--rk-colors-modalBackdrop);
}

[data-rk] .ju367vb6, [data-rk] .ju367vb7:hover, [data-rk] .ju367vb8:active {
  background: var(--rk-colors-modalBackground);
}

[data-rk] .ju367vb9, [data-rk] .ju367vba:hover, [data-rk] .ju367vbb:active {
  background: var(--rk-colors-modalBorder);
}

[data-rk] .ju367vbc, [data-rk] .ju367vbd:hover, [data-rk] .ju367vbe:active {
  background: var(--rk-colors-modalText);
}

[data-rk] .ju367vbf, [data-rk] .ju367vbg:hover, [data-rk] .ju367vbh:active {
  background: var(--rk-colors-modalTextDim);
}

[data-rk] .ju367vbi, [data-rk] .ju367vbj:hover, [data-rk] .ju367vbk:active {
  background: var(--rk-colors-modalTextSecondary);
}

[data-rk] .ju367vbl, [data-rk] .ju367vbm:hover, [data-rk] .ju367vbn:active {
  background: var(--rk-colors-profileAction);
}

[data-rk] .ju367vbo, [data-rk] .ju367vbp:hover, [data-rk] .ju367vbq:active {
  background: var(--rk-colors-profileActionHover);
}

[data-rk] .ju367vbr, [data-rk] .ju367vbs:hover, [data-rk] .ju367vbt:active {
  background: var(--rk-colors-profileForeground);
}

[data-rk] .ju367vbu, [data-rk] .ju367vbv:hover, [data-rk] .ju367vbw:active {
  background: var(--rk-colors-selectedOptionBorder);
}

[data-rk] .ju367vbx, [data-rk] .ju367vby:hover, [data-rk] .ju367vbz:active {
  background: var(--rk-colors-standby);
}

[data-rk] .ju367vc0, [data-rk] .ju367vc1:hover, [data-rk] .ju367vc2:active {
  border-color: var(--rk-colors-accentColor);
}

[data-rk] .ju367vc3, [data-rk] .ju367vc4:hover, [data-rk] .ju367vc5:active {
  border-color: var(--rk-colors-accentColorForeground);
}

[data-rk] .ju367vc6, [data-rk] .ju367vc7:hover, [data-rk] .ju367vc8:active {
  border-color: var(--rk-colors-actionButtonBorder);
}

[data-rk] .ju367vc9, [data-rk] .ju367vca:hover, [data-rk] .ju367vcb:active {
  border-color: var(--rk-colors-actionButtonBorderMobile);
}

[data-rk] .ju367vcc, [data-rk] .ju367vcd:hover, [data-rk] .ju367vce:active {
  border-color: var(--rk-colors-actionButtonSecondaryBackground);
}

[data-rk] .ju367vcf, [data-rk] .ju367vcg:hover, [data-rk] .ju367vch:active {
  border-color: var(--rk-colors-closeButton);
}

[data-rk] .ju367vci, [data-rk] .ju367vcj:hover, [data-rk] .ju367vck:active {
  border-color: var(--rk-colors-closeButtonBackground);
}

[data-rk] .ju367vcl, [data-rk] .ju367vcm:hover, [data-rk] .ju367vcn:active {
  border-color: var(--rk-colors-connectButtonBackground);
}

[data-rk] .ju367vco, [data-rk] .ju367vcp:hover, [data-rk] .ju367vcq:active {
  border-color: var(--rk-colors-connectButtonBackgroundError);
}

[data-rk] .ju367vcr, [data-rk] .ju367vcs:hover, [data-rk] .ju367vct:active {
  border-color: var(--rk-colors-connectButtonInnerBackground);
}

[data-rk] .ju367vcu, [data-rk] .ju367vcv:hover, [data-rk] .ju367vcw:active {
  border-color: var(--rk-colors-connectButtonText);
}

[data-rk] .ju367vcx, [data-rk] .ju367vcy:hover, [data-rk] .ju367vcz:active {
  border-color: var(--rk-colors-connectButtonTextError);
}

[data-rk] .ju367vd0, [data-rk] .ju367vd1:hover, [data-rk] .ju367vd2:active {
  border-color: var(--rk-colors-connectionIndicator);
}

[data-rk] .ju367vd3, [data-rk] .ju367vd4:hover, [data-rk] .ju367vd5:active {
  border-color: var(--rk-colors-downloadBottomCardBackground);
}

[data-rk] .ju367vd6, [data-rk] .ju367vd7:hover, [data-rk] .ju367vd8:active {
  border-color: var(--rk-colors-downloadTopCardBackground);
}

[data-rk] .ju367vd9, [data-rk] .ju367vda:hover, [data-rk] .ju367vdb:active {
  border-color: var(--rk-colors-error);
}

[data-rk] .ju367vdc, [data-rk] .ju367vdd:hover, [data-rk] .ju367vde:active {
  border-color: var(--rk-colors-generalBorder);
}

[data-rk] .ju367vdf, [data-rk] .ju367vdg:hover, [data-rk] .ju367vdh:active {
  border-color: var(--rk-colors-generalBorderDim);
}

[data-rk] .ju367vdi, [data-rk] .ju367vdj:hover, [data-rk] .ju367vdk:active {
  border-color: var(--rk-colors-menuItemBackground);
}

[data-rk] .ju367vdl, [data-rk] .ju367vdm:hover, [data-rk] .ju367vdn:active {
  border-color: var(--rk-colors-modalBackdrop);
}

[data-rk] .ju367vdo, [data-rk] .ju367vdp:hover, [data-rk] .ju367vdq:active {
  border-color: var(--rk-colors-modalBackground);
}

[data-rk] .ju367vdr, [data-rk] .ju367vds:hover, [data-rk] .ju367vdt:active {
  border-color: var(--rk-colors-modalBorder);
}

[data-rk] .ju367vdu, [data-rk] .ju367vdv:hover, [data-rk] .ju367vdw:active {
  border-color: var(--rk-colors-modalText);
}

[data-rk] .ju367vdx, [data-rk] .ju367vdy:hover, [data-rk] .ju367vdz:active {
  border-color: var(--rk-colors-modalTextDim);
}

[data-rk] .ju367ve0, [data-rk] .ju367ve1:hover, [data-rk] .ju367ve2:active {
  border-color: var(--rk-colors-modalTextSecondary);
}

[data-rk] .ju367ve3, [data-rk] .ju367ve4:hover, [data-rk] .ju367ve5:active {
  border-color: var(--rk-colors-profileAction);
}

[data-rk] .ju367ve6, [data-rk] .ju367ve7:hover, [data-rk] .ju367ve8:active {
  border-color: var(--rk-colors-profileActionHover);
}

[data-rk] .ju367ve9, [data-rk] .ju367vea:hover, [data-rk] .ju367veb:active {
  border-color: var(--rk-colors-profileForeground);
}

[data-rk] .ju367vec, [data-rk] .ju367ved:hover, [data-rk] .ju367vee:active {
  border-color: var(--rk-colors-selectedOptionBorder);
}

[data-rk] .ju367vef, [data-rk] .ju367veg:hover, [data-rk] .ju367veh:active {
  border-color: var(--rk-colors-standby);
}

[data-rk] .ju367vei, [data-rk] .ju367vej:hover, [data-rk] .ju367vek:active {
  box-shadow: var(--rk-shadows-connectButton);
}

[data-rk] .ju367vel, [data-rk] .ju367vem:hover, [data-rk] .ju367ven:active {
  box-shadow: var(--rk-shadows-dialog);
}

[data-rk] .ju367veo, [data-rk] .ju367vep:hover, [data-rk] .ju367veq:active {
  box-shadow: var(--rk-shadows-profileDetailsAction);
}

[data-rk] .ju367ver, [data-rk] .ju367ves:hover, [data-rk] .ju367vet:active {
  box-shadow: var(--rk-shadows-selectedOption);
}

[data-rk] .ju367veu, [data-rk] .ju367vev:hover, [data-rk] .ju367vew:active {
  box-shadow: var(--rk-shadows-selectedWallet);
}

[data-rk] .ju367vex, [data-rk] .ju367vey:hover, [data-rk] .ju367vez:active {
  box-shadow: var(--rk-shadows-walletLogo);
}

[data-rk] .ju367vf0, [data-rk] .ju367vf1:hover, [data-rk] .ju367vf2:active {
  color: var(--rk-colors-accentColor);
}

[data-rk] .ju367vf3, [data-rk] .ju367vf4:hover, [data-rk] .ju367vf5:active {
  color: var(--rk-colors-accentColorForeground);
}

[data-rk] .ju367vf6, [data-rk] .ju367vf7:hover, [data-rk] .ju367vf8:active {
  color: var(--rk-colors-actionButtonBorder);
}

[data-rk] .ju367vf9, [data-rk] .ju367vfa:hover, [data-rk] .ju367vfb:active {
  color: var(--rk-colors-actionButtonBorderMobile);
}

[data-rk] .ju367vfc, [data-rk] .ju367vfd:hover, [data-rk] .ju367vfe:active {
  color: var(--rk-colors-actionButtonSecondaryBackground);
}

[data-rk] .ju367vff, [data-rk] .ju367vfg:hover, [data-rk] .ju367vfh:active {
  color: var(--rk-colors-closeButton);
}

[data-rk] .ju367vfi, [data-rk] .ju367vfj:hover, [data-rk] .ju367vfk:active {
  color: var(--rk-colors-closeButtonBackground);
}

[data-rk] .ju367vfl, [data-rk] .ju367vfm:hover, [data-rk] .ju367vfn:active {
  color: var(--rk-colors-connectButtonBackground);
}

[data-rk] .ju367vfo, [data-rk] .ju367vfp:hover, [data-rk] .ju367vfq:active {
  color: var(--rk-colors-connectButtonBackgroundError);
}

[data-rk] .ju367vfr, [data-rk] .ju367vfs:hover, [data-rk] .ju367vft:active {
  color: var(--rk-colors-connectButtonInnerBackground);
}

[data-rk] .ju367vfu, [data-rk] .ju367vfv:hover, [data-rk] .ju367vfw:active {
  color: var(--rk-colors-connectButtonText);
}

[data-rk] .ju367vfx, [data-rk] .ju367vfy:hover, [data-rk] .ju367vfz:active {
  color: var(--rk-colors-connectButtonTextError);
}

[data-rk] .ju367vg0, [data-rk] .ju367vg1:hover, [data-rk] .ju367vg2:active {
  color: var(--rk-colors-connectionIndicator);
}

[data-rk] .ju367vg3, [data-rk] .ju367vg4:hover, [data-rk] .ju367vg5:active {
  color: var(--rk-colors-downloadBottomCardBackground);
}

[data-rk] .ju367vg6, [data-rk] .ju367vg7:hover, [data-rk] .ju367vg8:active {
  color: var(--rk-colors-downloadTopCardBackground);
}

[data-rk] .ju367vg9, [data-rk] .ju367vga:hover, [data-rk] .ju367vgb:active {
  color: var(--rk-colors-error);
}

[data-rk] .ju367vgc, [data-rk] .ju367vgd:hover, [data-rk] .ju367vge:active {
  color: var(--rk-colors-generalBorder);
}

[data-rk] .ju367vgf, [data-rk] .ju367vgg:hover, [data-rk] .ju367vgh:active {
  color: var(--rk-colors-generalBorderDim);
}

[data-rk] .ju367vgi, [data-rk] .ju367vgj:hover, [data-rk] .ju367vgk:active {
  color: var(--rk-colors-menuItemBackground);
}

[data-rk] .ju367vgl, [data-rk] .ju367vgm:hover, [data-rk] .ju367vgn:active {
  color: var(--rk-colors-modalBackdrop);
}

[data-rk] .ju367vgo, [data-rk] .ju367vgp:hover, [data-rk] .ju367vgq:active {
  color: var(--rk-colors-modalBackground);
}

[data-rk] .ju367vgr, [data-rk] .ju367vgs:hover, [data-rk] .ju367vgt:active {
  color: var(--rk-colors-modalBorder);
}

[data-rk] .ju367vgu, [data-rk] .ju367vgv:hover, [data-rk] .ju367vgw:active {
  color: var(--rk-colors-modalText);
}

[data-rk] .ju367vgx, [data-rk] .ju367vgy:hover, [data-rk] .ju367vgz:active {
  color: var(--rk-colors-modalTextDim);
}

[data-rk] .ju367vh0, [data-rk] .ju367vh1:hover, [data-rk] .ju367vh2:active {
  color: var(--rk-colors-modalTextSecondary);
}

[data-rk] .ju367vh3, [data-rk] .ju367vh4:hover, [data-rk] .ju367vh5:active {
  color: var(--rk-colors-profileAction);
}

[data-rk] .ju367vh6, [data-rk] .ju367vh7:hover, [data-rk] .ju367vh8:active {
  color: var(--rk-colors-profileActionHover);
}

[data-rk] .ju367vh9, [data-rk] .ju367vha:hover, [data-rk] .ju367vhb:active {
  color: var(--rk-colors-profileForeground);
}

[data-rk] .ju367vhc, [data-rk] .ju367vhd:hover, [data-rk] .ju367vhe:active {
  color: var(--rk-colors-selectedOptionBorder);
}

[data-rk] .ju367vhf, [data-rk] .ju367vhg:hover, [data-rk] .ju367vhh:active {
  color: var(--rk-colors-standby);
}

@media screen and (min-width: 768px) {
  [data-rk] .ju367v1 {
    align-items:  flex-start;
  }

  [data-rk] .ju367v3 {
    align-items:  flex-end;
  }

  [data-rk] .ju367v5 {
    align-items:  center;
  }

  [data-rk] .ju367v7 {
    display: none;
  }

  [data-rk] .ju367v9 {
    display: block;
  }

  [data-rk] .ju367vb {
    display: flex;
  }

  [data-rk] .ju367vd {
    display: inline;
  }
}

[data-rk] ._12cbo8i3, [data-rk] ._12cbo8i3:after {
  --_12cbo8i0: 1;
  --_12cbo8i1: 1;
}

[data-rk] ._12cbo8i3:hover {
  transform: scale(var(--_12cbo8i0));
}

[data-rk] ._12cbo8i3:active {
  transform: scale(var(--_12cbo8i1));
}

[data-rk] ._12cbo8i3:active:after {
  content: "";
  display: block;
  position: absolute;
  transform: scale(calc((1 / var(--_12cbo8i1)) * var(--_12cbo8i0)));
  inset: -1px;
}

[data-rk] ._12cbo8i4, [data-rk] ._12cbo8i4:after {
  --_12cbo8i0: 1.025;
}

[data-rk] ._12cbo8i5, [data-rk] ._12cbo8i5:after {
  --_12cbo8i0: 1.1;
}

[data-rk] ._12cbo8i6, [data-rk] ._12cbo8i6:after {
  --_12cbo8i1: .95;
}

[data-rk] ._12cbo8i7, [data-rk] ._12cbo8i7:after {
  --_12cbo8i1: .9;
}

@keyframes _1luule41 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

[data-rk] ._1luule42 {
  animation: _1luule41 3s infinite linear;
}

[data-rk] ._1luule43 {
  background: conic-gradient(from 180deg, #4892fe00 0deg, currentColor 282.04deg, #4892fe00 319.86deg 360deg);
  width: 21px;
  height: 21px;
}

@keyframes _9pm4ki0 {
  0% {
    transform: translateY(100%);
  }

  100% {
    transform: translateY(0);
  }
}

@keyframes _9pm4ki1 {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

[data-rk] ._9pm4ki3 {
  animation: _9pm4ki1 .15s ease;
  z-index: 2147480000;
  padding: 200px;
  inset: -200px;
  transform: translateZ(0);
}

[data-rk] ._9pm4ki5 {
  animation: _9pm4ki0 .35s cubic-bezier(.15, 1.15, .6, 1), _9pm4ki1 .15s ease;
  max-width: 100vw;
}

[data-rk] ._1ckjpok1 {
  box-sizing: content-box;
  width: 360px;
  max-width: 100vw;
}

[data-rk] ._1ckjpok2 {
  width: 100vw;
}

[data-rk] ._1ckjpok3 {
  width: 720px;
  min-width: 720px;
}

[data-rk] ._1ckjpok4 {
  width: 368px;
  min-width: 368px;
}

[data-rk] ._1ckjpok6 {
  box-sizing: border-box;
  border-width: 0;
  width: 100vw;
}

@media screen and (min-width: 768px) {
  [data-rk] ._1ckjpok1 {
    width: 360px;
  }

  [data-rk] ._1ckjpok2 {
    width: 480px;
  }

  [data-rk] ._1ckjpok4 {
    width: 368px;
    min-width: 368px;
  }
}

@media screen and (max-width: 767px) {
  [data-rk] ._1ckjpok7 {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-top: -200px;
    padding-bottom: 200px;
    top: 200px;
  }
}

[data-rk] .v9horb0:hover {
  background: unset;
}

[data-rk] ._18dqw9x0 {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 456px;
}

[data-rk] ._18dqw9x1 {
  overflow-y: auto;
  overflow-x: hidden;
  scrollbar-width: none;
  max-height: 456px;
}

[data-rk] ._18dqw9x1::-webkit-scrollbar {
  display: none;
}

[data-rk] .g5kl0l0 {
  border-color: #0000;
}

[data-rk] ._1vwt0cg0 {
  color: #000;
  background: #fff;
}

[data-rk] ._1vwt0cg2 {
  overflow-y: auto;
  max-height: 454px;
}

[data-rk] ._1vwt0cg3 {
  min-width: 287px;
}

[data-rk] ._1vwt0cg4 {
  min-width: 100%;
}

@keyframes _1am14411 {
  0% {
    stroke-dashoffset: 0;
  }

  100% {
    stroke-dashoffset: -283;
  }
}

[data-rk] ._1am14410 {
  overflow: auto;
  scrollbar-width: none;
  transform: translateZ(0);
}

[data-rk] ._1am14410::-webkit-scrollbar {
  display: none;
}

[data-rk] ._1am14412 {
  animation: _1am14411 1s linear infinite;
  stroke-dasharray: 98 196;
  fill: none;
  stroke-linecap: round;
  stroke-width: 4;
}

[data-rk] ._1am14413 {
  position: absolute;
}

[data-rk] ._1y2lnfi0 {
  border: 1px solid #10151f0f;
}

[data-rk] ._1y2lnfi1 {
  max-width: -moz-fit-content;
  max-width: fit-content;
}

/* src/features/UserPlan/UserPlanModal.module.css */
.wrapper_tVQJew {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 16px;
  padding: 32px 64px;
}

.tables_tVQJew {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}

.heading_tVQJew {
  font-size: 48px;
  font-weight: 600;
}

.cards_tVQJew {
  display: flex;
  align-items: stretch;
  gap: 16px;
  width: -moz-fit-content;
  width: fit-content;
  margin: auto;
}

.cardsScroll_tVQJew {
  display: block;
  overflow-x: auto;
  scrollbar-gutter: stable;
  width: 85vw;
  padding-bottom: 4px;
}

.cardsScroll_tVQJew::-webkit-scrollbar {
  appearance: none;
  width: 4px;
  height: 6px;
}

.cardsScroll_tVQJew::-webkit-scrollbar-button {
  display: none;
}

.cardsScroll_tVQJew::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.back_tVQJew {
  color: #14151a;
  flex: 1;
  align-self:  flex-start;
  width: auto;
  padding: 12px 16px;
  font-size: 16px;
  font-weight: 500;
}

.plansBtn_tVQJew {
  color: #0f132499;
  display: flex;
  cursor: pointer;
  align-self:  flex-start;
  align-items:  center;
  gap: 8px;
  font-size: 14px;
  font-weight: 500;
}

@media screen and (max-width: 1028px) {
  .heading_tVQJew {
    align-self:  flex-start;
    font-size: 30px;
    font-weight: 600;
  }

  .wrapper_tVQJew {
    padding: 20px 16px;
  }

  .cardsScroll_tVQJew {
    width: 100%;
    padding-bottom: 0;
  }

  .cards_tVQJew {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    align-self: stretch;
    gap: 16px;
  }

  .back_tVQJew {
    flex: 1;
    align-self:  flex-start;
    width: auto;
    padding: 12px 16px;
  }
}

.downgradeHeading_tVQJew {
  font-size: 30px;
  font-weight: 600;
}

.downgradeDesc_tVQJew {
  font-size: 16px;
}

.downgradeConfirmation_tVQJew {
  display: flex;
  color: #14151a;
  text-align: left;
  flex-direction: column;
  align-items:  flex-start;
  gap: 24px;
  padding: 32px 64px;
}

.annualPayment_tVQJew {
  display: flex;
  cursor: pointer;
  align-self:  flex-start;
  align-items:  center;
  gap: 8px;
}

.badge_tVQJew {
  background-color: #0a0f290a;
  border-radius: 8px;
  padding: 2px 6px;
  transition: all .3s;
}

.active_tVQJew {
  background-color: #ecdffb;
}

.switchBtn_tVQJew {
  display: flex;
  align-items:  center;
  gap: 8px;
}

/* src/features/UserPlan/LimitsTable.module.css */
.table_0VfwRg {
  border-collapse: collapse;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.row_0VfwRg {
  border-bottom: 1px solid #e9eaec;
}

.limit_0VfwRg {
  text-align: left;
}

.unlimited_0VfwRg {
  color: #26bd6c;
}

.table_0VfwRg td, .table_0VfwRg th {
  padding: 8px 12px;
}

.table_0VfwRg th {
  text-align: left;
  border-right: 1px solid #e9eaec;
  font-weight: 400;
}

.table_0VfwRg th:last-child {
  border-right: none;
}

.header_0VfwRg {
  background-color: #f7f7f8;
}

td.currentTariff_0VfwRg {
  color: #7256ab;
  background-color: #f5f2fb;
}

.modelsHeading_0VfwRg {
  text-align: left;
}

.model_0VfwRg {
  text-align: left;
  gap: 2px;
}

.modelName_0VfwRg {
  color: #14151a;
  font-weight: 500;
}

.modelDescription_0VfwRg {
  color: #0f132499;
  font-size: 12px;
  font-weight: 400;
}

.modelDisabled_0VfwRg {
  color: #0a0f2940;
}

.modelDisabled_0VfwRg.currentTariff_0VfwRg {
  color: #c5b2ea;
}

.modelLimitReached_0VfwRg {
  color: #0d112666;
}

.limits_0VfwRg {
  font-size: 14px;
  font-weight: 400;
}

.tipContainer_0VfwRg {
  display: none;
  position: absolute;
  user-select: none;
  pointer-events: none;
  z-index: 2000;
  justify-items: center;
}

.tip_0VfwRg {
  display: flex;
  color: #f7f7f7;
  position: relative;
  background-color: #0b0c0e;
  border-radius: 6px;
  align-items:  center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 1.4rem;
  font-weight: 400;
}

.tip_0VfwRg:before {
  content: "";
  position: absolute;
  border-bottom: .8rem solid #0b0c0e;
  border-left: .7rem solid #0000;
  border-right: .7rem solid #0000;
  border-radius: 8px;
  width: 0;
  height: 0;
}

.tipContainer_0VfwRg.bottomRight_0VfwRg .tip_0VfwRg:before {
  margin-right: -.7rem;
  top: -.6rem;
  left: 2.5rem;
}

.tipText_0VfwRg.center_0VfwRg {
  text-align: center;
}

.tipContainer_0VfwRg.visible_0VfwRg {
  display: flex;
}

/* src/features/UserPlan/UserPlanUsage.module.css */
.planUsage_kgooGA {
  color: #0f132499;
  text-align: left;
  width: 100%;
  font-size: 16px;
}

.planHighlight_kgooGA {
  font-weight: 600;
}

.basicPlan_kgooGA {
  color: #14151a;
}

.plusPlan_kgooGA {
  color: #b78af0;
}

.proPlan_kgooGA {
  color: #7ccba1;
}

.planUsageText_kgooGA {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 100%;
}

.paymentActions_kgooGA {
  color: #0f132499;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items:  center;
  gap: 12px;
  font-size: 16px;
}

@media screen and (max-width: 748px) {
  .planUsage_kgooGA {
    font-size: 16px;
  }
}

.link_kgooGA {
  position: relative;
  color: #0f132499;
  text-decoration: none;
  font-family: Manrope, Arial;
  font-size: 16px;
}

.link_kgooGA:hover {
  color: #b78af0;
}

.link_kgooGA:after {
  content: "";
  position: absolute;
  background-color: #0a0f2914;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
}

.link_kgooGA:hover:after {
  content: "";
  position: absolute;
  background-color: #c8b2ff80;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
}

@media screen and (max-width: 640px) {
  .link_kgooGA:after {
    content: none;
  }
}

.limitsBtn_kgooGA {
  color: #4778f5;
  font-size: inherit;
  cursor: pointer;
  display: inline-flex;
  align-items:  flex-end;
  gap: 4px;
}

.cancel_kgooGA {
  color: #0f132499;
  cursor: pointer;
  text-decoration: underline;
  font-size: 16px;
}

/* src/entities/AIInput/AIInput.module.css */
:root {
  --shake-start: -50%;
  --shake-middle: -49%;
  --shake-end: -51%;
}

.inputContainer_Uz5PuA {
  position: fixed;
  display: block;
  z-index: 10;
  border: none;
  width: calc(100% - 144px);
  max-width: 756px;
  min-height: 48px;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.dropdownContainer_Uz5PuA {
  z-index: 1000;
  max-width: 1022px;
  bottom: 72px;
}

.relativeDropdown_Uz5PuA {
  position: absolute;
  background-color: #fff;
  border: 1px solid #cccccc80;
  border-radius: 0 0 8px 8px;
  width: 300px;
  padding: 5px;
  top: 100%;
  right: 0;
  box-shadow: 0 2px 4px #0000001a;
}

@keyframes shake_2MVd5A {
  0%, 100% {
    transform: translateX(var(--shake-start, -50%));
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(var(--shake-middle, -49%));
  }

  20%, 40%, 60%, 80% {
    transform: translateX(var(--shake-end, -51%));
  }
}

.inputContainer_Uz5PuA.shake_Uz5PuA {
  animation: shake 1s ease-in-out;
}

.contentWrapper_Uz5PuA {
  display: flex;
  position: relative;
  justify-content: space-between;
  align-items:  flex-end;
  gap: 16px;
  width: 100%;
}

.modelSelector_Uz5PuA {
  position: relative;
  display: flex;
  align-items:  center;
}

.selectedModel_Uz5PuA {
  display: flex;
  cursor: pointer;
  white-space: nowrap;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  padding: 0 4px;
  font-weight: 500;
}

.disabled_Uz5PuA .selectedModel_Uz5PuA {
  cursor: default;
}

.disabled_Uz5PuA .starIcon_Uz5PuA {
  filter: grayscale(1);
  opacity: .25;
}

.modelDropdown_Uz5PuA {
  position: absolute;
  z-index: 10000;
  background-color: #fff;
  border: 1px solid #cccccc80;
  border-radius: 12px;
  width: 300px;
  bottom: 72px;
  left: 0;
  box-shadow: 0 2px 4px #0000001a;
}

.tokenBadge_Uz5PuA {
  color: #666;
  display: flex;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #0a0f2914;
  border-radius: 6px;
  align-items:  center;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 500;
}

.modelBtn_Uz5PuA {
  cursor: pointer;
  display: flex;
  text-align: left;
  border-radius: 8px;
  flex-direction: column;
  width: 100%;
  margin: 5px 0;
  padding: 10px 15px;
  font-family: Manrope;
  font-size: 14px;
}

.modelBtn_Uz5PuA:hover:not(.disabled_Uz5PuA) {
  background-color: #0a0f290a;
}

.modelBtn_Uz5PuA:hover:not(.disabled_Uz5PuA) .tokenBadge_Uz5PuA {
  border-color: #fff;
}

.modelBtn_Uz5PuA strong {
  display: block;
  color: #000;
  font-weight: normal;
}

.modelBtn_Uz5PuA p {
  color: #666;
  margin: 0;
  font-size: 12px;
}

.modelBtn_Uz5PuA.disabled_Uz5PuA, .modelBtn_Uz5PuA.disabled_Uz5PuA p, .modelBtn_Uz5PuA.disabled_Uz5PuA strong {
  color: #cccc;
  cursor: default;
}

.inputWrapper_Uz5PuA {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  width: 100%;
  min-width: 120px;
  padding: 12px;
}

.inputWithSelection_Uz5PuA {
  display: flex;
  justify-content: space-between;
  align-items:  flex-end;
  gap: 12px;
  width: 100%;
}

.quoteContainer_Uz5PuA {
  display: flex;
  color: #0f132499;
  background-color: #0a0f290a;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 12px;
  width: 100%;
  padding: 12px;
  box-shadow: 0 1px 2px #14151a0d;
}

.quoteText_Uz5PuA {
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  letter-spacing: -.005em;
  -webkit-box-orient: vertical;
  width: 100%;
  max-height: 80px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.aiInput_Uz5PuA {
  resize: none;
  overflow-y: auto;
  box-sizing: border-box;
  border: none;
  flex-grow: 1;
  width: 100%;
  max-height: 60px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

.disabled_Uz5PuA .aiInput_Uz5PuA::placeholder, .disabled_Uz5PuA .selectionInfo_Uz5PuA {
  color: #0a0f2940;
}

.aiInput_Uz5PuA:focus {
  outline: none;
}

.aiInput_Uz5PuA::-webkit-scrollbar {
  width: 6px;
}

.aiInput_Uz5PuA::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 10px;
}

.aiInput_Uz5PuA::-webkit-scrollbar-thumb {
  background-color: #e9eaec;
  border-radius: 10px;
}

.sendButton_Uz5PuA {
  cursor: pointer;
  display: flex;
  color: #b1b3bb;
  border: 1px solid var(--border-action-normal);
  background-color: var(--background-surface-default);
  justify-content: center;
  align-items:  center;
  padding: 0;
  box-shadow: 0 10px 10px -3px #14151a14, 0 3px 6px -2px #14151a0d;
}

.selectionInfo_Uz5PuA {
  color: #0f132499;
  position: relative;
  display: flex;
  background-color: #e9eaec;
  border-radius: 8px;
  justify-content: center;
  padding: 0 6px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
}

.disabled_Uz5PuA .selectionInfo_Uz5PuA {
  background-color: #e9eaec;
}

.activeSelection_Uz5PuA {
  color: #5314a3;
  background-color: #ecdffb;
}

.activeIcon_Uz5PuA {
  color: #924fe8;
}

.starIcon_Uz5PuA {
  margin-left: 5px;
}

.arrow_Uz5PuA {
  transition: all .45s ease-in-out;
}

.disabled_Uz5PuA .arrow_Uz5PuA {
  opacity: .25;
}

.activeArrow_Uz5PuA {
  transform: rotate(180deg);
}

.tooltip_Uz5PuA {
  display: none;
  position: absolute;
  top: -35px;
  left: 50%;
  transform: translateX(-50%);
}

.itemsCountTooltip_Uz5PuA {
  display: none;
}

.categoryWr_Uz5PuA {
  display: flex;
  border-bottom: 1px solid #e9eaec;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  padding: 12px;
  font-size: 14px;
}

.category_Uz5PuA {
  display: flex;
  gap: 8px;
  margin: 0 4px;
}

.customRadio_Uz5PuA {
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 6px;
  justify-content: space-between;
  align-items:  flex-start;
  gap: 8px;
  padding: 6px;
}

.customRadio_Uz5PuA:hover {
  background-color: #0a0f290a;
}

.customRadio_Uz5PuA input[type="radio"] {
  opacity: 0;
  position: absolute;
}

.customRadio_Uz5PuA .radioMark_Uz5PuA {
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 50%;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  margin-top: 2px;
  transition: border-color .2s, background-color .2s;
}

.customRadio_Uz5PuA input[type="radio"]:checked + .radioMark_Uz5PuA {
  background-color: #14151a;
  border: 2px solid #14151a;
  box-shadow: inset 0 0 0 3px #fff;
}

.modelText_Uz5PuA {
  flex-grow: 1;
}

.modelTitle_Uz5PuA {
  color: #14151a;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 500;
}

.modelDescription_Uz5PuA {
  color: #0d112666;
  font-size: 12px;
}

.starDropdown_Uz5PuA {
  filter: grayscale(1);
  color: #0f132499;
  margin-right: 3px;
  font-weight: 500;
}

@media screen and (hover: hover) {
  .inputContainer_Uz5PuA:hover .tooltip_Uz5PuA {
    display: flex;
    position: fixed;
    bottom: 6rem;
    top: unset;
    z-index: 200;
  }

  .sendButton_Uz5PuA:hover {
    background-color: var(--background-surface-default);
    color: #b1b3bb;
  }

  .selectionInfo_Uz5PuA:hover .itemsCountTooltip_Uz5PuA {
    display: flex;
  }
}

.inputContainer_Uz5PuA:hover .tooltip_Uz5PuA div:before {
  margin-left: .3rem;
  bottom: -.6rem;
  left: 4%;
  transform: rotate(180deg);
}

@media screen and (max-width: 1024px) {
  .modelDropdown_Uz5PuA {
    left: 0;
    right: unset;
  }
}

@media screen and (max-width: 640px) {
  .modelSelector_Uz5PuA .starIcon_Uz5PuA {
    display: none;
  }

  .modelBtn_Uz5PuA {
    text-align: left;
  }
}

@media screen and (max-width: 550px) {
  :root {
    --shake-start: -1%;
    --shake-middle: 0%;
    --shake-end: -2%;
  }

  .inputContainer_Uz5PuA {
    width: calc(100% - 82px);
    left: 69px;
    transform: translateX(0);
  }

  .contentWrapper_Uz5PuA {
    border: 1px solid var(--border-action-normal);
    background-color: var(--background-surface-default);
    border-radius: 12px;
    align-items:  flex-end;
    gap: 12px;
    padding: 12px;
    box-shadow: 0 10px 10px -3px #14151a14, 0 3px 6px -2px #14151a0d;
  }

  .dropdownContainer_Uz5PuA {
    min-width: 200px;
    max-width: 250px;
  }

  .modelDropdown_Uz5PuA {
    min-width: 200px;
    bottom: 72px;
    left: 69px;
  }

  .selectedModel_Uz5PuA {
    white-space: nowrap;
    font-size: 14px;
  }

  .panel_Uz5PuA {
    background-color: inherit;
    box-shadow: none;
    border: none;
    padding: 0 !important;
  }

  .sendButton_Uz5PuA {
    min-width: 20px !important;
    min-height: 20px !important;
  }
}

/* src/entities/Canvas/Watermark.module.css */
.watermark_0KzpeA {
  position: absolute;
  bottom: calc(var(--absolute-position-panel-padding) * 2 + 48px);
  right: var(--absolute-position-panel-padding);
  pointer-events: auto;
  z-index: 1000;
  opacity: .6;
  transition: all .2s ease-in-out;
}

.watermark_0KzpeA:hover {
  opacity: .9;
  transform: translateY(-1px);
}

.watermarkText_0KzpeA {
  letter-spacing: .3px;
  fill: #666;
  transition: all .2s ease-in-out;
  font-family: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.2;
}

.watermark_0KzpeA:hover .watermarkText_0KzpeA {
  fill: #333;
}

.watermarkSvg_0KzpeA {
  display: block;
  filter: drop-shadow(0 1px 2px #0000000d);
  transition: filter .2s ease-in-out;
}

.watermark_0KzpeA:hover .watermarkSvg_0KzpeA {
  filter: drop-shadow(0 2px 4px #0000001a);
}

/* src/features/AccessDeniedModal/AccessDeniedModal.module.css */
.wrapper_YIlenw {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  max-width: 610px;
  padding: 72px 64px;
}

@media screen and (max-width: 720px) {
  .wrapper_YIlenw {
    padding: 20px 12px;
  }
}

.heading_YIlenw {
  font-family: Manrope;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
}

.msg_YIlenw {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 8px;
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.link_YIlenw {
  color: #924fe8;
  text-decoration: underline;
  border: none;
}

.link_YIlenw:after, .link_YIlenw:hover:after {
  background: none;
  width: 0;
  height: 0;
}

.btn_YIlenw {
  align-self:  flex-start;
  width: auto;
  margin-top: 16px;
  padding: 10px 16px;
}

/* src/features/ContextMenu/ContextMenu.module.css */
.menu_9VT5sg {
  position: absolute;
  width: max-content;
}

.item_9VT5sg {
  display: flex;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border-radius: 6px;
  align-items:  center;
  gap: 8px;
  min-width: 100%;
  padding: 6px;
  transition: all .3s;
  font-family: Manrope;
  font-size: 1.4rem;
}

.icon_9VT5sg {
  display: flex;
  color: #696b76;
  justify-content: center;
  align-items:  center;
}

.item_9VT5sg:disabled, .item_9VT5sg:disabled .icon_9VT5sg {
  color: #0a0f2940;
  cursor: not-allowed;
}

@media (hover: hover) {
  .item_9VT5sg:hover:not(:disabled) {
    background-color: #0a0f290a;
  }
}

/* src/features/Rename/RenameInput.module.css */
.form_hUPmbg {
  min-width: 10ch;
  max-width: 32ch;
}

.input_hUPmbg {
  display: inline-block;
  outline: none;
  border: 1px solid #dedfe3;
  width: 100%;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

/* src/shared/ui-lib/Transitions/TopFade.module.css */
.optionsEnter_D7KyXA {
  opacity: 0;
  transform: translateY(-10px);
}

.optionsEnterActive_D7KyXA {
  opacity: 1;
  transition: opacity .3s, transform .3s;
  transform: translateY(0);
}

.optionsExit_D7KyXA {
  opacity: 1;
  transform: translateY(0);
}

.optionsExitActive_D7KyXA {
  opacity: 0;
  transition: opacity .3s, transform .3s;
  transform: translateY(-10px);
}

/* src/shared/ui-lib/UiSelector/UiSelector.module.css */
.selectedOption_hbjsXA {
  display: flex;
  position: relative;
  cursor: pointer;
  align-items:  center;
  gap: 8px;
  height: 100%;
  padding: 10px 36px 10px 12px;
  font-size: 14px;
}

.disabled_hbjsXA .selectedOption_hbjsXA {
  cursor: not-allowed;
}

.selectorWrapper_hbjsXA {
  position: relative;
  z-index: 500;
  overflow: hidden;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  min-height: 40px;
}

.icon_hbjsXA {
  display: flex;
  justify-content: center;
  align-items:  center;
}

.mark_hbjsXA {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items:  center;
  transition: transform .2s;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}

.open_hbjsXA .mark_hbjsXA {
  transform: translateY(-50%)rotate(-180deg);
}

.optionsListWrapper_hbjsXA {
  position: absolute;
  overflow: hidden;
  z-index: 1000;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  width: 100%;
  padding: 6px;
  box-shadow: 0 10px 16px -3px #14151a14, 0 3px 6px -2px #14151a0d;
}

.optionsList_hbjsXA {
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: 2px;
}

.optionWrapper_hbjsXA {
  display: flex;
  justify-content: stretch;
  align-items:  center;
  margin: 0;
  padding: 0;
}

.optionBtn_hbjsXA {
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 6px;
  flex: 1 0;
  align-items:  center;
  gap: 8px;
  padding: 6px;
  transition: background .3s;
}

@media screen and (hover: hover) {
  .optionBtn_hbjsXA:hover {
    background-color: #0a0f290a;
  }
}

.optionBtn_hbjsXA.selected_hbjsXA {
  background-color: #0a0f290a;
}

.optionIcon_hbjsXA {
  position: static;
  display: flex;
  justify-content: center;
  align-items:  center;
  left: auto;
}

.optionText_hbjsXA {
  position: static;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
  left: auto;
}

.disabled_hbjsXA .selectedOptionText_hbjsXA {
  color: #0a0f2940;
}

.checkMark_hbjsXA {
  color: #696b76;
  position: absolute;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
  transition: opacity .3s;
  top: 50%;
  left: auto;
  right: 6px;
  transform: translateY(-50%);
}

.selected_hbjsXA .checkMark_hbjsXA {
  opacity: 1;
}

.skeleton_hbjsXA {
  min-height: 40px;
}

/* src/features/ShareModal/ShareModal.module.css */
.heading_E5PvoA {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  font-size: 30px;
  font-weight: 600;
}

.notAuth_E5PvoA {
  padding-top: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.modalContainer_E5PvoA {
  overflow: hidden;
  border-radius: 24px;
  max-width: 800px;
  padding: 0 !important;
}

@media screen and (min-width: 960px) {
  .modalContainer_E5PvoA {
    min-width: 700px;
  }
}

.wrapper_E5PvoA {
  width: 100%;
  padding: 32px 64px;
}

.settings_E5PvoA {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 20px;
}

.searchInputWrapper_E5PvoA {
  padding-top: 12px;
}

.settingsHeading_E5PvoA {
  font-size: 14px;
  font-weight: 700;
}

.publicMsg_E5PvoA {
  font-size: 12px;
}

.selectors_E5PvoA {
  display: grid;
  grid-template-columns: 1fr 0px;
  align-items: stretch;
  padding-bottom: 8px;
  transition: grid-template-columns .3s;
}

.selector_E5PvoA {
  overflow: hidden;
}

.grantedUserSelector_E5PvoA {
  min-width: 190px;
}

.inputContainer_E5PvoA {
  margin-top: 12px;
}

.secondInputBtn_E5PvoA {
  display: flex;
  cursor: pointer;
  color: #4778f5;
  background: none;
  border: none;
  align-items:  center;
  gap: 6px;
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

.selectors_E5PvoA.modeVisible_E5PvoA {
  grid-template-columns: 1fr 230px;
  gap: 16px;
}

.selectors_E5PvoA.modeVisibleShort_E5PvoA {
  grid-template-columns: 1fr 190px;
  gap: 16px;
}

.btns_E5PvoA {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 8px;
}

.btns_E5PvoA .btn_E5PvoA {
  width: auto;
  padding: 10px 12px;
}

.grantedUser_E5PvoA {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  transition: all .3s;
}

.highlighted_E5PvoA {
  background-color: #edfdf4;
}

.userInfo_E5PvoA {
  display: flex;
  gap: 12px;
}

.userInfoText_E5PvoA {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
}

.avatar_E5PvoA {
  width: 40px;
  height: 40px;
}

.avatar_E5PvoA img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
}

.userStatus_E5PvoA {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
}

.userName_E5PvoA {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.userEmail_E5PvoA {
  color: #0d112666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.usersList_E5PvoA {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  gap: 20px;
  max-height: 186px;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-right: 4px;
}

.usersList_E5PvoA::-webkit-scrollbar {
  appearance: none;
  width: 3px;
}

.usersList_E5PvoA::-webkit-scrollbar-button {
  display: none;
}

.usersList_E5PvoA::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.ownerLabel_E5PvoA {
  color: #0d112666;
  font-size: 14px;
  font-weight: 500;
}

.input_E5PvoA {
  margin-top: 12px;
}

.grantedUsers_E5PvoA {
  padding-top: 16px;
}

.copyBtn_E5PvoA {
  color: #14151a;
  font-weight: 500;
}

.copyIcon_E5PvoA {
  color: #696b76;
  display: grid;
  place-items:  center;
}

.fadeEnter_E5PvoA {
  opacity: 0;
  transform: translateX(-6px);
}

.fadeEnterActive_E5PvoA {
  opacity: 1;
  transition: opacity .5s, transform .5s;
  transform: translateX(0);
}

.fadeExit_E5PvoA {
  opacity: 1;
  transform: translateX(0);
}

.fadeExitActive_E5PvoA {
  opacity: 0;
  transition: opacity .5s, transform .5s;
  transform: translateX(-6px);
}

.skeletonAvatar_E5PvoA {
  border-radius: 50%;
}

.skeletonInfo_E5PvoA {
  width: 200px;
  height: 14px;
}

.skeletonSelector_E5PvoA {
  width: 200px;
  height: 40px;
}

.loader_E5PvoA {
  overflow: hidden;
  position: relative;
  width: calc(100% + 24px);
  height: 4px;
}

.loader_E5PvoA:after {
  content: "";
  display: block;
  position: absolute;
  animation: loading 1.5s linear infinite;
  background-color: #924fe8;
  width: 30%;
  height: 100%;
  top: 0;
  left: -30%;
}

@media screen and (max-width: 500px) {
  .selectors_E5PvoA {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
}

@keyframes loading_TtN28g {
  0% {
    left: -30%;
  }

  50% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

/* src/features/ShareModal/SaveShareModal.module.css */
.modalWr_DyHzjA {
  border-radius: 24px;
  width: 100%;
  max-width: 528px;
}

.wr_DyHzjA {
  padding: 32px 64px !important;
}

.container_DyHzjA {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
}

.title_DyHzjA {
  margin-bottom: 12px;
  font-size: 24px;
  font-weight: 500;
}

.btn_DyHzjA {
  width: 100%;
}

.backBtn_DyHzjA {
  margin-top: 24px;
}

/* src/features/ShareModal/SharePanel.module.css */
.blackout_wvYlNQ {
  position: fixed;
  z-index: 1000;
  display: flex;
  background-color: #0003;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 100dvw;
  height: 100dvh;
  padding: 20px;
  top: 0;
  left: 0;
}

.panel_wvYlNQ {
  position: fixed;
  overflow: hidden;
  border-radius: 24px;
  min-width: 700px;
  max-width: 800px;
  padding: 0 !important;
}

.wrapper_wvYlNQ {
  width: 100%;
  padding: 32px 64px;
}

.heading_wvYlNQ {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  font-size: 30px;
  font-weight: 600;
}

.btns_wvYlNQ {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 8px;
}

.btns_wvYlNQ .btn_wvYlNQ {
  width: auto;
  padding: 10px 12px;
}

.closeBtn_wvYlNQ {
  position: absolute;
  color: #0d112666;
  cursor: pointer;
  border-radius: 4px;
  min-width: 20px;
  min-height: 20px;
  padding: 0;
  top: 20px;
  right: 20px;
}

@media screen and (max-width: 768px) {
  .panel_wvYlNQ {
    min-width: 320px;
  }
}

@media screen and (max-width: 500px) {
  .panel_wvYlNQ {
    width: 100vw;
  }
}

/* src/features/ShareModal/SearchInput.module.css */
.input_4VMo9A {
  display: flex;
  cursor: text;
  overflow-y: auto;
  flex-wrap: wrap;
  align-items:  center;
  gap: 4px;
  max-height: 94px;
  padding-left: 40px;
  transition: border .3s, outline .5s;
  font-size: 14px;
}

.inputWrapper_4VMo9A {
  overflow: hidden;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  padding: 10px 5px;
}

.nativeInput_4VMo9A {
  resize: none;
  outline: none;
  overflow: hidden;
  display: flex;
  flex-grow: 1;
  align-items:  center;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.nativeInput_4VMo9A::placeholder {
  color: #0d112666;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
}

.wrapper_4VMo9A {
  position: relative;
  max-width: 100%;
}

.item_4VMo9A {
  display: flex;
  cursor: pointer;
  background-color: #e9eaec;
  border: 1px solid #0a0f2914;
  border-radius: 6px;
  justify-content: space-between;
  align-items:  center;
  gap: 3px;
  padding: 2px 6px;
  transition: all .3s;
  font-size: 12px;
  font-weight: 500;
}

.icon_4VMo9A {
  position: absolute;
  color: #0d112666;
  top: 12px;
  left: 12px;
}

.optionsListContainer_4VMo9A {
  position: absolute;
  z-index: 1000;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  max-height: 224px;
  padding-left: 2px;
  padding-right: 2px;
  box-shadow: 0 10px 16px -3px #14151a14, 0 3px 6px -2px #14151a0d;
}

.optionsListWrapper_4VMo9A {
  overflow-y: auto;
  max-height: 224px;
  padding: 6px;
}

.input_4VMo9A::-webkit-scrollbar {
  appearance: none;
  width: 3px;
}

.optionsListWrapper_4VMo9A::-webkit-scrollbar {
  appearance: none;
  width: 3px;
}

.input_4VMo9A::-webkit-scrollbar-button {
  display: none;
}

.optionsListWrapper_4VMo9A::-webkit-scrollbar-button {
  display: none;
}

.input_4VMo9A::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.optionsListWrapper_4VMo9A::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.optionsList_4VMo9A {
  display: flex;
  list-style: none;
  flex-direction: column;
  gap: 2px;
  max-height: 100%;
}

.optionWrapper_4VMo9A {
  display: flex;
  justify-content: stretch;
  align-items:  center;
  margin: 0;
  padding: 0;
}

.optionBtn_4VMo9A {
  display: flex;
  cursor: pointer;
  position: relative;
  border-radius: 6px;
  flex: 1 0;
  align-items:  center;
  gap: 8px;
  padding: 6px 30px 6px 6px;
  transition: background .3s, transform .3s;
}

@media screen and (hover: hover) {
  .optionBtn_4VMo9A:hover {
    background-color: #0a0f290a;
  }
}

.optionBtn_4VMo9A.highlighted_4VMo9A {
  background-color: #0a0f290a;
  transform: scale(1.01);
}

.optionBtn_4VMo9A.selected_4VMo9A {
  background-color: #0a0f290a;
}

.optionIcon_4VMo9A {
  position: static;
  display: flex;
  justify-content: center;
  align-items:  center;
  left: auto;
}

.optionText_4VMo9A {
  position: static;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
  left: auto;
}

.notFound_4VMo9A {
  text-align: center;
  color: #0d112666;
  padding: 6px;
  font-size: 14px;
}

.inputFocused_4VMo9A {
  border: 1px solid #b08cea;
  box-shadow: 0 0 0 2px #c8b2ff80;
}

.valueHighlight_4VMo9A {
  background-color: #edfdf4;
}

/* src/entities/Folder/DraggingItem.module.css */
.item_f6AqBQ {
  display: flex;
  background-color: #f7f7f8;
  border: 1px solid #c8cad0;
  align-items:  center;
  gap: 4px;
  padding: 8px 16px;
}

/* src/features/ImportMiro/ImportMiroStartModal/ImportMiroStartModal.module.css */
.modal_tL4zrA {
  width: 100%;
  max-width: 608px;
}

.wr_tL4zrA {
  padding: 32px 64px !important;
}

.title_tL4zrA {
  margin-bottom: 8px;
  font-size: 36px;
  line-height: 1.22;
}

.text_tL4zrA {
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 1.43;
}

.btnsWr_tL4zrA {
  display: flex;
}

.cancelBtn_tL4zrA, .goToMiroBtn_tL4zrA {
  max-width: max-content;
  padding: 10px 12px;
}

.cancelBtn_tL4zrA {
  margin-right: 1rem;
  font-weight: 400;
}

/* src/features/SidePanel/ResizableEdge.module.css */
.resizeHandle_n80Fqw {
  position: absolute;
  cursor: ew-resize;
  z-index: 1;
  width: 20px;
  height: 100%;
  top: 0;
  right: -10px;
}

/* src/features/SidePanel/SidePanel.module.css */
.sidePanel_5QMOig {
  overflow: hidden;
  display: block;
  box-shadow: none;
  position: relative;
  display: flex;
  border: none;
  flex-direction: column;
  align-items: stretch;
  max-width: 0;
  margin-left: 0;
  transition: max-width .3s, outline .3s .35s, box-shadow .3s .35s;
}

.sidePanel_5QMOig.open_5QMOig {
  visibility: visible;
  border: 1px solid var(--border-action-normal);
  min-width: 150px;
  max-width: 35dvw;
  margin-left: 12px;
  box-shadow: 0 4px 4px #00000040;
}

.sidePanel_5QMOig.open_5QMOig.highlited_5QMOig {
  outline: 1px solid #b78af0;
  box-shadow: 0 0 0 4px #c8b2ff80;
}

@media screen and (max-width: 640px) {
  .sidePanel_5QMOig.open_5QMOig {
    max-width: calc(100dvw - 86px);
  }
}

.content_5QMOig {
  display: grid;
  grid-template-rows: max-content minmax(0, 1fr) max-content;
  display: flex;
  flex-direction: column;
  flex: 1 0;
  align-items: stretch;
  padding: 8px 3px 0 14px;
}

.folders_5QMOig {
  overflow: auto;
  flex: 50vh;
  width: auto;
  height: calc(100% - 100px);
}

.foldersWrapper_5QMOig {
  max-width: 100%;
}

.folders_5QMOig::-webkit-scrollbar {
  appearance: none;
  width: 4px;
  height: 4px;
}

.folders_5QMOig::-webkit-scrollbar-button {
  display: none;
}

.folders_5QMOig::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.header_5QMOig {
  display: flex;
  align-items:  center;
  gap: 4px;
  padding: 6px 12px;
}

.title_5QMOig {
  flex: 1 0;
  padding: 4px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.close_5QMOig {
  --padding: 4px;
  --radius: 0;
  --min-width: 28px;
  --min-height: 28px;
  color: var(--text-base-primary);
}

.importMiroBtnWr_5QMOig {
  padding: 0 16px 16px;
}

.importMiroBtn_5QMOig {
  width: 100%;
}

.bottom_5QMOig {
  display: flex;
  flex-direction: column;
  justify-content: stretch;
  align-items:  center;
  gap: 6px;
  padding: 14px 16px;
}

.add_5QMOig {
  display: flex;
  cursor: pointer;
  background: none;
  border: 1px solid #dedfe3;
  border-radius: 10px;
  flex: 1 0;
  justify-content: center;
  align-items:  center;
  gap: 6px;
  width: 100%;
  padding: 6px;
  font-family: Manrope;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 2rem;
  box-shadow: 0 1px 2px #14151a0d;
}

/* src/shared/ui-lib/UiAdaptiveAccordion/UiAdaptiveAccordion.module.css */
.accordion_Bty0qA {
  display: grid;
  grid-template-rows: max-content 0fr;
  width: 100%;
  min-width: 100%;
  max-width: max-content;
  transition: grid-template-rows .3s;
}

.content_Bty0qA {
  overflow: hidden;
  max-width: 0;
}

.open_Bty0qA .content_Bty0qA {
  max-width: none;
}

.open_Bty0qA {
  grid-template-rows: max-content 1fr;
  grid-template-columns: 1fr;
}

/* src/entities/Folder/DragPlaceholder.module.css */
.placeholder_Ex6Nug {
  background-color: #c8cad0;
  width: 100%;
  height: 2px;
}

/* src/entities/Folder/Folder.module.css */
.folder_iZlcpA {
  position: relative;
}

.wrapper_iZlcpA {
  position: relative;
  width: 100%;
}

.header_iZlcpA {
  display: flex;
  color: #14151a;
  cursor: pointer;
  border-radius: 10px;
  align-items:  center;
  gap: 8px;
  width: 100%;
  padding: 6px 8px;
  transition: background .3s;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
}

.header_iZlcpA.over_iZlcpA {
  background-color: #0a0f290a;
}

@media screen and (hover: hover) {
  .header_iZlcpA:hover {
    background-color: #0a0f290a;
  }
}

.icon_iZlcpA {
  color: #696b75;
  display: flex;
  align-items:  center;
  gap: 4px;
}

.noContent_iZlcpA {
  color: #0a0f2940;
  font-size: 14px;
  font-weight: 500;
}

.contentWrapper_iZlcpA {
  padding: 2px 2px 2px 18px;
}

.content_iZlcpA {
  display: flex;
  border-left: 1px solid #dee0e3;
  flex-direction: column;
  gap: 2px;
  padding-left: 6px;
}

.fadeEnter_iZlcpA {
  opacity: 0;
  transform: translateX(-6px);
}

.fadeEnterActive_iZlcpA {
  opacity: 1;
  transition: opacity .5s, transform .5s;
  transform: translateX(0);
}

.fadeExit_iZlcpA {
  opacity: 1;
  transform: translateX(0);
}

.fadeExitActive_iZlcpA {
  opacity: 0;
  transition: opacity .5s, transform .5s;
  transform: translateX(-6px);
}

.contextMenuBtn_iZlcpA {
  position: absolute;
  cursor: pointer;
  color: #696b76;
  z-index: 5;
  display: none;
  border-radius: 4px;
  place-items:  center;
  padding: 2px;
  transition: background .3s;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

@media screen and (hover: hover) {
  .header_iZlcpA:hover, .contextMenuBtn_iZlcpA:hover ~ .header_iZlcpA {
    background-color: #0a0f290a;
  }

  .contextMenuBtn_iZlcpA:hover {
    background-color: #0a0f2914;
  }

  .wrapper_iZlcpA:hover .contextMenuBtn_iZlcpA, .contextMenuBtn_iZlcpA:hover {
    display: grid;
  }
}

/* src/entities/Folder/FolderItem.module.css */
.wrapper_IZQRBA {
  position: relative;
  background-color: #fff;
}

.item_IZQRBA {
  display: flex;
  position: relative;
  overflow: visible;
  color: #0f132499;
  cursor: pointer;
  position: relative;
  border-radius: 10px;
  align-items:  center;
  gap: 8px;
  width: 100%;
  padding: 6px 36px 6px 8px;
  transition: background .3s;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
}

.icon_IZQRBA {
  color: #696b76;
  display: grid;
  place-items:  center;
}

.active_IZQRBA, .dragging_IZQRBA {
  background-color: #0a0f290a;
}

.active_IZQRBA:before {
  content: "";
  position: absolute;
  background-color: #924fe8;
  border-radius: 8px;
  width: 3px;
  height: 10px;
  top: 50%;
  left: -8px;
  transform: translateY(-50%);
}

.contextMenuBtn_IZQRBA {
  position: absolute;
  cursor: pointer;
  color: #696b76;
  z-index: 5;
  display: none;
  border-radius: 4px;
  place-items:  center;
  padding: 2px;
  transition: background .3s;
  top: 50%;
  right: 8px;
  transform: translateY(-50%);
}

@media screen and (hover: hover) {
  .item_IZQRBA:hover:not(.disableHover_IZQRBA), .contextMenuBtn_IZQRBA:hover ~ .item_IZQRBA:not(.disableHover_IZQRBA) {
    background-color: #0a0f290a;
  }

  .contextMenuBtn_IZQRBA:hover {
    background-color: #0a0f2914;
  }

  .wrapper_IZQRBA:hover .contextMenuBtn_IZQRBA, .contextMenuBtn_IZQRBA:hover {
    display: grid;
  }
}

.title_IZQRBA {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
}

.placeholder_IZQRBA {
  background-color: #c8cacf;
  width: 100%;
  height: 2px;
}

/* src/features/ContextPanel/Buttons/ContextPanelButton.module.css */
.frameNavIcon_pPuCVQ {
  color: #696b76;
}

.frameNavIconPrev_pPuCVQ {
  transform: rotate(180deg);
}

.bold_pPuCVQ {
  font-weight: 500;
}

@media screen and (max-width: 768px) {
  .contextPanelButton_pPuCVQ {
    --min-width: 28px;
    --min-height: 28px;
    --padding: 4px;
  }
}

/* src/features/ContextPanel/Buttons/ButtonWithMenu/UiButtonWithMenu.module.css */
.container_SRElJw {
  position: relative;
  display: flex;
  flex-direction: column;
}

.menu_SRElJw {
  position: absolute;
  z-index: 20;
  --offset: 0px;
}

.offset_SRElJw {
  --offset: 8px;
}

.top_SRElJw {
  bottom: calc(100% + var(--offset));
}

.bottom_SRElJw {
  top: calc(100% + var(--offset));
}

.offsetLeft_SRElJw {
  left: calc(100% + var(--offset));
}

.offsetRight_SRElJw {
  right: calc(100% + var(--offset));
}

.offsetCenter_SRElJw {
  right: 0;
}

.middle_SRElJw {
  top: 50%;
  transform: translateY(-50%);
}

.opened_SRElJw {
  visibility: visible;
}

.closed_SRElJw {
  visibility: hidden;
}

/* src/shared/ui-lib/UiSlider/UiSlider.module.css */
.container_ZoP2XA {
  display: flex;
  position: relative;
  align-items:  center;
}

.slider_ZoP2XA {
  -webkit-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  background: none;
  flex: 1;
  width: 100%;
  height: 20px;
}

.slider_ZoP2XA::-webkit-slider-thumb {
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 3;
  background: #000;
  width: 20px;
  height: 20px;
}

.slider_ZoP2XA::-moz-range-thumb {
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 3;
  background: #000;
  width: 20px;
  height: 20px;
}

.slider_ZoP2XA::-ms-thumb {
  -webkit-appearance: none;
  cursor: pointer;
  position: relative;
  z-index: 3;
  background: #000;
  width: 20px;
  height: 20px;
}

.slider_ZoP2XA:focus {
  outline: none;
}

.progress_ZoP2XA {
  position: absolute;
  background-color: var(--background-accent-purple);
  z-index: 1;
  pointer-events: none;
  flex: 1;
  height: 2px;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.slider_ZoP2XA::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  appearance: none;
  background-color: #e9eaec;
}

.slider_ZoP2XA::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #e9eaec;
}

.slider_ZoP2XA::-moz-range-track {
  -webkit-appearance: none;
  appearance: none;
  background-color: #e9eaec;
}

.slider_ZoP2XA::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #e9eaec;
}

.slider_ZoP2XA::-ms-track {
  -webkit-appearance: none;
  appearance: none;
  background-color: #e9eaec;
}

.slider_ZoP2XA::-ms-thumb {
  -webkit-appearance: none;
  appearance: none;
  background-color: #e9eaec;
}

.slider_ZoP2XA::-webkit-slider-runnable-track {
  z-index: 0;
  position: relative;
  height: 2px;
}

.slider_ZoP2XA::-ms-track {
  z-index: 0;
  position: relative;
  height: 2px;
}

.slider_ZoP2XA::-moz-range-track {
  z-index: 0;
  position: relative;
  height: 2px;
}

.slider_ZoP2XA::-moz-range-thumb {
  background-color: var(--background-accent-purple);
  position: relative;
  z-index: 2;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-top: -5px;
}

.slider_ZoP2XA::-webkit-slider-thumb {
  background-color: var(--background-accent-purple);
  position: relative;
  z-index: 2;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-top: -5px;
}

.slider_ZoP2XA::-ms-thumb {
  background-color: var(--background-accent-purple);
  position: relative;
  z-index: 2;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin-top: -5px;
}

/* src/features/Pickers/SliderPicker/SliderPicker.module.css */
.label_rtMYkQ {
  color: var(--text-base-primary);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

.container_rtMYkQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 4px;
}

/* src/features/Pickers/StrokeStylePicker/StrokeStylePicker.module.css */
.button_3CtHJg {
  --min-width: 48px;
  --min-height: 36px;
}

/* src/features/ContextPanel/Buttons/ConnectorType/ConnectorType.module.css */
.panel_XyIh9A {
  display: flex;
  justify-content: center;
  gap: 5px;
}

/* src/shared/ui-lib/Icon/FillColorIndicator/FillColorIndicator.module.css */
.indicator_gUUC6w {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  border: 1px solid #0f0f0f40;
  border-radius: 50%;
}

.indicator_gUUC6w.none_gUUC6w {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAIAAAADnC86AAAAyElEQVRYCe3UMQrCQBgF4dz/phHvELuvGNxiQUyRXyzm4bAJI+xxvt5fv9fi81U+X++Ffq38Y/XD7kG7/jxY+d10u/6k/l/q3f/mV/7xq4OkCqzOnwcrk2ImIUAIRDMntRQpZhIChEA0c65MoTQJEALRzGjmpJZCqwAhEM2MZj4wtSYBTQLRzGgmITB3tSBaBQiBaGY0c1JLoVWAEIhmRjPvS+3VAl4tEM2MZhICD7wyU8DUKkAIRDOjmZNaCq0ChEA0M5p5W+oP5WLkwMW9/E4AAAAASUVORK5CYII=");
}

/* src/features/Pickers/ColorPicker/ColorItem.module.css */
.button_rNYg_A {
  cursor: pointer;
  position: relative;
  border: 1px solid #1f1f1f40;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
}

.button_rNYg_A.active_rNYg_A:before {
  position: absolute;
  content: "";
  border: 2px solid var(--border-select-primary);
  border-radius: 50%;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@media screen and (max-width: 748px) {
  .button_rNYg_A {
    width: 24px;
    height: 24px;
  }

  .button_rNYg_A.active_rNYg_A:before {
    width: 28px;
    height: 28px;
  }
}

.none_rNYg_A:after {
  content: "";
  position: absolute;
  background-color: #dbdbdb;
  width: 1px;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

/* src/features/Pickers/ColorPicker/SquareColorItem.module.css */
.button_ClApmw {
  display: flex;
  cursor: pointer;
  background: none;
  border-radius: 5px;
  justify-content: center;
  align-items:  center;
  width: 40px;
  height: 40px;
  padding: 7.5px;
  transition: all .2s ease-out;
}

@media (hover: hover) {
  .button_ClApmw:hover {
    background-color: #e9eaec;
  }
}

.button_ClApmw.active_ClApmw {
  background-color: #e9eaec;
}

.button_ClApmw span {
  border: 1px solid #1f1f1f40;
  width: 25px;
  height: 25px;
}

@media screen and (max-width: 748px) {
  .button_ClApmw {
    width: 30px;
    height: 30px;
    padding: 5px;
  }

  .button_ClApmw span {
    width: 20px;
    height: 20px;
  }
}

/* src/shared/ui-lib/UiColorInput/UiColorInput.module.css */
.colorPickerContainer_ENyM7A {
  position: relative;
  display: flex;
  justify-content: center;
  align-items:  center;
}

.colorPickerContainer_ENyM7A.active_ENyM7A:before {
  position: absolute;
  content: "";
  border: 2px solid var(--border-select-primary);
  z-index: 0;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.colorCircle_ENyM7A {
  cursor: pointer;
  position: relative;
  z-index: 1;
  display: inline-block;
  appearance: none;
  padding: 0;
  border: none;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  padding-block-start: 0;
  padding-block-end: 0;
  padding-inline-start: 0;
  padding-inline-end: 0;
}

@media screen and (max-width: 748px) {
  .colorPickerContainer_ENyM7A.active_ENyM7A:before {
    width: 28px;
    height: 28px;
  }

  .colorCircle_ENyM7A {
    width: 24px;
    height: 24px;
  }
}

.colorCircle_ENyM7A.image_ENyM7A {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAxbSURBVHgBnVhLjx1HGf2qX7e776tnbAejQHSjbLJAsrODVSbiDyQLlihBQkKwsbMCNni8gp3H/AGSFctI/AEPK7KLswtCwgOK8sCemfvq2+8uzqmvYznGxI7nqqZvV3dXnzrf+U59dY0855+9Fx+ImCsiLxxIXV6VosvENpnUuNgES6nNifTRiVTlx7JLj81PPj2W5/gz3+Zme55lOFyTJr1ubZ6Z2gJML1JimNrX4Wqcd/i64wO43uKYo78F4OjysXxxctP8sjx51nc+E0BrAazZv9E35XWvL8S2RkwbKJh2hKNHAACLVnY6bIVDg+9ktARai74d7m9wXvTvydK/aX67PHnau58KcFP/+FpqPjk0UmSC8aWNxVSdO7rWg6Wa34GkjQDAaqtrZdcB5P2gsikAHAh3uJ57J3I/PDS/v//+cwP8xF68NRHvegYQKYHYCRrANCMx9cBSD/bqYAhniBfj2ANMD1A7nFvclLfKZonvFiA3lQLfkGXvyPzuwbvfCuBH9iDL5fyDiXx2MMb5XHyZd4GENsUL0NN6AIjQtr6GlccK7FF8Fc47hrrXZkv08T4gKtcML855bSuyrt0krXnhrjn//A1ztFw+jiV4EsDPpLgjcv+qBTBPIoklkdKbid+1OAeLHqcGgKGvYIJYNVjhQsgQ4+iBtchq2H3cVwOQh35LneR4DtcCvL6qxOQPrtrRhQ9Elm88jsV7vOOP9vu37su/r+7EQs8GE4yRkDFcIwJZ0J+EYsxUZLQPIHO8hIk9Awi0GP0h+kIwHWIiPieDfsFkfDBvUp2MR6kkkAH7QhdHszs/sD/Nbj2Ox3/05Df2xXc86f5gAS7AUx4uG9kHpBHyA+C8SAKEOBAM3GP2Hgbv8CIPwCznGg+JgmH9VDVJjdJqMIo0oTLOI2+ndkloRX1Tp/aHhwevrm5++MWH/6PBN+3lxSWROxfEW7yAp1KENkM4L+J/CkAZwKb47PehpADlM1n6UMHQAwmmY8g79UXq76vMpfMUuWbzDrpboa9AyCvYzxqtQbasKk2itbeUB+3L5lj1+FCDvfSHnZgFk2sNxnzobgdAKzQyyTB7aJU3FmMjmbQMD2bugzGD76HReJTUHujpMVLfK5P94IPOBK3eR41ano+1m528P6gymSY3oMd3HzL4qs0Wr8jk3gR3ZgA3RrssF8BhigwO5ZLjUtAzxSeVaR+jTTC7wGWwIXvVkDDIdpexzoI6lwTOZnZgrCBzyOociLb4Xp6DOZyXaJszNfRTPGswzqbZI4suSV6Ulw6XiEMBjrZoJWCtAJJJ0gDaFq1GKwG5AIsFWMx9ADGJY8hGqQo/BBv+I4nC5CDTAVjuJqrVPlH9EkTD+wez71P12ZBRwARK7/rDEP9Dvnw9c8OFjlLPmUuINnH/R1D5Fplq8N0Hvwz1yPWmuJ6o4GMueUa/t1R+x9REa1SDlAD9z8WiH/wDx4Ieyqymdsk+gNZrGv813HAYLOwPDtbyYGGgjdRB2wcIn/kI9D3OLUCM0RPiM3OaTAF1B935YGRu4ZUwcIuEMUGnGmu7wQ/xwpDrMZKgB4seAJleNev8ENejsSZUF+uzFlLoaex9Zr+XHaAuWh70fCGgnOGBGjBoMTE+keNpBPZ8x94IV2K0U7R9gA5g1hH8MWV4QkyF5ssoRNAcKx3Gw0JTXIE8sNlOB5vpBq2C/aLVJKHREzO0LQ06+pIsXw0mkl7JcYX8kENMCVk8QeB8F0oG3QCQD3g5vRBpwnsrXC3QH4FFH1k9Iki/d6RYhNVQ+D6NfK0vJgB6HVcgrsf0S1OoHjkBomx2akX0ST4/Tw+CWpIFQamu8EIAAC+QzQiNVpO43nyA6TkbIjfUnw/LCyTBSzusMr4dNEgmQwDZMFxgzcN5l2tIq1ZXD67ZDcLalVo4uPLNV1nQSwtcL5orQS+jheeYiwGICxkGdOUBQ53iGLnACoCSvQrHtUudCMXI1IkhQQYHMG4PSxvz3rD0Ymb6neqridTU6ZGcRBUooGYIb00DH1aYqtbsNzmtKoOs9zIPHcaBIcgJ/muoA8cSQz9zee27NJoMeThFFo9hPVOMjcn4Y8e0s40WBQCLUxa0tIy6GEqyUPtY4LIKIvB2YK+slV23Eg0M9l0WeHi5AqCXX8T9XIkTnI/V5V3WJi5pZADZuLzeE+uSB4UEFv4OOqqgxQjrqumMc1NDoyZjLGBpIwWO5QUAXImLK/VHwryRrkrN1JVyrgxzJLW00PmylCSzeFHrdOg5ID1AMWk6QNk6hxw7RhvcQ4AdqxHeZ2dokUsYECcjkJXSz7oLLil871TXUiaFB7c1OLfUIiZc52ri9/HdAiTl5SNREhCzgTWZehkYAMRam3VugeR6mzpwrF5KtCmAWQS1cjYzFa0RJwCE4KNc8qC9oDdOciE2Rw2ytUZVnYDJsMbLa5QfMF9TM0NX6oPdSEs0Jk4FpiIA3CD8IQBu1po8rMTNg5NgJNndQvwFC4IO4HZwOPLXAEwCcIVLl4nLauqwBmM7LFcx9NTRylHq1wU8ECKvcrW4ETK0RZgjnCeotCO3qUqRSGC9g/VUANGxRbqvKWL1xLzU8o1a7rkf6P8VnEr0V2Tqmzlelri4c2WaOWdsGUoAZUhZgK2hszlewpBuMXhL2azBGi2v5k4P4V3r5FkvxPRoAG+xNwmQzd1uLkELh+Wq0Saqs6DQNT1gdYSCoRoN2weuNtldJEl6t3fF1QyAErdWGveZOpA1ZmOREA10E6NYLXAMsBR5iKkH5gwjgYXfwPKCrRYvawDNuJGjHyNbE0Q3KsE/tQ9JdC0BwxGw+XI14MjoBstVAu0AnkXE6tiVW5fsn88bmWXM3T2ATByXLBWUsSmAjTEwwxqiQp5BawGK0hgvH2P8EGOGiIiHkPpf4ntARkX2wPCImicGsMzN/Jhhx7YzwObJK5Hx20r89akmzH3Qn7Nw/ZxhODFnb7/sqhmAu43HbsSgtUGoWa72YLRDZhVovmWiiK6jO09yhG3c6sq0wTGG9n2Mi4XdFTIES7vfFKpJZJvz5Bj377iiYXLJFosCxgmhPet/V/x8hfxB4jTn6qWxPUZx8FVFXR/FMruxBnNYWV0NSDtZuaxGOLivKBgi4+yKq5NPT91pRVXhPOR3gOxBwrhzXu3ATaxu6FJOqFQmE8oOY7bIdO7vk02A4gbZjgXVQ79BvSn1lzcfVtT8e6n76Gjjpdc8p0YsXwjtfhu7yoZsBQhrhuwMNggtnpqutEDxGGICXmsNMF7pDwcXAS4GW/NcKy7KfoRrKe4Jz7QqpGcaPJturUTUMO41KNV8b/tecLr3s68BzOy9DEXqPVhrNgPVaRdKjJJohBmOEQpmZEgACOEEUWDpR82F+cAew7jWcHuNAhg3ujWe0LwbLWwCHGd4JuoGNnfqzQFIGJ9bFkQnqKDeSJb4sUke2TQtzcvLH3Xlzb973a01MrUD1VwWe+iFIS2gq4nb02j4AvTR5zi478KEfgAoC62c7FAvxFZ/XGD1xElOa93YseSrqNFcnWaE5zsYfuzJ4WwA9zWA/PubHx/tl/UCJc+1LQbwsWB7fGGhg+Tcz6y1SIkArB9+amkGJkKc+2RyOxTStTpIi7Fiukephcu0UL2yjxPsGo1lHsjt187M+49ieuJvM6/8p79zVpkDZt9epXVlMjSGItqoXkZbZdTiJXGuFZLlEf3ULTU4AaCk1bIjztVypvy1BGNElbJKuexP5e5r/zSvPY7lib/NnObmre9Ye+dBYa5ydxgN2cmtLkVOJihwN/NCNci+bqXA6Xfc9nJP37kfMLWKqlt1AFZgfD7BeFvIZm8uxydn8taTsHzjz28XPrRHqEqvMVMZ4qhUv4sp+lz1NtkNLJI9ZKe3UUBTvDgdbIZZHgPsuNRMTuiVzcP93e1fLc31/4fhqT9gXviLfQel3A2zkQUzNUZruSJsNXNjbtDPtSaNCl1OOxz3GVpmaqtAZ3hm5KnuGHosZstLc7n5ixNz9E3vf6afgLM/2UW4lUPTydtMGsdSOeiNibBU1lpuQbZ6HmMxmK0VXMps7nVPPgeTc09uQ4uHh0uzfNq7v9WP6Jd/bRfTuRzmX8jrsI6FHTK5J1CAtjTrjSYANchkYBh1xyNL/GB3O+3l6L1nAPZcAL8G9uf2oD+TAzB4pT+VBZJl0a7g9ywKGllim7yE7u5Cr8cg/eNPl+ZYnuPvvxHvykvj9xWGAAAAAElFTkSuQmCC");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.input_ENyM7A {
  position: absolute;
  opacity: 0;
  z-index: 10;
}

.input_ENyM7A::-webkit-color-swatch-wrapper {
  position: absolute;
  padding: 0;
  top: 0;
  left: 0;
}

/* src/features/ContextPanel/Buttons/DrawStrokeWidth/DrawStrokeWidth.module.css */
.container_jyDb6g {
  max-width: 108px;
  padding: 0 14px;
}

/* src/features/ContextPanel/Buttons/RestOptionsMenu/RestOptionsMenu.module.css */
.menu_W71HlQ {
  align-items: stretch;
}

.item_W71HlQ {
  display: flex;
  cursor: pointer;
  background: none;
  border-radius: 6px;
  align-items:  center;
  gap: 4px;
  min-width: 220px;
  padding: 6px;
  transition: background .3s;
  font-size: 1.4rem;
}

@media (hover: hover) {
  .item_W71HlQ:hover {
    background: #e9eaec;
  }
}

.menuBottom_W71HlQ {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.hotkey_W71HlQ {
  color: #0d112666;
  margin-left: auto;
  padding: 0 4px;
  font-family: Manrope;
  font-size: 1.4rem;
  font-weight: 400;
}

.text_W71HlQ {
  text-wrap: nowrap;
  text-align: left;
  flex: 1 0;
  padding-right: 10px;
  font-family: Manrope;
  font-weight: 400;
}

.hotkey_W71HlQ {
  text-wrap: nowrap;
  color: #0000003d;
  text-align: right;
}

/* src/features/Pickers/ConnectorPointerPicker/ConnectorPointerPicker.module.css */
.button_eJj9yg {
  --min-width: 52px;
  --min-height: 36px;
}

/* src/features/ContextPanel/Buttons/EndPointer/EndPointer.module.css */
.button_hvipNQ {
  --min-width: 76px;
}

.bottom_hvipNQ {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.top_hvipNQ {
  z-index: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

/* src/features/Pickers/FontSizePicker/FontSizePicker.module.css */
.button_JP5RMA {
  min-width: auto;
  min-height: auto;
  padding: 6px 0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.4rem;
}

/* src/features/ContextPanel/Buttons/FontSize/FontSize.module.css */
.button_0DxcUg {
  gap: .6rem;
  min-width: 76px;
  padding: 0 0 0 .6rem;
}

.fontSize_0DxcUg {
  flex: 1 0;
  height: 100%;
}

.input_0DxcUg {
  text-align: center;
  outline: none;
  border: none;
  max-width: 36px;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 500;
}

.input_0DxcUg:focus {
  color: #5314a3;
}

.input_0DxcUg:not(:focus) {
  cursor: pointer;
  color: #14151a;
}

.sizeList_0DxcUg {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: stretch;
  min-width: 52px;
}

.menuBottom_0DxcUg {
  border-bottom-left-radius: 0;
}

.chevron_0DxcUg {
  display: flex;
  flex-direction: column;
  flex: 1 0;
  justify-content: center;
  align-self: stretch;
  width: 2rem;
  min-height: 100%;
}

/* src/features/Pickers/FramePicker/FramePicker.module.css */
.button_tI8abA {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 2px;
  width: 40px;
}

/* src/features/ContextPanel/Buttons/FrameRatio/FrameRatio.module.css */
.menuOpened_s5Hxuw {
  border-bottom-left-radius: 0;
}

.button_s5Hxuw {
  min-width: 66px;
  font-size: 1.6rem;
  font-weight: 500;
}

.word_s5Hxuw {
  font-size: 1rem;
  font-weight: 600;
}

/* src/shared/ui-lib/UiAccordion/UiAccordion.module.css */
.accordionContent_0W5ajA {
  overflow: hidden;
  transition: max-height .3s ease-in-out;
}

/* src/features/ContextPanel/Buttons/ItemType/ItemType.module.css */
.panel_jzhcTg {
  display: grid;
  grid-template-columns: repeat(3, 32px);
}

.wrapper_jzhcTg {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
}

.menuBottom_jzhcTg {
  border-bottom-left-radius: 0;
}

/* src/features/ContextPanel/Buttons/StartPointer/StartPointer.module.css */
.button_1LQJWw {
  --min-width: 76px;
}

.bottom_1LQJWw {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.top_1LQJWw {
  z-index: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.menuOpened_1LQJWw {
  border-bottom-left-radius: 0;
}

/* src/features/ContextPanel/Buttons/StrokeStyle/StrokeStyle.module.css */
.menu_Ip8f2A {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
}

.panel_Ip8f2A {
  display: flex;
  justify-content: center;
  gap: 5px;
}

.colors_Ip8f2A {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

/* src/features/ContextPanel/Buttons/TextAlignment/TextAlignment.module.css */
.section_EACyog {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
}

/* src/features/Modal/SetLinkToModal.module.css */
.form_HOpxlg {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px;
  font-family: Manrope;
}

.input_HOpxlg {
  max-width: 400px;
}

.title_HOpxlg {
  letter-spacing: -.016em;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.text_HOpxlg {
  letter-spacing: -.005em;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.error_HOpxlg {
  color: red;
  font-size: 14px;
  font-weight: 400;
}

.buttonsBox_HOpxlg {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
}

.btn_HOpxlg {
  width: -moz-fit-content;
  width: fit-content;
  padding: 12px;
}

@media (max-width: 768px) {
  .buttonsBox_HOpxlg {
    flex-wrap: wrap;
  }
}

/* src/features/ContextPanel/Buttons/AIModel/AIModel.module.css */
.menu_MNdWQw {
  display: flex;
  flex-direction: column;
  min-width: max-content;
}

/* src/features/ContextPanel/Buttons/CardGame/Dice/ChangeRange/ChangeRange.module.css */
.button_heDc2Q {
  gap: .6rem;
  min-width: 76px;
  padding: 0 0 0 .6rem;
}

.fontSize_heDc2Q {
  flex: 1 0;
  height: 100%;
}

.input_heDc2Q {
  text-align: center;
  outline: none;
  border: none;
  max-width: 36px;
  height: 100%;
  font-size: 1.6rem;
  font-weight: 500;
}

.input_heDc2Q:focus {
  color: #5314a3;
}

.input_heDc2Q:not(:focus) {
  cursor: pointer;
  color: #14151a;
}

.sizeList_heDc2Q {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: stretch;
  min-width: 52px;
}

.menuBottom_heDc2Q {
  border-bottom-left-radius: 0;
}

.chevron_heDc2Q {
  display: flex;
  flex-direction: column;
  flex: 1 0;
  justify-content: center;
  align-self: stretch;
  width: 2rem;
  min-height: 100%;
}

/* src/features/ContextPanel/Buttons/CardGame/Deck/SpreadCards/SpreadCards.module.css */
.picker_G_GjkQ {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: stretch;
  min-width: 52px;
}

/* src/features/ExportPanel/ExportPanel.module.css */
.container_SkEmQQ {
  display: flex;
  position: absolute;
  z-index: 2;
  justify-content: center;
  align-items:  center;
  gap: 16px;
  top: 16px;
  left: 16px;
}

.button_SkEmQQ {
  padding: 0 1.2rem;
  font-size: 1.6rem;
  font-weight: 500;
  box-shadow: 0 10px 16px -3px #14151a14;
}

.loader_SkEmQQ {
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side, #fff 90%, #fff0);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  animation: l3 1s infinite linear;
  background-size: 33.3333% 50%;
  width: 60px;
}

@keyframes l3_SwlCBg {
  20% {
    background-position: 0 0, 50%, 100%;
  }

  40% {
    background-position: 0% 100%, 50% 0%, 100%;
  }

  60% {
    background-position: 0%, 50% 100%, 100% 0%;
  }

  80% {
    background-position: 0%, 50%, 100% 100%;
  }
}

/* src/features/hyperLink/HyperLink.module.css */
.linkContainer_h4UCGg {
  position: absolute;
  display: flex;
  z-index: 12;
  background-color: #fff;
  border-radius: 12px;
  align-items:  center;
  max-width: 400px;
  padding: 12px;
  font-size: 1.4rem;
  font-weight: 400;
  box-shadow: 0 10px 16px -3px #14151a14;
}

.link_h4UCGg {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* src/features/hyperLink/HyperLinkInput/HyperLinkInput.module.css */
.container_J5gXnQ {
  position: fixed;
  display: flex;
  z-index: 1000;
  background-color: #fff;
  border-radius: 12px;
  align-items:  center;
  gap: 12px;
  max-width: 400px;
  min-height: 56px;
  padding: 8px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  box-shadow: 0 10px 16px -3px #14151a14;
}

.confirmBtn_J5gXnQ {
  text-align: center;
  color: #4778f5;
  cursor: pointer;
  background-color: #0000;
  border: none;
  padding: 0 12px;
}

.inputContainer_J5gXnQ {
  display: flex;
  gap: 8px;
  width: 400px;
  padding: 0 4px;
}

.link_J5gXnQ {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.iconButton_J5gXnQ {
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items:  center;
}

/* src/shared/ui-lib/UiLink/UiLink.module.css */
.default_PuYX5A {
  --background-color: #924fe8;
  --background-hover-color: #731de2;
  --background-active-color: #731de2;
  --background-disabled-color: #e9eaec;
  --content-color: #fff;
  --content-hover-color: #fff;
  --content-active-color: #fff;
  --content-disabled-color: #b1b3bb;
  --focus-outline-color: #e3d9ff;
}

.secondary_PuYX5A {
  --background-color: #fff;
  --background-hover-color: #f7f7f8;
  --background-active-color: #f7f7f8;
  --background-disabled-color: #fff;
  --content-color: #14151a;
  --content-hover-color: #14151a;
  --content-active-color: #924fe8;
  --content-disabled-color: #b1b3bb;
  --focus-outline-color: #e3d9ff;
}

.tertiary_PuYX5A {
  --background-color: #f5f6f7;
  --background-hover-color: #ececee;
  --background-active-color: #ececee;
  --content-color: var(--text-base-primary);
  --content-hover-color: var(--text-base-primary);
  --content-active-color: var(--text-base-primary);
  --content-disabled-color: var(--text-base-quaternary);
  --focus-outline-color: #e3d9ff;
}

.black_PuYX5A {
  --background-color: #14151a;
  --background-hover-color: #1f2228;
  --background-active-color: #ececee;
  --background-disabled-color: #e9eaec;
  --content-color: #fff;
  --content-hover-color: var(--text-base-primary);
  --content-active-color: var(--text-base-primary);
  --content-disabled-color: var(--text-base-quaternary);
  --focus-outline-color: #e3d9ff;
}

.radiusXl_PuYX5A {
  --radius: 12px;
}

.radiusMd_PuYX5A {
  --radius: 8px;
}

.radiusSm_PuYX5A {
  --radius: 4px;
}

.lg_PuYX5A {
  --min-width: 48px;
  --min-height: 48px;
  --padding: 0 12px;
}

.md_PuYX5A {
  --min-width: 32px;
  --min-height: 32px;
  --padding: 0 4px;
}

.sm_PuYX5A {
  --min-width: 32px;
  --min-height: 32px;
  --padding: 6px 14px;
  font-size: 14px;
}

.fullRounded_PuYX5A {
  border-radius: var(--radius);
}

.topRounded_PuYX5A {
  border-top-left-radius: var(--radius);
  border-top-right-radius: var(--radius);
}

.bottomRounded_PuYX5A {
  border-bottom-left-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.leftRounded_PuYX5A {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.rightRounded_PuYX5A {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.button_PuYX5A {
  position: relative;
  display: flex;
  min-width: var(--min-width);
  min-height: var(--min-height);
  padding: var(--padding);
  cursor: pointer;
  outline: none;
  background-color: var(--background-color);
  color: var(--content-color);
  text-decoration: none;
  border: none;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  transition: background .2s ease-in, color .2s ease-in;
}

.button_PuYX5A:focus-visible {
  outline: 2px solid var(--focus-outline-color);
  z-index: 30;
}

@media (hover: hover) {
  .button_PuYX5A:hover {
    background-color: var(--background-hover-color);
    color: var(--content-hover-color);
  }
}

.button_PuYX5A.active_PuYX5A:not([disabled]), .button_PuYX5A:active:not([disabled]) {
  background-color: var(--background-active-color);
  color: var(--content-active-color);
}

.button_PuYX5A:disabled {
  color: var(--content-disabled-color);
  background-color: var(--background-disabled-color);
  cursor: not-allowed;
}

.ghost_PuYX5A {
  color: #0f132499;
  background-color: #0000;
  font-weight: 600;
}

.ghost_PuYX5A:hover {
  color: #0a0f2999;
  background-color: #0a0f290a;
}

.ghost_PuYX5A:active {
  outline: 2px solid #c8b2ff80;
  border: 1px solid #b78af0;
}

.ghost_PuYX5A:disabled {
  color: #0a0f2940;
}

/* src/features/LandingMenu/LandingMenu.module.css */
.menuPanel_N49qJQ {
  position: absolute;
  overflow: hidden;
  border-radius: 900px;
  top: 12px;
  left: 50%;
  transform: translateX(-50%);
}

.link_N49qJQ {
  background: linear-gradient(270deg, #944fe7 0%, #a347e7 24.15%, #b240e7 66.97%, #c239e7 100%);
  -webkit-text-fill-color: transparent;
  overflow: hidden;
  white-space: nowrap;
  -webkit-background-clip: text;
  background-clip: text;
  padding-left: 18px;
  padding-right: 18px;
  font-size: 16px;
  font-weight: 500;
}

.linksWrapper_N49qJQ {
  display: flex;
  align-items:  center;
  max-width: 0;
  transition: max-width .3s ease-in-out;
}

.open_N49qJQ .linksWrapper_N49qJQ {
  max-width: 999px;
}

.menuPanel_N49qJQ:not(.open_N49qJQ) .openBtn_N49qJQ {
  --padding: 12px 24px;
}

@media screen and (max-width: 1620px) {
  .menuPanel_N49qJQ {
    transform: translateX(-24%);
  }
}

@media screen and (max-width: 1360px) {
  .menuPanel_N49qJQ {
    display: none;
  }
}

/* src/features/LandingMenu/MobileLandingMenu.module.css */
.mobileLandingMenuWrapper_e5mELA {
  position: absolute;
  display: none;
  top: 12px;
  right: 12px;
}

@media screen and (max-width: 1360px) {
  .mobileLandingMenuWrapper_e5mELA {
    display: block;
  }
}

.menuWrapper_e5mELA {
  position: absolute;
  z-index: 10000;
  background-color: #0003;
  width: 100%;
  height: 100%;
  padding: 10px;
  top: 0;
  left: 0;
}

.menu_e5mELA {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}

.links_e5mELA {
  display: flex;
  flex-direction: column;
}

.link_e5mELA {
  color: #212121;
  justify-content: flex-start;
  padding: 10px 16px;
  font-size: 16px;
  font-weight: 500;
}

.header_e5mELA {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding-left: 16px;
}

.mobileLogo_e5mELA {
  display: flex;
  align-items:  center;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
}

.authBtns_e5mELA {
  display: flex;
  align-items:  center;
  gap: 8px;
  padding: 16px;
}

.authBtn_e5mELA {
  border: 1px solid #dee0e3;
  flex: 50%;
  height: 48px;
  font-size: 16px;
  font-weight: 600;
  box-shadow: 0 10px 16px -3px #14151a14, 0 3px 6px -2px #14151a0d;
}

/* src/features/LocalFileSavingProgress/LocalFileSaveProgress.module.css */
.unauthText_ZecAfg {
  position: absolute;
  top: var(--absolute-position-panel-padding);
  left: 50%;
  transform: translateX(-50%);
}

/* src/features/Modal/CookiesModal.module.css */
.wr_WUlitw {
  max-width: 326px;
}

.title_WUlitw {
  font-family: Manrope;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5;
}

.text_WUlitw {
  margin: 4px 0 12px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.42;
}

.btns_WUlitw {
  display: flex;
}

.btn_WUlitw {
  width: unset;
  border-radius: 8px;
  height: 24px;
  min-height: 24px;
  margin-right: 8px;
  padding: 0 8px;
  font-size: 12px;
}

/* src/features/Presence/UserTracking/UserTracking.module.css */
.wrapper_1FjyoQ {
  position: fixed;
  box-sizing: border-box;
  display: flex;
  overflow: hidden;
  pointer-events: none;
  z-index: 102;
  background-color: #c8c8c833;
  border: 2px solid #0000;
  justify-content: center;
  align-items:  flex-start;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.header_1FjyoQ {
  color: #fff;
  pointer-events: auto;
  display: flex;
  position: fixed;
  display: flex;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  justify-content: center;
  align-items:  center;
  gap: 10px;
  min-height: 28px;
  padding: 4px 6px;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  bottom: 2px;
}

.stop_1FjyoQ {
  display: flex;
  color: #fff;
  cursor: pointer;
  background: #0000004f;
  border: none;
  border-radius: 4px;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 700;
}

.stop_1FjyoQ:hover {
  background: #e04e54;
}

.svgLeft_1FjyoQ {
  position: absolute;
  top: 4px;
  left: -11px;
  transform: scale(3);
}

.svgRight_1FjyoQ {
  position: absolute;
  top: 4px;
  right: -11px;
  transform: scale(3);
}

/* src/features/TitlePanel/TitlePanel.module.css */
.panel_i3VZwA {
  position: absolute;
  top: -60px;
  left: var(--absolute-position-panel-padding);
  overflow: hidden;
}

.logoWrapper_i3VZwA.viewMode_i3VZwA {
  border-top-left-radius: var(--radius);
  border-bottom-left-radius: var(--radius);
}

.tabletHide_i3VZwA.viewMode_i3VZwA {
  border-top-right-radius: var(--radius);
  border-bottom-right-radius: var(--radius);
}

.logo_i3VZwA {
  display: flex;
  text-decoration: none;
  color: var(--text-base-primary);
  justify-content: center;
  align-items:  center;
  gap: 8px;
  font-size: 16px;
  font-weight: 400;
}

.name_i3VZwA {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  color: var(--text-base-primary);
  margin: auto;
  font-size: 16px;
  font-weight: 400;
}

input.rename_i3VZwA {
  font-size: 16px;
  font-weight: 400;
}

.exportDropdown_i3VZwA {
  position: absolute;
  top: calc(100% + var(--absolute-position-panel-padding));
  display: flex;
  z-index: 100;
  background-color: #fff;
  border: 1px solid #cccccc80;
  border-radius: 8px;
  flex-direction: column;
  gap: 5px;
  padding: 5px;
  left: 86%;
  box-shadow: 0 2px 4px #0000001a;
}

.exportDropdown_i3VZwA > div {
  cursor: pointer;
  display: flex;
  border-radius: 8px;
  align-items:  center;
  gap: 8px;
  padding: 10px;
}

.exportDropdown_i3VZwA > div:hover {
  background-color: #0a0f290a;
}

.exportDropdownItemTitle_i3VZwA {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.exportDropdown_i3VZwA strong {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
  align-items:  center;
  font-size: 12px;
}

.exportDropdown_i3VZwA p {
  color: #14151a;
  margin: 0;
  font-size: 14px;
  line-height: 20px;
}

.betaTag_i3VZwA {
  color: #007bff;
  background-color: #e0f0ff;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 600;
}

@media screen and (max-width: 520px) {
  .mobileHide_i3VZwA {
    display: none;
  }

  .menuButton_i3VZwA {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
}

@media screen and (max-width: 680px) {
  .tabletHide_i3VZwA {
    display: none;
  }

  .logoWrapper_i3VZwA {
    border-top-right-radius: var(--radius);
    border-bottom-right-radius: var(--radius);
  }
}

/* src/entities/BoardName/BoardName.module.css */
.button_Z8jJ1Q {
  display: flex;
  cursor: pointer;
  background: none;
  border: none;
  border-radius: 10px;
  align-items:  center;
  gap: 4px;
  width: 100%;
  padding: 6px 8px;
  transition: all .3s;
}

.text_Z8jJ1Q {
  text-align: left;
  text-overflow: ellipsis;
  display: flex;
  overflow: hidden;
  white-space: nowrap;
  flex: 1 0;
  align-items:  center;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.context_Z8jJ1Q {
  display: flex;
  cursor: pointer;
  background: none;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
  transition: all .3s;
}

@media (hover: hover) {
  .button_Z8jJ1Q:hover, .context_Z8jJ1Q:hover {
    background-color: #0a0f290a;
  }
}

.active_Z8jJ1Q:before {
  content: "";
  position: absolute;
  display: block;
  z-index: 10;
  background-color: #924fe8;
  border-radius: 2px;
  width: 4px;
  height: 8px;
  top: 50%;
  left: -2px;
  transform: translateY(-50%);
}

/* src/entities/BoardName/BoardRename.module.css */
.form_hCRe9A {
  min-width: 10ch;
  max-width: 32ch;
}

.input_hCRe9A {
  display: inline-block;
  outline: none;
  border: 1px solid #dedfe3;
  width: 100%;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

/* src/features/Templates/CreateTemplateModal/CreateTemplateModal.module.css */
.modal_FAHvNA {
  width: 100%;
  max-width: 608px;
}

.wr_FAHvNA {
  padding: 32px 64px !important;
}

.form_FAHvNA {
  display: flex;
  overflow-y: auto;
  flex-flow: column;
  align-items:  center;
  gap: 12px;
  max-height: calc(90vh - 64px);
}

.errorText_FAHvNA {
  color: red;
}

.categoriesSelector_FAHvNA {
  width: 100%;
}

.languagesSelector_FAHvNA {
  width: 50%;
}

.btn_FAHvNA {
  width: 100%;
}

/* src/shared/ui-lib/Selector/Selector.module.css */
.selectorContainer_WTTZuQ {
  position: relative;
  margin-bottom: 6px;
}

.label_WTTZuQ {
  color: #111827;
  font-size: 14px;
}

.selector_WTTZuQ {
  color: #111827;
  display: inline-flex;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  flex-direction: row;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  margin-top: 10px;
  padding: 10px 12px;
  font-size: 14px;
}

.selectorText_WTTZuQ {
  margin-right: 12px;
}

.selector_WTTZuQ:focus {
  outline: none;
  border-color: #924fe8;
}

.arrow_WTTZuQ {
  display: inline-block;
  border: 2px solid #0d112666;
  border-width: 0 2px 2px 0;
  margin-right: 6px;
  padding: 3px;
  transform: rotate(45deg);
}

.dropdown_WTTZuQ {
  position: absolute;
  z-index: 10;
  display: flex;
  overflow-y: auto;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  flex-direction: column;
  gap: 4px;
  max-width: 100%;
  max-height: 260px;
  margin-top: 4px;
  padding: 4px;
  font-size: 14px;
  top: 100%;
  left: 0;
  right: 0;
  box-shadow: 0 4px 6px #0000001a;
}

.option_WTTZuQ {
  cursor: pointer;
  display: flex;
  border-radius: 8px;
  justify-content: space-between;
  align-items:  center;
  padding: 8px 12px;
}

.option_WTTZuQ:hover, .selected_WTTZuQ {
  background-color: #f3f4f6;
}

.checkmark_WTTZuQ {
  display: none;
}

.option_WTTZuQ.selected_WTTZuQ .checkmark_WTTZuQ {
  display: inline-block;
  color: #924fe8;
  margin-left: 8px;
}

/* src/features/ShareSnapshotModal/ShareSnapshotModal.module.css */
.heading_fvt_Cw {
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100%;
  font-size: 30px;
  font-weight: 600;
}

.description_fvt_Cw {
  color: #0d112666;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.notAuth_fvt_Cw {
  font-size: 14px;
  line-height: 20px;
}

.modalContainer_fvt_Cw {
  overflow: hidden;
  border-radius: 24px;
  max-width: 800px;
  padding: 0 !important;
}

@media screen and (min-width: 960px) {
  .modalContainer_fvt_Cw {
    min-width: 700px;
  }
}

.wrapper_fvt_Cw {
  width: 100%;
  padding: 32px 64px;
}

.settings_fvt_Cw {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding-top: 20px;
}

.searchInputWrapper_fvt_Cw {
  padding-top: 12px;
}

.settingsHeading_fvt_Cw {
  font-size: 14px;
  font-weight: 700;
}

.publicMsg_fvt_Cw {
  font-size: 12px;
}

.selectors_fvt_Cw {
  display: grid;
  grid-template-columns: 1fr 0px;
  align-items: stretch;
  padding-bottom: 8px;
  transition: grid-template-columns .3s;
}

.selector_fvt_Cw {
  overflow: hidden;
}

.grantedUserSelector_fvt_Cw {
  min-width: 190px;
}

.secondInputBtn_fvt_Cw {
  display: flex;
  cursor: pointer;
  color: #4778f5;
  background: none;
  border: none;
  align-items:  center;
  gap: 6px;
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

.selectors_fvt_Cw.modeVisible_fvt_Cw {
  grid-template-columns: 1fr 230px;
  gap: 16px;
}

.selectors_fvt_Cw.modeVisibleShort_fvt_Cw {
  grid-template-columns: 1fr 190px;
  gap: 16px;
}

.btns_fvt_Cw {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 8px;
}

.btns_fvt_Cw .btn_fvt_Cw {
  width: auto;
  padding: 10px 12px;
}

.grantedUser_fvt_Cw {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  transition: all .3s;
}

.highlighted_fvt_Cw {
  background-color: #edfdf4;
}

.userInfo_fvt_Cw {
  display: flex;
  gap: 12px;
}

.userInfoText_fvt_Cw {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2px;
}

.avatar_fvt_Cw {
  width: 40px;
  height: 40px;
}

.avatar_fvt_Cw img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: auto;
}

.userStatus_fvt_Cw {
  display: flex;
  justify-content: flex-end;
  align-items:  center;
}

.userName_fvt_Cw {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.userEmail_fvt_Cw {
  color: #0d112666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 400;
}

.usersList_fvt_Cw {
  display: flex;
  overflow-y: auto;
  flex-direction: column;
  gap: 20px;
  max-height: 186px;
  padding-top: 12px;
  padding-bottom: 8px;
  padding-right: 4px;
}

.usersList_fvt_Cw::-webkit-scrollbar {
  appearance: none;
  width: 3px;
}

.usersList_fvt_Cw::-webkit-scrollbar-button {
  display: none;
}

.usersList_fvt_Cw::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.ownerLabel_fvt_Cw {
  color: #0d112666;
  font-size: 14px;
  font-weight: 500;
}

.grantedUsers_fvt_Cw {
  padding-top: 16px;
}

.copyBtn_fvt_Cw {
  color: #14151a;
  font-weight: 500;
}

.copyIcon_fvt_Cw {
  color: #696b76;
  display: grid;
  place-items:  center;
}

.fadeEnter_fvt_Cw {
  opacity: 0;
  transform: translateX(-6px);
}

.fadeEnterActive_fvt_Cw {
  opacity: 1;
  transition: opacity .5s, transform .5s;
  transform: translateX(0);
}

.fadeExit_fvt_Cw {
  opacity: 1;
  transform: translateX(0);
}

.fadeExitActive_fvt_Cw {
  opacity: 0;
  transition: opacity .5s, transform .5s;
  transform: translateX(-6px);
}

.skeletonAvatar_fvt_Cw {
  border-radius: 50%;
}

.skeletonInfo_fvt_Cw {
  width: 200px;
  height: 14px;
}

.skeletonSelector_fvt_Cw {
  width: 200px;
  height: 40px;
}

.loader_fvt_Cw {
  overflow: hidden;
  position: relative;
  width: calc(100% + 24px);
  height: 4px;
}

.loader_fvt_Cw:after {
  content: "";
  display: block;
  position: absolute;
  animation: loading 1.5s linear infinite;
  background-color: #924fe8;
  width: 30%;
  height: 100%;
  top: 0;
  left: -30%;
}

@keyframes loading_KLoozA {
  0% {
    left: -30%;
  }

  50% {
    left: 100%;
  }

  100% {
    left: 100%;
  }
}

/* src/features/ShareSnapshotModal/SnapshotNameInput.module.css */
.inputWrapper_W__ClA {
  overflow: hidden;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  width: 100%;
}

.wrapper_W__ClA {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 8px;
}

.inputWrapper_W__ClA:focus-within {
  border: 1px solid #b08cea;
  box-shadow: 0 0 0 2px #c8b2ff80;
}

.btns_W__ClA {
  display: flex;
  justify-content: flex-start;
  align-items:  center;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 8px;
}

.btns_W__ClA .btn_W__ClA {
  width: auto;
  padding: 10px 12px;
}

.nativeInput_W__ClA {
  resize: none;
  outline: none;
  overflow: hidden;
  display: flex;
  border-radius: 12px;
  flex-grow: 1;
  align-items:  center;
  width: 100%;
  height: 100%;
  padding: 10px 5px;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
}

.nativeInput_W__ClA::placeholder {
  color: #0d112666;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.userInput_W__ClA {
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  height: 100%;
}

.userInput_W__ClA:focus {
  outline: none;
  border: none;
}

.description_W__ClA {
  color: #0d112666;
  font-family: Manrope, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.snapshot_W__ClA {
  text-decoration: underline;
  cursor: pointer;
  user-select: text;
  font-size: 16px;
  font-weight: 600;
}

.error_W__ClA {
  color: red;
}

.success_W__ClA {
  color: #26bd6c;
}

/* src/features/GenerateChart/AIChat.module.css */
.chatContainer_o37jvA {
  border: 1px solid var(--border-action-normal);
  position: fixed;
  bottom: var(--absolute-position-panel-padding);
  left: var(--absolute-position-panel-padding);
  z-index: 150;
  background-color: #fff;
  border-radius: 10px;
  width: 100%;
  max-width: 500px;
  padding: 20px;
  box-shadow: 0 4px 4px #00000040;
}

.header_o37jvA {
  display: flex;
  justify-content: space-between;
  align-items:  flex-start;
}

.closeButton_o37jvA {
  cursor: pointer;
  color: #666;
  display: flex;
  background: none;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  padding: 4px;
}

.closeButton_o37jvA:hover {
  background-color: #f5f5f5;
}

.flexTitle_o37jvA {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.title_o37jvA {
  display: inline;
  font-size: 16px;
  font-weight: bold;
}

.betaTag_o37jvA {
  color: #007bff;
  background-color: #e0f0ff;
  border-radius: 4px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 600;
}

.description_o37jvA {
  color: #666;
  margin-bottom: 16px;
  font-size: 12px;
}

.inputContainer_o37jvA {
  display: flex;
  flex-direction: column;
}

.textarea_o37jvA {
  resize: vertical;
  resize: none;
  border: 1px solid #ddd;
  border-radius: 12px;
  width: 100%;
  min-height: 100px;
  margin-bottom: 12px;
  padding: 12px;
  font-size: 12px;
}

.textarea_o37jvA:focus {
  outline: 2px solid #c8b2ff80;
  border-color: #b78af0;
}

.textarea_o37jvA:active {
  border-color: #b78af0;
}

.button_o37jvA {
  color: #fff;
  cursor: pointer;
  background-color: #007bff;
  border: none;
  border-radius: 4px;
  padding: 10px 16px;
  font-size: 12px;
}

.button_o37jvA:disabled {
  cursor: not-allowed;
  background-color: #ccc;
}

.loadingMessage_o37jvA {
  color: #007bff;
  margin-top: 12px;
  font-size: 10px;
}

.select_o37jvA {
  color: #333;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  width: 100%;
  margin-bottom: 12px;
  padding: 8px;
  font-size: 12px;
}

.select_o37jvA:focus {
  outline-color: 1px solid #b78af0;
}

.select_o37jvA:active {
  outline-color: #b78af0;
}

.select_o37jvA:focus {
  outline: 2px solid #c8b2ff80;
  border-color: #b78af0;
}

.select_o37jvA:active {
  border-color: #b78af0;
}

.charCount_o37jvA {
  color: #666;
  text-align: right;
  margin-top: 4px;
  margin-bottom: 8px;
  font-size: 10px;
}

.errorMessage_o37jvA {
  color: #d9534f;
  margin-top: 12px;
  font-size: 10px;
}

/* src/features/GenerateChart/AIChatPanel.module.css */
@media screen and (max-height: 740px) {
  .wrapper_lkz52Q {
    position: fixed;
    bottom: calc(var(--absolute-position-panel-padding) * 2 + 48px);
    right: 12px;
  }
}

.panelButton_lkz52Q {
  cursor: pointer;
  display: flex;
  background: none;
  border: none;
  justify-content: center;
  align-items:  center;
  padding: 12px;
  transition: all .5s;
}

.panelButton_lkz52Q:hover {
  background-color: #0000000d;
  border-radius: 8px;
}

.panelIcon_lkz52Q {
  width: 24px;
  height: 24px;
}

@media screen and (max-width: 550px) {
  .panelButton_lkz52Q {
    display: none;
  }
}

/* src/features/ToolsPanel/Buttons/ButtonWithMenu/ButtonWithMenu.module.css */
.container_S5Rf0w {
  position: relative;
}

.menu_S5Rf0w {
  position: absolute;
  top: 0;
  left: calc(100% + .8rem);
}

/* src/features/ToolsPanel/Buttons/AddDrawing/AddDrawing.module.css */
.panel_Cj42pQ {
  transform: translateY(-33.3333%);
}

.indicator_Cj42pQ {
  position: absolute;
  border: 1px solid #1f1f1f40;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 8px;
  right: 8px;
}

/* src/features/ToolsPanel/Buttons/AddDrawing/AddHighlighter/AddHighlighter.module.css */
.panel_sm0-Xg {
  gap: .8rem;
  padding-top: .1rem;
  padding-bottom: .3rem;
}

.slider_sm0-Xg {
  align-self: stretch;
  padding-top: 4px;
}

.colors_sm0-Xg {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.indicator_sm0-Xg {
  position: absolute;
  border: 1px solid #1f1f1f40;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 8px;
  right: 8px;
}

/* src/features/ToolsPanel/Buttons/AddDrawing/AddPen/AddPen.module.css */
.panel_AiAWOg {
  gap: .8rem;
  padding-top: .1rem;
  padding-bottom: .3rem;
}

.slider_AiAWOg {
  align-self: stretch;
  padding-top: 4px;
}

.colors_AiAWOg {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
}

.indicator_AiAWOg {
  position: absolute;
  border: 1px solid #1f1f1f40;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 8px;
  right: 8px;
}

/* src/features/ToolsPanel/Buttons/AddMedia/AddMedia.module.css */
.panel_AkbY8w {
  transform: translateY(-33.3333%);
}

/* src/features/ShapesPanel/ShapesPanel.module.css */
.shapesPanel_TduhPQ {
  overflow: hidden;
  box-shadow: none;
  position: relative;
  display: flex;
  border: none;
  flex-direction: column;
  align-items: stretch;
  width: 0;
  margin-left: 0;
  transition: width .3s, max-width .3s, min-width .3s;
}

.shapesPanel_TduhPQ.open_TduhPQ {
  visibility: visible;
  border: 1px solid var(--border-action-normal);
  gap: 12px;
  width: 292px;
  min-width: 192px;
  max-width: 35dvw;
  margin-left: 12px;
  box-shadow: 0 4px 4px #00000040;
  padding: 8px 4px !important;
}

.header_TduhPQ {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  padding: 0 4px;
}

.title_TduhPQ {
  flex: 1 0;
  padding: 4px 8px;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}

.close_TduhPQ {
  --padding: 4px;
  --min-width: 28px;
  --min-height: 28px;
  color: var(--text-base-primary);
  border-radius: 12px;
}

.scrollContainer_TduhPQ {
  overflow-y: auto;
  scrollbar-gutter: stable;
  display: flex;
  flex-direction: column;
  align-items:  center;
  width: 100%;
  padding: 0 4px;
}

.scrollContainer_TduhPQ::-webkit-scrollbar {
  appearance: none;
  width: 2px;
}

.scrollContainer_TduhPQ::-webkit-scrollbar-button {
  display: none;
}

.scrollContainer_TduhPQ::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

/* src/features/ShapesPanel/ShapesCategory/ShapesCategory.module.css */
.shapesGrid_PBOBAw {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(48px, 1fr));
  overflow: hidden;
  gap: 8px;
  width: 100%;
  max-height: 100%;
  margin-top: 8px;
  transition: max-height .3s ease-in-out;
}

.closed_PBOBAw {
  max-height: 0;
}

.categoryHeader_PBOBAw {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  padding: 0 8px;
}

.categoryContainer_PBOBAw {
  display: flex;
  flex-direction: column;
  align-items:  center;
  width: 100%;
}

/* src/features/ToolsPanel/Buttons/AddShape/AddShape.module.css */
.panel_EGw_wQ {
  display: grid;
  grid-template-columns: repeat(3, 32px);
  overflow: hidden;
  justify-content: center;
}

.wrapper_EGw_wQ {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  height: 192px;
}

.button_EGw_wQ {
  white-space: nowrap;
}

/* src/features/Templates/SelectTemplateModal/SelectTemplateModal.module.css */
.modal_jjcYzw {
  width: 100%;
  max-width: 988px;
}

.modalWr_jjcYzw {
  padding: 0 4px 0 16px;
}

.wrapper_jjcYzw {
  display: flex;
  color: #14151a;
  touch-action: auto;
  -webkit-overflow-scrolling: touch;
  gap: 16px;
  width: 100%;
  height: 90vh;
  font-family: Manrope, Arial;
}

.sidebar_jjcYzw {
  border-right: 1px solid #e9eaec;
  width: 280px;
  padding: 16px 0;
}

.sidebarHeader_jjcYzw {
  display: flex;
  align-items:  center;
  column-gap: 8px;
  height: 32px;
}

.sidebarHeaderIcon_jjcYzw {
  max-width: 30px;
  max-height: 30px;
}

.sidebarHeader_jjcYzw > img {
  display: block;
  width: 30px;
  height: 30px;
}

.sidebarHeader_jjcYzw > h3 {
  letter-spacing: -.01em;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.templatesContainer_jjcYzw {
  touch-action: pan-y;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  overscroll-behavior: contain;
  position: relative;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding: 16px 0;
}

.searchOptions_jjcYzw {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
  padding-right: 12px;
}

.searchOptions_jjcYzw > p {
  letter-spacing: -.014em;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.templatesContainerHeader_jjcYzw {
  display: flex;
  gap: 12px;
  min-width: 208px;
  max-width: 408px;
  height: 40px;
  padding-right: 12px;
}

.resizeMarker_jjcYzw {
  display: block;
  width: 36px;
  height: 100%;
}

.burgerMenuContainer_jjcYzw {
  display: none;
}

.noTemplatesText_jjcYzw {
  color: #0f132499;
  letter-spacing: -.014em;
  margin-top: 12px;
  font-family: Manrope;
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

@media (max-width: 768px) {
  .sidebar_jjcYzw {
    display: none;
  }

  .templatesContainer_jjcYzw {
    position: relative;
    touch-action: auto;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: auto;
  }

  .burgerMenuContainer_jjcYzw {
    display: block;
    position: relative;
    padding-top: 4px;
  }

  .burgerMenuContainer_jjcYzw > button {
    cursor: pointer;
    border-radius: 10px;
  }

  .burgerMenuContainer_jjcYzw > button:hover {
    background-color: #0a0f290a;
  }

  .burgerMenu_jjcYzw {
    display: none;
    position: absolute;
    z-index: 5;
    border: 1px solid #e9eaec;
    border-radius: 10px;
    min-width: 200px;
    padding: 0 8px 12px 16px;
    top: 36px;
  }

  .activeBurgerMenu_jjcYzw {
    display: block;
    background-color: #fff;
  }
}

/* src/features/Templates/SelectTemplateModal/TemplateItemPreview/TemplateItemPreview.module.css */
.wrapper_sz3AqQ {
  width: 100%;
  font-family: Manrope, Arial;
}

.scrollContainer_sz3AqQ {
  overflow-y: auto;
  display: flex;
  scrollbar-gutter: stable;
  flex-flow: column;
  max-height: calc(90vh - 60px);
  padding-right: 6px;
}

.scrollContainer_sz3AqQ::-webkit-scrollbar {
  appearance: none;
  width: 4px;
}

.scrollContainer_sz3AqQ::-webkit-scrollbar-button {
  display: none;
}

.scrollContainer_sz3AqQ::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 4px;
}

.header_sz3AqQ {
  height: -moz-fit-content;
  height: fit-content;
  margin-top: 8px;
}

.backBtn_sz3AqQ {
  display: flex;
  letter-spacing: -.005em;
  color: #0f132499;
  cursor: pointer;
  align-items:  center;
  gap: 4px;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
}

.mainSection_sz3AqQ {
  display: flex;
  border: 1px solid #e9eaec;
  border-radius: 16px;
  flex-wrap: nowrap;
  justify-content: center;
  width: 100%;
  min-height: 362px;
  margin-top: 16px;
}

.frame_sz3AqQ {
  border-top-left-radius: 16px;
  border-bottom-left-radius: 16px;
  width: 100%;
}

.infoBox_sz3AqQ {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 362px;
  padding: 54px 24px;
}

.infoBox_sz3AqQ > h2 {
  letter-spacing: -.012em;
  word-break: break-word;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

.description_sz3AqQ {
  color: #0f132499;
  letter-spacing: -.01em;
  word-break: break-word;
  display: inline-block;
  overflow-y: auto;
  scrollbar-gutter: stable;
  max-width: 268px;
  max-height: 160px;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.description_sz3AqQ::-webkit-scrollbar {
  appearance: none;
  width: 4px;
}

.description_sz3AqQ::-webkit-scrollbar-button {
  display: none;
}

.description_sz3AqQ::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 4px;
}

.infoBox_sz3AqQ button {
  width: 154px;
}

.relatedTemplatesHeader_sz3AqQ {
  letter-spacing: -.012em;
  margin-top: 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 26px;
}

@media (max-width: 900px) {
  .mainSection_sz3AqQ {
    flex-wrap: wrap;
    height: -moz-fit-content;
    height: fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
  }

  .frame_sz3AqQ {
    border-radius: 16px;
    width: 60%;
  }

  .infoBox_sz3AqQ {
    align-items:  center;
    width: 100%;
    padding: 24px;
  }

  .infoBox_sz3AqQ > p {
    max-width: 100%;
    max-height: 256px;
  }
}

@media (max-width: 420px) {
  .frame_sz3AqQ {
    width: 100%;
  }
}

/* src/features/Templates/SelectTemplateModal/TemplateItemsGrid/TemplateItemsGrid.module.css */
.templatesGrid_2qNmAA {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  overflow-y: scroll;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  touch-action: auto;
  overscroll-behavior: contain;
  -webkit-tap-highlight-color: transparent;
  position: relative;
  user-select: none;
  gap: 16px;
  height: auto;
  max-height: calc(90vh - 152px);
  margin-top: 16px;
  padding-right: 8px;
}

.templatesGrid_2qNmAA::-webkit-scrollbar {
  appearance: none;
  width: 4px;
}

.templatesGrid_2qNmAA::-webkit-scrollbar-button {
  display: none;
}

.templatesGrid_2qNmAA::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 4px;
}

@media (max-width: 768px) {
  .templatesGrid_2qNmAA {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    touch-action: auto;
    max-height: 70vh;
  }
}

.templatesGrid_2qNmAA > * {
  touch-action: auto;
  pointer-events: auto;
  -webkit-tap-highlight-color: #0000;
}

/* src/features/Templates/SelectTemplateModal/TemplateItemsGrid/TemplateItem/templateItem.module.css */
.card_DKl9Ew {
  display: flex;
  color: #14151a;
  touch-action: auto;
  -webkit-tap-highlight-color: transparent;
  border: 1px solid #e9eaec;
  border-radius: 16px;
  flex-flow: column wrap;
  gap: 16px;
  height: auto;
  font-family: Manrope, Arial;
}

.imageBox_DKl9Ew {
  position: relative;
  width: 100%;
  height: -moz-fit-content;
  height: fit-content;
}

.buttonsBox_DKl9Ew {
  display: flex;
  position: absolute;
  opacity: 0;
  background-color: #d9d9d9;
  border-radius: 16px;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  bottom: 0;
}

.buttonsBox_DKl9Ew > div {
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 120px;
}

.imageBox_DKl9Ew:hover > .buttonsBox_DKl9Ew {
  opacity: 1;
}

.image_DKl9Ew {
  display: block;
  aspect-ratio: 1 / .6;
  object-fit: cover;
  background-color: #d9d9d9cc;
  border-radius: 16px;
  width: 100%;
}

.noImage_DKl9Ew {
  object-fit: contain;
}

.info_DKl9Ew {
  letter-spacing: -.012em;
  word-break: break-word;
  width: 100%;
  padding: 0 8px 16px;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
}

/* src/features/Templates/SelectTemplateModal/CategoriesMenu/CategoriesMenu.module.css */
.navigation_BAXXOA {
  width: 100%;
  margin-top: 24px;
  padding-top: 8px;
}

.categoryName_BAXXOA {
  color: #0f132499;
  font-size: 12px;
  font-weight: 500;
  line-height: 16px;
}

.categoryList_BAXXOA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}

.categoryItem_BAXXOA {
  display: flex;
  letter-spacing: -.005em;
  cursor: pointer;
  border-radius: 10px;
  align-items:  center;
  column-gap: 8px;
  height: 36px;
  padding-left: 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  transform: translateX(-8px);
}

.categoryItem_BAXXOA:hover, .activeCategoryItem_BAXXOA {
  background-color: #0a0f290a;
}

@media (max-width: 768px) {
  .navigation_BAXXOA {
    margin-top: 0;
  }
}

/* src/features/Templates/SelectTemplateModal/LanguagesDropdown/LanguagesDropdown.module.css */
.dropdown_GA2Vsw {
  position: relative;
  display: inline-block;
  text-align: left;
  color: #0f132499;
}

.dropdownButton_GA2Vsw {
  display: flex;
  color: #0f132499;
  letter-spacing: -.005em;
  background: none;
  border: none;
  border-radius: 8px;
  justify-content: space-around;
  align-items:  center;
  gap: 8px;
  height: 32px;
  padding: 8px;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.dropdownButton_GA2Vsw:hover {
  background-color: #0a0f290a;
}

.dropdownMenu_GA2Vsw {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  width: 180px;
  padding: 4px;
  top: 34px;
  transform: translateX(-68px);
  box-shadow: 0 10px 16px -3px #14151a14;
}

.dropdownItem_GA2Vsw {
  text-decoration: none;
  display: flex;
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  padding: 4px;
}

.dropdownItemActive_GA2Vsw, .dropdownItem_GA2Vsw:hover {
  background-color: #0a0f290a;
}

/* src/features/ToolsPanel/Buttons/EventList/EventList.module.css */
@media screen and (max-width: 1028px) {
  .panel_SQoIUg {
    display: none;
  }
}

/* src/features/ToolsPanel/ToolsPanel.module.css */
.wrapper_hKumjg {
  display: flex;
  position: relative;
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items:  flex-start;
  gap: 12px;
}

.localWrapper_hKumjg {
  display: flex;
  position: absolute;
  z-index: 0;
  flex-direction: column;
  justify-content: center;
  align-items:  flex-start;
  gap: 12px;
  top: 20%;
  left: 12px;
}

.bottomLeftWrapper_hKumjg {
  z-index: 150;
  display: flex;
  position: absolute;
  gap: 8px;
  padding: 0;
  bottom: 0;
}

/* src/features/GameItems/Modal.module.css */
.modalContent_NAp5GQ {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 24px;
  max-width: 90vw;
  padding: 24px 16px 16px;
}

.title_NAp5GQ {
  text-align: center;
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: 600;
}

.cardsRow_NAp5GQ {
  display: flex;
  flex-flow: wrap;
  justify-content: center;
  gap: 32px;
  margin-bottom: 8px;
}

.cardSilhouette_NAp5GQ {
  display: flex;
  cursor: pointer;
  position: relative;
  background: #faf8ff;
  border: 2px dashed #b78af0;
  border-radius: 12px;
  justify-content: center;
  align-items:  center;
  width: 120px;
  height: 180px;
  transition: border-color .2s;
}

.cardSilhouette_NAp5GQ:hover {
  border-color: #924fe8;
}

.cardLabel_NAp5GQ {
  color: #b78af0;
  text-align: center;
  pointer-events: none;
  font-size: 14px;
}

.cardPreview_NAp5GQ {
  object-fit: cover;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  box-shadow: 0 2px 8px #924fe814;
}

.diceLabel_NAp5GQ {
  color: #b78af0;
  text-align: center;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items:  center;
  width: 48px;
  height: 48px;
  margin: auto;
  font-size: 40px;
}

.dicePreview_NAp5GQ {
  object-fit: contain;
  display: flex;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: 48px;
  height: 48px;
  margin: auto;
  box-shadow: 0 2px 8px #924fe814;
}

.cardsPreviewList_NAp5GQ {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4px;
  margin-top: 4px;
}

.acceptBtn_NAp5GQ {
  width: 100%;
  max-width: 320px;
  margin-top: 24px;
}

.diceFace_NAp5GQ {
  cursor: pointer;
  display: flex;
  position: relative;
  background: #faf8ff;
  border: 2px dashed #b78af0;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: 80px;
  height: 80px;
  transition: border-color .2s;
}

.diceFace_NAp5GQ:hover {
  border-color: #924fe8;
}

.addFaceBtn_NAp5GQ {
  cursor: pointer;
  display: flex;
  color: #888;
  background: #faf8ff;
  border: 2px dashed #ccc;
  border-radius: 8px;
  justify-content: center;
  align-items:  center;
  width: 80px;
  height: 80px;
  transition: border-color .2s;
  font-size: 40px;
}

.addFaceBtn_NAp5GQ:hover {
  border-color: #888;
}

.removeFaceBtnWrapper_NAp5GQ {
  text-align: center;
  margin-top: 16px;
}

.removeFaceBtn_NAp5GQ {
  border-radius: 8px;
  transition: border-color .2s;
  font-size: 16px;
  color: #ff6b6b !important;
  background: none !important;
  border: 2px dashed #ff6b6b !important;
  padding: 8px 16px !important;
}

.removeFaceBtn_NAp5GQ:hover {
  color: #ff3b3b !important;
  border-color: #ff3b3b !important;
}

/* src/features/SidePanelsContainer/SidePanelsContainer.module.css */
.sidePanels_r8Vrbw {
  display: flex;
  gap: var(--absolute-position-panel-padding);
  position: absolute;
  z-index: 100;
  height: calc(100% - 84px);
  top: 72px;
  left: 0;
}

.hidingPanels_r8Vrbw {
  display: flex;
  gap: 0;
}

/* src/features/TextEditor/TextEditor.module.css */
.editorContainer_P4MgEQ {
  position: relative;
}

.scrollContainer_P4MgEQ {
  scrollbar-width: none;
}

.scrollContainer_P4MgEQ::-webkit-scrollbar {
  display: none;
}

.editorContainer_P4MgEQ:before {
  content: attr(data-placeholder);
  position: absolute;
  white-space: nowrap;
  opacity: .33;
  text-decoration: none;
  user-select: none;
  pointer-events: none;
  font-size: inherit;
  display: none;
  overflow: hidden;
  align-items:  center;
  width: 100%;
  max-width: 100%;
  inset: 0;
}

.showPlaceholder_P4MgEQ.editorContainer_P4MgEQ:before {
  display: flex;
}

.limitWarning_P4MgEQ {
  position: absolute;
  transform-origin: left top;
  user-select: none;
  opacity: 0;
}

.limitWarning_P4MgEQ.show_P4MgEQ {
  opacity: .5;
  animation: fadeOut 3s ease-in-out;
}

@keyframes fadeOut_6Q_B2Q {
  0% {
    opacity: .5;
  }

  100% {
    opacity: 0;
  }
}

.quoteBtn_P4MgEQ {
  cursor: pointer;
  display: flex;
  position: fixed;
  z-index: 1000;
  background-color: #f7f7f8;
  border: 1px solid #c8cad0;
  border-radius: 10px;
  justify-content: center;
  align-items:  center;
  width: 48px;
  height: 32px;
  box-shadow: 0 1px 3px #14151a1a;
}

.tooltip_P4MgEQ {
  position: absolute;
  display: flex;
  white-space: nowrap;
  color: #f7f7f7;
  background-color: #0b0c0e;
  border-radius: 6px;
  align-items:  center;
  gap: 4px;
  padding: 8px 12px;
  font-size: 1.4rem;
  font-weight: 400;
  bottom: calc(100% + 1.2rem);
}

.tooltip_P4MgEQ:before {
  content: "";
  position: absolute;
  border-bottom: .8rem solid #0b0c0e;
  border-left: .7rem solid #0000;
  border-right: .7rem solid #0000;
  border-radius: 8px;
  width: 0;
  height: 0;
  margin-left: -.7rem;
  bottom: -.6rem;
  left: 50%;
  transform: rotate(180deg);
}

.listItem_P4MgEQ span {
  left: 0 !important;
}

.listLevel1_P4MgEQ {
  list-style-type: decimal;
}

.listLevel2_P4MgEQ {
  list-style-type: lower-alpha;
}

.listLevel3_P4MgEQ {
  list-style-type: lower-roman;
}

/* src/features/Presence/PresenceUsers/PresenceUsers.module.css */
.wrapper_qu0SjA {
  padding: 0 12px;
}

.container_qu0SjA {
  display: flex;
  border-radius: 8px;
  padding: 9px 0;
}

.userList_qu0SjA {
  display: flex;
  align-items:  center;
}

.userWrapper_qu0SjA {
  position: relative;
  cursor: pointer;
  background-color: #fff;
  border-radius: 50%;
  margin-left: -2px;
}

.usersOverflowWrapper_qu0SjA {
  display: flex;
  outline: 1px solid #e9eaec;
  cursor: pointer;
  background-color: #e9eaec;
  border-radius: 1000px;
  align-items:  center;
  gap: 6px;
  height: 32px;
  margin-left: -24px;
  padding: 0 6px 0 0;
  font-weight: 500;
}

.usersOverflowGap_qu0SjA {
  width: 26px;
  height: 24px;
}

.usersOverflowCounter_qu0SjA {
  display: flex;
  align-items:  center;
  gap: 4px;
}

.userList_qu0SjA > .userWrapper_qu0SjA:nth-child(n) {
  z-index: calc(100 + var(--index));
}

.userWrapper_qu0SjA:not(:first-child) {
  margin-left: -8px;
}

.userAvatar_qu0SjA {
  position: relative;
  box-sizing: border-box;
  display: flex;
  color: #14151a;
  background-color: #ddd4fd;
  border: 2px solid #0000;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  font-size: 14px;
  font-weight: 500;
}

.userAvatar_qu0SjA > img {
  object-fit: cover;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.trackedUserOverlay_qu0SjA {
  position: absolute;
  display: flex;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 30px;
  height: 30px;
}

.idle_qu0SjA {
  opacity: .5;
}

.userCounter_qu0SjA {
  color: #14151a;
  background-color: #f7f7f8;
  border: 2px solid #dee0e3;
}

.tooltip_qu0SjA {
  position: absolute;
  display: none;
  color: #fff;
  white-space: nowrap;
  background-color: #0b0c0e;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  line-height: 16px;
  bottom: -48px;
  right: 0;
  box-shadow: 0 4px 6px #0000001a;
}

.tippy_qu0SjA {
  position: absolute;
  display: none;
  bottom: -29px;
  right: 10px;
}

.userWrapper_qu0SjA:hover .tooltip_qu0SjA, .userWrapper_qu0SjA:hover .tippy_qu0SjA {
  display: block;
}

.toggleButton_qu0SjA {
  display: flex;
  cursor: pointer;
  background-color: #924fe8;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  margin-left: 4px;
}

.toggleButton_qu0SjA:hover {
  background-color: #1f2228;
}

.toggleButton_qu0SjA:focus {
  outline: none;
  ring: 2px solid #525252;
}

.dropdown_qu0SjA {
  position: absolute;
  overflow: auto;
  background-color: #fff;
  border-radius: 8px;
  width: 240px;
  max-width: 296px;
  margin-top: 8px;
  padding: 4px 0;
  top: 100%;
  left: 0;
  box-shadow: 0 4px 6px #0000001a;
}

.dropdownItem_qu0SjA {
  display: flex;
  cursor: pointer;
  align-items:  center;
  gap: 8px;
  padding: 8px 12px;
}

.dropdownItem_qu0SjA:hover {
  background-color: #ececec;
}

.dropdownAvatar_qu0SjA {
  display: flex;
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 24px;
  height: 24px;
  font-size: 12px;
}

.dropdownSelectedAvatar_qu0SjA {
  border: 2px solid #22c55e;
}

.userName_qu0SjA {
  color: #1f2228;
  font-size: 14px;
}

.selectedIndicator_qu0SjA {
  background-color: #22c55e;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  margin-left: auto;
}

.followingCounter_qu0SjA {
  position: absolute;
  z-index: 1000;
  top: 32px;
  left: 0;
}

.followingCounterIcon_qu0SjA {
  display: flex;
  color: #fff;
  z-index: 1000;
  cursor: pointer;
  background-color: #f48e2f;
  border-radius: 500px;
  gap: 4px;
  padding: 2px 6px;
  font-size: 12px;
}

.followersTooltip_qu0SjA {
  position: absolute;
  display: none;
  background-color: #0b0c0e;
  border-radius: 8px;
  flex-direction: column;
  width: 205px;
  padding: 12px 16px;
  font-size: 12px;
  top: 32px;
  right: 0;
}

.followersMe_qu0SjA {
  color: #fff;
}

.followersBoard_qu0SjA {
  display: block;
  color: #fff9;
}

.followersTooltipTitle_qu0SjA {
  color: #1f2228;
  font-size: 14px;
  font-weight: 500;
}

.followersHr_qu0SjA {
  background-color: #ffffff2e;
  width: 100%;
  height: 1px;
  margin-top: 8px;
}

.followersList_qu0SjA {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-top: 8px;
}

.followersItem_qu0SjA {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  max-width: 100%;
}

.followersVisible_qu0SjA {
  display: flex;
}

.btn_qu0SjA {
  height: 32px;
  margin-left: 8px;
  padding: 0 8px;
}

.shareModal_qu0SjA {
  display: flex;
  background-color: #fff;
  border-radius: 12px;
  flex-direction: column;
  width: 100%;
  padding: 6px 10px 10px;
}

.shareModalSearchIcon_qu0SjA {
  color: #696b76;
}

.shareModal_qu0SjA input, .shareModal_qu0SjA input::placeholder {
  color: #14151a;
}

.shareUser_qu0SjA {
  display: flex;
  position: relative;
  align-items:  center;
  gap: 8px;
  padding: 6px 8px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.shareUserPic_qu0SjA {
  color: #fff;
  cursor: pointer;
  display: flex;
  text-transform: uppercase;
  border-radius: 50%;
  flex-direction: column;
  flex-shrink: 0;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
}

.shareEye_qu0SjA {
  color: #000;
  z-index: 5;
  position: absolute;
  width: 16px;
  height: 16px;
  top: 14px;
  left: 16px;
}

.shareList_qu0SjA {
  max-height: 350px;
  margin: 6px 0 7px;
  padding-bottom: 5px;
}

/* src/features/Presence/BringToMe/BringToMe.module.css */
.btn_QUjGwQ {
  position: relative;
  z-index: 10;
  color: #696b76;
  visibility: hidden;
  opacity: 0;
  background-color: #0a0f290a;
  margin-left: auto;
  transition: all .25s;
}

.btn_QUjGwQ:hover, .btn_QUjGwQ:active, .btn_QUjGwQ:focus {
  color: #696b76;
  background-color: #0a0f290a;
}

.userListItem_QUjGwQ {
  position: relative;
  border-radius: 10px;
  transition: all .25s;
}

.userListItem_QUjGwQ:hover {
  background-color: #f5f6f7;
}

.userListItem_QUjGwQ:hover .btn_QUjGwQ {
  visibility: visible;
  opacity: 1;
}

.userActionsContainer_QUjGwQ {
  position: relative;
  margin-left: auto;
}

.userActionsDropdown_QUjGwQ {
  position: absolute;
  z-index: 20;
  display: flex;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  flex-direction: column;
  gap: 4px;
  min-width: 160px;
  padding: 6px;
  top: 100%;
  right: 0;
  box-shadow: 0 2px 4px #0000001a;
}

.dropdownButton_QUjGwQ {
  display: flex;
  text-align: left;
  justify-content: flex-start;
  align-items:  center;
  gap: 8px;
  width: 230px;
  padding: 8px;
}

.dropdownButton_QUjGwQ:hover {
  background-color: #f5f5f5;
}

.btnBring_QUjGwQ {
  background-color: #14151a !important;
}

.btnStop_QUjGwQ {
  display: flex;
  background-color: #0000;
  border: 1px solid #dee0e3;
  justify-content: center;
  align-items:  center;
  gap: 8px;
}

.btns_QUjGwQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.btnStop_QUjGwQ .text_QUjGwQ {
  max-width: min-content;
}

.noResults_QUjGwQ {
  text-align: center;
  color: #888;
  padding: 16px;
  font-style: italic;
}

.noResultsTerm_QUjGwQ {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 250px;
  margin: 0;
  padding: 0;
}

.idleAvatar_QUjGwQ {
  opacity: .5;
}

.idleHide_QUjGwQ {
  opacity: .6;
}

.nickname_QUjGwQ {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.idle_QUjGwQ {
  font-size: 12px;
  font-weight: 400;
}

.icon_QUjGwQ {
  color: #696b76;
}

.tracked_QUjGwQ {
  border: 1px solid;
}

/* src/features/UserPanel/Buttons/AddComment/AddComment.module.css */
.btn_RIEfxw {
  position: relative;
}

.badge_RIEfxw {
  position: absolute;
  background-color: #924fe8;
  border: 1px solid #442270;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 8px;
  right: 8px;
}

/* src/features/UserPanel/Buttons/TogglePresenceRender/TogglePresenceRender.module.css */
.icon_MRZoRw {
  display: flex;
  background-color: #fff;
  border-left: 1px solid #0000;
  border-right: 1px solid #0000;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 48px;
  height: 48px;
  transition: all .3s;
}

.iconActive_MRZoRw {
  color: #924fe8;
  background-color: #f7f7f8;
  border-color: #e9eaec;
}

.icon_MRZoRw:first-child {
  border-radius: 12px 0 0 12px;
}

.icon_MRZoRw:hover {
  cursor: pointer;
  background-color: #f7f7f8;
}

.icon_MRZoRw svg {
  transition: all .3s;
}

.icon_MRZoRw:active {
  box-shadow: inset 0 0 0 2px #b78af0;
}

.icon_MRZoRw:not(:last-child) {
  border-right: 1px solid #e9eaec;
}

/* src/features/UserPanel/ActionButtons/ActionButtons.module.css */
.wrapper_VBuAXg {
  display: flex;
}

@media screen and (max-width: 960px) {
  .wrapper_VBuAXg {
    display: none;
  }
}

/* src/entities/comments/CommentsPanel/CommentsPanel.module.css */
.panel_CMD20w {
  position: fixed;
  right: var(--absolute-position-panel-padding);
  overflow: hidden;
  box-shadow: none;
  border: none;
  width: 0;
  height: calc(100% - 142px);
  transition: width .3s;
  top: 72px;
}

.panel_CMD20w.open_CMD20w {
  visibility: visible;
  border: 1px solid #dee0e3;
  width: 320px;
  box-shadow: 0 10px 16px -3px #14151a14;
}

.header_CMD20w {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  padding: 12px 8px;
}

.title_CMD20w {
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.close_CMD20w {
  --padding: 4px;
  --radius: 12px;
  --min-width: 28px;
  --min-height: 28px;
  color: var(--text-base-primary);
}

.controls_CMD20w {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  padding: 0 8px;
}

.optionsContainer_CMD20w {
  display: flex;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  width: 240px;
  padding: 6px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  box-shadow: 0 10px 16px -3px #14151a14;
}

.optionsPanel_CMD20w {
  position: absolute;
  right: -32px;
}

.btn_CMD20w {
  display: flex;
  cursor: pointer;
  border-radius: 6px;
  justify-content: space-between;
  align-items:  center;
  gap: 8px;
  width: 100%;
  padding: 6px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.btn_CMD20w:hover {
  background-color: #0a0f290a;
}

.separator_CMD20w {
  border-top: 1px solid #dee0e3;
  width: 238px;
  transform: translateX(-6px);
}

.filtersBtn_CMD20w {
  color: #0f132499;
  gap: 12px;
  min-width: 120px;
  max-width: 160px;
  transform: translateX(-6px);
}

.flex_CMD20w {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.scrollContainer_CMD20w {
  overflow-y: auto;
  scrollbar-gutter: stable;
  width: 100%;
  padding: 8px 0;
}

.scrollContainer_CMD20w::-webkit-scrollbar {
  appearance: none;
  width: 2px;
}

.scrollContainer_CMD20w::-webkit-scrollbar-button {
  display: none;
}

.scrollContainer_CMD20w::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.cards_CMD20w {
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 100%;
  padding: 0 8px;
}

.noComments_CMD20w {
  margin-left: 12px;
}

/* src/features/UserPanel/Buttons/ButtonWithMenu/ButtonWithMenu.module.css */
.container_I7GeoA {
  position: relative;
}

.menu_I7GeoA {
  position: absolute;
  top: calc(100% + .8rem);
}

/* src/entities/comments/CommentContainer/CommentContainer.module.css */
.comment_xs7q_w {
  position: relative;
  display: flex;
  color: #fff;
  z-index: 1;
  cursor: pointer;
  background-color: #fff;
  border: 2px solid #dee0e3;
  border-radius: 6px;
  justify-content: center;
  align-items:  center;
  height: 32px;
  padding: 6px;
  box-shadow: 0 10px 16px -3px #14151a0d;
}

.unread_xs7q_w {
  color: #924fe8;
  background-color: #924fe8;
}

.commentTippy_xs7q_w {
  position: absolute;
  z-index: 2;
  top: 100%;
}

.badge_xs7q_w {
  position: absolute;
  display: flex;
  color: #fff;
  background-color: #924fe8;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 16px;
  height: 16px;
  font-family: Manrope;
  font-size: 12px;
  font-weight: 600;
  line-height: 16px;
  top: -8px;
  right: -8px;
}

.badgeDot_xs7q_w {
  background-color: #fff;
  border-radius: 50%;
  width: 4px;
  height: 4px;
}

/* src/entities/comments/Thread/ThreadPanel.module.css */
.panel_aFKZbQ {
  display: flex;
  z-index: 4;
  flex-direction: column;
  align-items:  center;
  width: 420px;
  max-width: 80dvw;
  padding: 0 !important;
}

.header_aFKZbQ {
  display: flex;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border-radius: 12px 12px 0 0;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  padding: 12px 16px;
}

.noPermission_aFKZbQ {
  justify-content: end;
}

.headerOptions_aFKZbQ {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.threadBtn_aFKZbQ {
  border-radius: 10px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 6px 12px;
}

.messages_aFKZbQ {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-height: 60vh;
  margin-right: 4px;
  padding: 0 16px 4px 20px;
  transform: translateY(-8px);
}

.scrollContainer_aFKZbQ {
  overflow-y: auto;
  scrollbar-gutter: stable;
  width: 100%;
}

.scrollContainer_aFKZbQ::-webkit-scrollbar {
  appearance: none;
  width: 4px;
}

.scrollContainer_aFKZbQ::-webkit-scrollbar-button {
  display: none;
}

.scrollContainer_aFKZbQ::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 4px;
}

.createMessage_aFKZbQ {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
  width: 100%;
  padding: 12px 16px;
}

.input_aFKZbQ {
  width: 100%;
}

/* src/entities/comments/Thread/message/Message.module.css */
.message_Q6vFig {
  color: #14151a;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 100%;
  margin-top: 12px;
}

.shortedMessage_Q6vFig {
  gap: 0;
  margin-top: 0;
}

.header_Q6vFig {
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.headerInfo_Q6vFig {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.username_Q6vFig {
  letter-spacing: -.005em;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.date_Q6vFig {
  color: #0f132499;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}

.text_Q6vFig {
  letter-spacing: -.012em;
  word-break: break-word;
  font-family: Manrope;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.dotsBtn_Q6vFig {
  color: #696b76;
  border-radius: 4px;
  min-width: 20px;
  max-width: 20px;
  min-height: 20px;
  max-height: 20px;
  padding: 0;
}

.dotsBtn_Q6vFig:hover {
  color: #696b76;
}

.invisible_Q6vFig {
  opacity: 0;
}

.visible_Q6vFig {
  opacity: 1;
  transform: translateY(4px);
}

/* src/features/UserPanel/Avatar/Avatar.module.css */
.avatar_tSd9LA {
  color: #696b76;
  display: flex;
  background-color: #e9eaec;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
}

.avatar_tSd9LA > img {
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.noPointerEvents_tSd9LA {
  pointer-events: none;
}

/* src/entities/comments/CommentInput/CommentInput.module.css */
.submitBtn_N6uBbQ {
  background: none;
  min-width: 20px;
  min-height: 20px;
  margin-left: 10px;
  padding: 0;
}

.submitBtn_N6uBbQ.active_N6uBbQ {
  background: none;
}

.submitBtnWrapper_N6uBbQ {
  position: relative;
}

.submitBtnSeparator_N6uBbQ {
  position: absolute;
  height: 40px;
  top: -10px;
}

.wrapper_N6uBbQ {
  width: 100%;
}

.inputContainer_N6uBbQ {
  box-shadow: none;
  background-color: #0a0f290a;
  border: none;
  border-radius: 0;
  margin-top: 6px;
  padding: 2px;
}

.inputContainer_N6uBbQ:focus-within {
  outline: none;
  border: none;
}

.editModeButtons_N6uBbQ {
  display: flex;
  justify-content: space-between;
}

.editModeButtons_N6uBbQ > div {
  display: flex;
  gap: 12px;
}

.editModeButtons_N6uBbQ button {
  outline: none;
  color: #14151a;
  cursor: pointer;
  background: none;
  border: none;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.saveBtn_N6uBbQ {
  color: #4778f5 !important;
}

.deleteBtn_N6uBbQ {
  color: #e6483d !important;
}

/* src/entities/comments/Thread/ExtraOptions/ExtraOptions.module.css */
.container_x8wUKg {
  position: relative;
}

.panelContainer_x8wUKg {
  position: absolute;
  z-index: 3;
  padding-top: 8px;
  top: 100%;
}

.panel_x8wUKg {
  width: 100%;
  padding: 4px !important;
}

.btn_x8wUKg {
  display: flex;
  outline: none;
  cursor: pointer;
  text-wrap: nowrap;
  letter-spacing: -.005em;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  align-items:  center;
  gap: 6px;
  width: 100%;
  padding: 6px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.btn_x8wUKg:hover {
  background-color: #f7f7f8;
}

@media (max-width: 568px) {
  .panelContainer_x8wUKg {
    right: 0;
  }
}

/* src/entities/comments/Thread/OptionsPanel/OptionsPanel.module.css */
.panel_SNvLdA {
  position: absolute;
  width: 150px;
  padding: 4px !important;
}

.btn_SNvLdA {
  display: flex;
  outline: none;
  cursor: pointer;
  letter-spacing: -.005em;
  background-color: #fff;
  border: none;
  border-radius: 6px;
  align-items:  center;
  width: 100%;
  padding: 6px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.btn_SNvLdA:hover {
  background-color: #f7f7f8;
}

@media (max-width: 568px) {
  .panel_SNvLdA {
    transform: translateX(calc(20px - 100%));
  }
}

/* src/entities/comments/CommentContainer/CommentPreview/CommentPreview.module.css */
.avatarsMap_TcIikw {
  display: flex;
  flex-wrap: nowrap;
  align-items:  center;
  gap: 8px;
  width: 100%;
}

.preview_TcIikw {
  position: absolute;
  display: flex;
  color: #14151a;
  z-index: 4;
  background-color: #fff;
  border: 2px solid #dee0e3;
  border-radius: 6px;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px;
  padding: 12px;
  font-family: Manrope, Arial;
  bottom: 36px;
  box-shadow: 0 1px 2px #14151a0d;
}

.noWrap_TcIikw {
  display: flex;
  flex-wrap: nowrap;
  gap: 12px;
}

.wrap_TcIikw {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.commentTippy_TcIikw {
  color: #fff;
  position: absolute;
  z-index: 2;
  top: 100%;
}

.infoContainer_TcIikw {
  min-width: 220px;
  max-width: 224px;
}

.username_TcIikw {
  letter-spacing: -.005em;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 140px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.message_TcIikw {
  letter-spacing: -.012em;
  word-break: break-word;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 78px;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
}

.smallText_TcIikw {
  white-space: nowrap;
  color: #0f132499;
  margin-top: 2px;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
}

.fullWidth_TcIikw {
  width: 100%;
}

.spaceBetween_TcIikw {
  justify-content: space-between;
}

/* src/entities/comments/CreateComment/CreateComment.module.css */
.form_Q2H2uQ {
  background: #fff;
  border-radius: 12px;
}

.createComment_Q2H2uQ {
  width: 340px;
}

/* src/entities/comments/CommentsProvider.module.css */
.createComment_MbT8Jw {
  z-index: 1;
  width: 340px;
}

/* src/entities/comments/Cluster/Cluster.module.css */
.cluster_Fox-Uw {
  color: #fff;
  display: flex;
  cursor: pointer;
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border: 2px solid #dee0e3;
  border-radius: 12px;
  justify-content: center;
  align-items:  center;
  width: 50px;
  height: 50px;
  box-shadow: 0 10px 16px -3px #14151a0d;
}

.cluster_Fox-Uw.unread_Fox-Uw {
  color: #924fe8;
  background-color: #924fe8;
}

.cluster_Fox-Uw > p {
  color: #14151a;
  letter-spacing: -.014em;
  font-family: Manrope, Arial;
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
}

.cluster_Fox-Uw.unread_Fox-Uw > p {
  color: #fff;
}

.clusterTippy_Fox-Uw {
  position: absolute;
  z-index: 2;
  top: 100%;
}

.cluster_Fox-Uw:hover {
  scale: 1.12;
}

/* src/shared/ui-lib/ToggleMark/ToggleMark.module.css */
.toggle_oNM9nA {
  display: flex;
  background: #babdc5;
  border-radius: 8px;
  align-items:  center;
  width: 28px;
  height: 16px;
  padding: 0 2px;
}

.toggle_oNM9nA > span {
  display: block;
  background: #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.toggle_oNM9nA.active_oNM9nA {
  background: #924fe8;
  justify-content: end;
}

/* src/entities/comments/CommentsPanel/CommentCard/CommentCard.module.css */
.card_POJRrA {
  color: #14151a;
  cursor: pointer;
  border: 1px solid #dee0e3;
  border-radius: 6px;
  width: 100%;
  font-family: Manrope, Arial;
}

.btn_POJRrA {
  color: #0f132499;
  cursor: pointer;
  background: none;
  border: none;
  margin-left: 52px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.btn_POJRrA.highlighted_POJRrA {
  color: #4778f5;
}

.firstMessage_POJRrA {
  padding-bottom: 8px;
}

.firstMessage_POJRrA:hover, .unread_POJRrA {
  background-color: #0a0f290a;
}

/* src/entities/comments/CommentsPanel/CommentCard/Message/Message.module.css */
.messageInfo_-JOAxg {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items:  center;
  gap: 12px;
}

.wrap_-JOAxg {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

.username_-JOAxg {
  letter-spacing: -.01em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 132px;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.smallText_-JOAxg {
  word-break: break-word;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.clipText_-JOAxg {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  max-height: 60px;
}

.date_-JOAxg {
  white-space: nowrap;
  color: #0f132499;
}

.message_-JOAxg {
  display: flex;
  gap: 8px;
  padding: 8px 12px;
}

.firstMessage_-JOAxg {
  display: flex;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  gap: 8px;
  padding: 16px 12px 0;
}

.message_-JOAxg:hover, .unread_-JOAxg {
  background-color: #0a0f290a;
}

.fullWidth_-JOAxg {
  width: 100%;
}

/* src/features/ZoomPanel/ZoomPanel.module.css */
.panel_O3ZADQ {
  position: absolute;
  bottom: var(--absolute-position-panel-padding);
  right: var(--absolute-position-panel-padding);
}

.zoom_O3ZADQ {
  min-width: 65px;
  font-size: 1.6rem;
  font-weight: 500;
}

.defaultPosition_O3ZADQ {
  bottom: var(--absolute-position-panel-padding) !important;
  right: var(--absolute-position-panel-padding) !important;
}

@media screen and (max-width: 1200px) {
  .tableHide_O3ZADQ {
    display: none;
  }

  .zoomToFit_O3ZADQ {
    border-radius: var(--radius);
  }
}

@media screen and (max-width: 550px) {
  .panel_O3ZADQ {
    bottom: calc(var(--absolute-position-panel-padding) * 2 + 48px);
  }
}

/* src/shared/ui-lib/UIMainLoader/UIMainLoader.module.css */
.icon_llCqnA {
  transform: scale(7);
}

.animateLogo_llCqnA {
  filter: grayscale(100%);
  opacity: .1;
}

/* src/features/LinksProvider/LinkToButton/LinkToButton.module.css */
.btn_gno_kw {
  display: flex;
  background-color: #fff;
  border-radius: 2px;
  justify-content: center;
  align-items:  center;
  min-width: 24px;
  min-height: 24px;
  padding: 0;
}

.icon_gno_kw {
  display: block;
  background: none;
  width: 20px;
  height: 20px;
}

.tooltip_gno_kw {
  position: fixed;
  z-index: 100;
  display: block;
  color: #4778f5;
  overflow: hidden;
  text-overflow: ellipsis;
  background-color: #fff;
  border-radius: 12px;
  gap: 4px;
  max-width: 400px;
  padding: 12px;
  font-size: 1.4rem;
  font-weight: 400;
  box-shadow: 0 10px 16px -3px #14151a14;
}

/* src/features/AppView/AppView.module.css */
.wrapper_skrfYg {
  overflow: hidden;
  background-color: #c8c8c833;
  width: 100%;
  height: 100dvh;
}

.loaderWrapper_skrfYg {
  display: grid;
  position: absolute;
  z-index: 1000;
  place-items:  center;
  width: 100%;
  height: 100%;
  inset: 0;
}

/* src/features/AppView/NoBoardIsOpen.module.css */
.container_Cr9x0w {
  display: flex;
  justify-content: center;
  align-items:  center;
  height: 100%;
}

.innerContainer_Cr9x0w {
  display: flex;
  flex-direction: column;
  align-items:  flex-start;
  gap: 24px;
  padding: 0;
}

.title_Cr9x0w {
  font-size: 2em;
  font-weight: 400;
}

.btns_Cr9x0w {
  display: flex;
  gap: 16px;
}

.btn_Cr9x0w {
  text-wrap: nowrap;
  padding: 10px 12px;
}

/* src/features/AppView/QuickAddPanel/QuickAddPanel.module.css */
.panel_h45X2Q {
  display: grid;
  grid-template-columns: repeat(3, 32px);
}

.wrapper_h45X2Q {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 8px;
  margin-top: 8px;
}

/* src/features/MediaUnavailableModal/MediaUnavailableModal.module.css */
.wrapper_DsTkkA {
  display: flex;
  flex-direction: column;
  min-width: 300px;
  padding: 72px 64px;
}

@media screen and (max-width: 720px) {
  .wrapper_DsTkkA {
    padding: 20px 12px;
  }
}

.heading_DsTkkA {
  font-family: Manrope;
  font-size: 30px;
  font-style: normal;
  font-weight: 600;
}

.msg_DsTkkA {
  margin-top: 8px;
  font-family: Manrope;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
}

.link_DsTkkA {
  color: #924fe8;
  text-decoration: underline;
  border: none;
}

.link_DsTkkA:after, .link_DsTkkA:hover:after {
  background: none;
  width: 0;
  height: 0;
}

.btn_DsTkkA {
  align-self:  flex-start;
  width: auto;
  margin-top: 16px;
  padding: 10px 16px;
}

/* src/entities/BoardMenu/BoardMenu.module.css */
.btn_G-DvKg {
  outline: none;
  display: flex;
  cursor: pointer;
  border: none;
  border-radius: 6px;
  justify-content: space-between;
  align-items:  center;
  width: 100%;
  min-width: 168px;
  padding: 6px;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.buttonContainer_G-DvKg {
  display: flex;
  align-items:  center;
  gap: 8px;
}

.buttonWithMenu_G-DvKg {
  display: flex;
  justify-content: left;
  align-items:  center;
  width: 100%;
}

.separator_G-DvKg {
  width: calc(100% + 8px);
  transform: translateX(-4px);
}

.btn_G-DvKg:hover {
  background-color: #0a0f290a;
}

/* src/entities/BoardMenu/MouseOrTracpadModal/MouseOrTracpadModal.module.css */
.wrapper_NN9cDQ {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 20px;
  width: 100%;
  padding: 32px 64px;
}

.title_NN9cDQ {
  text-align: center;
  color: #14151a;
  font-family: Manrope;
  font-size: 30px;
  font-weight: 600;
  line-height: 36px;
}

.subtitle_NN9cDQ {
  text-align: center;
  color: #0f132499;
  font-family: Manrope;
  font-size: 20px;
  font-weight: 400;
  line-height: 28px;
}

.selectorPanel_NN9cDQ {
  position: relative;
  display: flex;
  background-color: #0a0f2914;
  border-radius: 10px;
  align-items:  center;
  height: 36px;
}

.selector_NN9cDQ {
  position: relative;
  z-index: 2;
  color: #0f132499;
  display: flex;
  cursor: pointer;
  justify-content: center;
  align-items:  center;
  width: 138px;
  height: 100%;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.movingBar_NN9cDQ {
  position: absolute;
  z-index: 1;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 10px;
  width: 138px;
  height: 36px;
  transition: left .3s;
  top: 0;
  left: 0;
  box-shadow: 0 1px 2px #14151a0d;
}

.cardsGrid_NN9cDQ {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
  width: 100%;
}

.selected_NN9cDQ {
  color: #14151a;
}

.card_NN9cDQ {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 8px;
  max-width: 203px;
}

.card_NN9cDQ > p {
  text-align: center;
  color: #0f132499;
  font-family: Manrope;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

/* src/features/VideoPlayer/VideoPlayer.module.css */
.container_A_vuxA {
  position: absolute;
}

/* src/features/AudioPlayer/AudioPlayer.module.css */
.container_7FYrvg {
  position: absolute;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 12px;
  padding: 24px 20px 20px;
}

.movementBar_7FYrvg {
  position: absolute;
  background-color: #dee0e3;
  border-radius: 1px;
  width: 50px;
  height: 2px;
  top: 10px;
  left: calc(50% - 25px);
}

.audio_7FYrvg {
  background: none;
  border: none;
  width: 100%;
}

audio::-webkit-media-controls-panel {
  background-color: #0000;
}

audio::-webkit-media-controls-enclosure {
  background-color: #0000;
}

.controls_7FYrvg {
  display: flex;
  align-items:  center;
  gap: 12px;
}

.playPauseButton_7FYrvg {
  color: #fff;
  display: flex;
  cursor: pointer;
  background-color: #14151a;
  border-radius: 50%;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
  transition: background-color .2s;
}

.disabledColor_7FYrvg {
  color: #0a0f2940;
}

.disabledBackground_7FYrvg {
  background-color: #e9eaec;
}

.timeControls_7FYrvg {
  display: grid;
  grid-template-columns: 10fr 13fr;
  flex: 1;
  align-items:  center;
  gap: 8px;
}

.duration_7FYrvg {
  color: #0f132499;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.barContainer_7FYrvg {
  display: flex;
  cursor: pointer;
  flex: 1;
  align-items:  center;
  height: 24px;
}

.progressBarContainer_7FYrvg {
  cursor: pointer;
  position: relative;
  background-color: #e9eaec;
  border-radius: 3px;
  flex: 1;
  height: 4px;
}

.progressBar_7FYrvg {
  position: absolute;
  background-color: #14151a;
  border-radius: 2px;
  height: 100%;
}

.bufferedProgressBar_7FYrvg {
  position: absolute;
  background-color: #c8cad0;
  border-radius: 2px;
  height: 100%;
}

.controlsBtn_7FYrvg {
  display: flex;
  outline: none;
  cursor: pointer;
  color: #696b76;
  border: none;
  border-radius: 4px;
  justify-content: center;
  align-items:  center;
  width: 20px;
  height: 20px;
}

.controlsBtn_7FYrvg:hover {
  background-color: #0a0f290a;
}

.dropdown_7FYrvg {
  position: relative;
}

.dropdownMenu_7FYrvg {
  position: absolute;
  top: 100%;
  right: 0;
}

.volumeBarMenu_7FYrvg {
  display: flex;
  border-color: #dee0e3;
  border-radius: 4px;
  width: 84px;
  right: -34px;
  padding: 0 10px !important;
}

.volumeBarContainer_7FYrvg {
  cursor: pointer;
  position: relative;
  background-color: #e9eaec;
  border-radius: 2px;
  width: 100%;
  height: 4px;
}

.volumeBar_7FYrvg {
  position: absolute;
  background-color: #14151a;
  border-radius: 2px;
  height: 100%;
}

.extraOptionsMenu_7FYrvg {
  border-color: #dee0e3;
  border-radius: 12px;
  width: 240px;
}

.displayNone_7FYrvg {
  display: none;
}

.scrollContainer_7FYrvg {
  overflow-y: auto;
  scrollbar-gutter: stable;
  width: 100%;
  max-height: 142px;
}

.scrollContainer_7FYrvg::-webkit-scrollbar {
  appearance: none;
  width: 4px;
}

.scrollContainer_7FYrvg::-webkit-scrollbar-button {
  display: none;
}

.scrollContainer_7FYrvg::-webkit-scrollbar-thumb {
  display: block;
  cursor: pointer;
  background-color: #0a0f290a;
  border-radius: 2px;
}

.dropdownButton_7FYrvg {
  display: flex;
  color: #14151a;
  cursor: pointer;
  background-color: #0000;
  border-radius: 6px;
  align-items:  center;
  gap: 8px;
  width: 100%;
  padding: 6px;
  font-family: Manrope;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.paybackRateBtn_7FYrvg {
  justify-content: space-between;
}

.dropdownButton_7FYrvg:hover {
  background-color: #0a0f290a;
}

/* src/features/ErrorBoundary/ErrorBoundary.module.css */
.wrapper_GqFZyQ {
  overflow: hidden;
  background-color: #c8c8c833;
  width: 100%;
  height: 100dvh;
}

.errorContainer_GqFZyQ {
  display: grid;
  position: absolute;
  z-index: 1000;
  place-items:  center;
  width: 100%;
  height: 100%;
  inset: 0;
}

.errorButtons_GqFZyQ {
  display: flex;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}

.errorMessage_GqFZyQ {
  display: flex;
  text-align: center;
  background: #fff;
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  gap: 16px;
  width: 90%;
  max-width: 400px;
  padding: 24px;
  box-shadow: 0 2px 8px #0000001a;
}

.errorMessage_GqFZyQ h2 {
  color: #e6483d;
  margin: 0;
  font-size: 24px;
}

.errorMessage_GqFZyQ p {
  color: #666;
  word-break: break-word;
  margin: 0;
  font-size: 16px;
}

.recoveryInfo_GqFZyQ {
  color: #666;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  width: 100%;
  margin: 0;
  padding: 8px 0;
  font-size: 14px;
  font-style: italic;
}

/* src/pages/AddEmailView/AddEmailPage.module.css */
.wrapper_W_6VTQ {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
  transform: translateY(-86px);
}

.form_W_6VTQ {
  box-sizing: border-box;
  display: flex;
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.link_W_6VTQ {
  text-decoration: none;
  color: #6c7173;
  display: flex;
  justify-content: center;
  align-self:  flex-start;
  width: 100%;
  margin-top: 22px;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 600;
}

.link_W_6VTQ:hover {
  text-decoration: underline;
}

.link_W_6VTQ:visited {
  color: #6c7173;
}

.title_W_6VTQ {
  text-align: center;
  margin-bottom: 32px;
  font-family: Manrope, Arial;
  font-weight: 600;
}

.error_W_6VTQ {
  color: red;
  margin: 0;
}

.submit_W_6VTQ {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-radius: 4px;
  width: 100%;
  padding: 4px;
}

.button_W_6VTQ {
  color: #fff;
  cursor: pointer;
  outline-color: #0000;
  box-sizing: border-box;
  display: flex;
  background-color: #14151a;
  border: 1px solid #14151a;
  border-radius: 12px;
  justify-content: center;
  align-items:  center;
  gap: 8px;
  width: 100%;
  height: 40px;
  margin-top: 32px;
  font-family: Manrope, Arial;
  font-size: 14px;
  font-weight: 500;
}

.button_W_6VTQ:disabled {
  color: #0a0f2940;
  background-color: #e9eaec;
  border-color: #e9eaec;
}

.button_W_6VTQ:disabled:hover {
  cursor: not-allowed;
  color: #0a0f2940;
  background-color: #e9eaec;
  border-color: #e9eaec;
}

.button_W_6VTQ:focus {
  outline: 2px solid #c8b2ff80;
}

.button_W_6VTQ:hover {
  background-color: #1f2228;
}

.btns_W_6VTQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}

.login_W_6VTQ {
  font-weight: 600 !important;
}

@media screen and (max-width: 640px) {
  .btns_W_6VTQ {
    margin-top: 16px;
  }

  .title_W_6VTQ {
    margin-bottom: 8px;
  }
}

.nameMsg_W_6VTQ {
  color: #0d112666;
  font-size: 14px;
}

/* src/pages/BindEmailPage/BindEmailPage.module.css */
.wrapper_jmH9fw {
  display: flex;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 100%;
  height: 100%;
  font-family: Manrope, Arial;
  transform: translateY(-86px);
}

.form_jmH9fw {
  box-sizing: border-box;
  display: flex;
  border-radius: 8px;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}

.form_jmH9fw p {
  font-size: 14px;
}

.email_jmH9fw {
  font-weight: 700;
}

.title_jmH9fw {
  text-align: center;
  font-family: Manrope, Arial;
  font-weight: 600;
}

.error_jmH9fw {
  color: red;
  margin: 0;
}

.submit_jmH9fw {
  color: #fff;
  cursor: pointer;
  background-color: #000;
  border-radius: 4px;
  width: 100%;
  padding: 4px;
}

.btns_jmH9fw {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 8px;
}

@media screen and (max-width: 640px) {
  .btns_jmH9fw {
    margin-top: 16px;
  }

  .title_jmH9fw {
    margin-bottom: 8px;
  }
}

.nameMsg_jmH9fw {
  color: #0d112666;
  font-size: 14px;
}

/* src/pages/ForgotPasswordPage/ForgotPasswordPage.module.css */
.title_1o228g {
  text-align: center;
  margin-bottom: 32px;
  font-family: Manrope, Arial;
  font-weight: 600;
}

.description_1o228g {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
  font-family: Manrope, Arial;
}

.submitBtn_1o228g {
  margin-top: 32px;
}

.btns_1o228g {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.requested_1o228g {
  display: flex;
  flex-direction: column;
  align-items:  center;
  gap: 12px;
  width: 500px;
}

.backToLogin_1o228g {
  width: 100%;
  margin-top: 32px;
}

.resetPassword_1o228g {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 48px;
  font-weight: 600;
}

.resetPasswordParagraph_1o228g {
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
}

@media screen and (max-width: 640px) {
  .submitBtn_1o228g {
    margin-top: 24px;
  }

  .title_1o228g {
    margin-bottom: 24px;
  }

  .requested_1o228g {
    width: 100%;
  }

  .resetPassword_1o228g {
    font-size: 30px;
    font-weight: 600;
  }

  .resetPasswordParagraph_1o228g {
    text-align: center;
    font-size: 16px;
  }

  .backToLogin_1o228g {
    margin-top: 32px;
  }
}

/* src/features/Modal/InfoModal.module.css */
.modal_ntk-vQ {
  position: fixed;
  display: flex;
  z-index: 1000;
  isolation: isolate;
  background-color: #00000080;
  justify-content: center;
  align-items:  center;
  gap: 32px;
  width: 100%;
  height: 100%;
  padding: 32px 64px;
  top: 0;
  left: 0;
  box-shadow: 0 18px 24px -5px #14151a1a, 0 8px 8px -5px #14151a0d;
}

.wrapper_ntk-vQ {
  text-align: center;
  background-color: #fff;
  border-radius: 24px;
  padding: 20px;
  box-shadow: 0 2px 10px #0000001a;
}

.title_ntk-vQ {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}

.description_ntk-vQ {
  text-align: center;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 20px;
}

.modalButton_ntk-vQ {
  cursor: pointer;
  color: #fff;
  background-color: #000;
  border: none;
  border-radius: 12px;
  padding: 10px 20px;
  font-size: 16px;
}

/* src/features/Widgets/Navbar/Navbar.css */
.NavbarWrapper {
  display: flex;
  justify-content: space-between;
  align-items:  center;
  max-width: 1280px;
  height: 64px;
  padding: 0 120px;
  font-family: Manrope, Arial;
}

.NavbarWrapper .Logo {
  display: flex;
  text-decoration: none;
  color: #14151a;
  align-items:  center;
  gap: 4px;
  height: 48px;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
}

.NavbarWrapper .Logo:visited {
  color: #14151a;
}

.NavbarWrapper .Link {
  color: #fff;
  text-decoration: none;
  background-color: #924fe8;
  border-radius: 10px;
  height: 32px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
}

.NavbarWrapper .Link:hover {
  color: #fff;
  background-color: #1f2228;
}

.NavbarWrapper .Link:active {
  color: #fff;
  outline: 2px solid #c8b2ff80;
  background-color: #1f2228;
}

.NavbarWrapper .LinkActive {
  box-sizing: border-box;
  color: #14151a;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 10px;
  height: 32px;
  padding: 6px 10px;
  font-size: 14px;
  font-weight: 500;
}

.NavbarWrapper .LinkActive:hover {
  color: #14151a;
  background-color: #f7f7f8;
}

.NavbarWrapper .LinkActive:active {
  outline: 2px solid #c8b2ff80;
  background-color: #fff;
  border: 1px solid #b78af0;
}

@media (max-width: 640px) {
  .NavbarWrapper {
    max-width: 100%;
    height: auto;
    padding: 0 30px;
  }

  .NavbarWrapper .Link, .NavbarWrapper .LinkActive {
    box-sizing: border-box;
    width: 100%;
    margin-bottom: 5px;
  }
}

.Links {
  display: flex;
  gap: 16px;
}

.Link.Back {
  color: var(--icon-base-secondary);
  display: flex;
  text-decoration: none;
  align-items:  center;
  gap: 4px;
  padding: 0 120px;
}

@media screen and (max-width: 1280px) {
  .NavbarWrapper {
    max-width: 100%;
    padding: 0 16px;
  }

  .Link.Back {
    padding: 0 16px;
  }
}

@media screen and (max-width: 640px) {
  .NavbarWrapper {
    border-bottom: 1px solid #dee0e3;
  }

  .NavbarWrapper .Links {
    display: none;
  }
}

/* src/pages/layouts/AuthLayout/AuthLayout.module.css */
.authView_hbU_PQ {
  display: grid;
  grid-template-rows: max-content 1fr 64px;
  justify-content: center;
  place-items:  center;
  width: 100%;
  height: 100vh;
  font-family: Manrope, Arial;
}

.navbar_hbU_PQ {
  z-index: 100;
  width: 1280px;
  min-height: 64px;
}

.content_hbU_PQ {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 80%;
  min-width: 300px;
  max-width: 500px;
  height: 100%;
}

@media screen and (max-width: 1280px) {
  .authView_hbU_PQ .content_hbU_PQ {
    width: 500px;
    padding: 0 16px;
  }

  .authView_hbU_PQ .navbar_hbU_PQ {
    width: 100%;
  }
}

@media (max-width: 640px) {
  .authView_hbU_PQ .navbar_hbU_PQ, .authView_hbU_PQ .content_hbU_PQ {
    width: 100%;
  }
}

.policy_hbU_PQ {
  color: #0f132499;
  text-align: center;
  margin-top: auto;
  margin-bottom: 40px;
  font-family: Manrope, Arial;
  font-size: 14px;
}

.policyLink_hbU_PQ {
  position: relative;
  color: #0f132499;
  text-decoration: none;
}

.policyLink_hbU_PQ:after {
  content: "";
  position: absolute;
  background-color: #0a0f2914;
  width: 100%;
  height: 2px;
  bottom: -3px;
  left: 0;
}

/* src/pages/RestorePasswordPage/RestorePasswordPage.module.css */
.passwordChanged_WkATSw {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.error_WkATSw {
  color: #e6483d;
  margin-bottom: 12px;
}

.link_WkATSw {
  color: #fff;
  text-decoration: none;
}

.link_WkATSw:visited {
  text-decoration: none;
  color: #fff;
}

.submit_WkATSw {
  margin-top: 32px;
}

.btns_WkATSw {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
}

.btn_WkATSw {
  width: 100%;
}

@media screen and (max-width: 640px) {
  .submit_WkATSw {
    margin-top: 24px;
  }

  .passwordChanged_WkATSw {
    gap: 32px;
  }
}

/* src/pages/SelectBoardPage/SelectBoardPage.module.css */
.container_Ft-RRw {
  display: flex;
  background-color: #fff;
  border-radius: 8px;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
  max-height: 100vh;
  margin: 0 auto;
  padding: 16px;
  box-shadow: 0 4px 6px #0000001a;
}

@media (min-width: 768px) {
  .container_Ft-RRw {
    box-shadow: none;
    border-radius: 0;
    max-width: 800px;
  }
}

.folders_Ft-RRw {
  overflow: auto;
  flex: 100%;
  height: calc(100% - 100px);
}

.folders_Ft-RRw > * {
  padding: 0;
}

.folders_Ft-RRw::-webkit-scrollbar {
  appearance: none;
  width: 4px;
}

.folders_Ft-RRw::-webkit-scrollbar-button {
  display: none;
}

.folders_Ft-RRw::-webkit-scrollbar-thumb {
  display: block;
  background-color: #dee1e8;
  border-radius: 2px;
}

.addContainer_Ft-RRw {
  display: flex;
  cursor: pointer;
  align-items:  center;
  gap: 12px;
  font-size: 14px;
}

.add_Ft-RRw {
  display: flex;
  cursor: pointer;
  color: #fff;
  background: #924fe8;
  border: none;
  border-radius: 10px;
  flex-direction: row;
  justify-content: center;
  align-items:  center;
  padding: 8px;
  box-shadow: 0 1px 2px #14151a0d;
}

.add_Ft-RRw:hover {
  background: #7c3aed;
}

.search_Ft-RRw {
  display: flex;
  cursor: text;
  background-color: #fff;
  border: 1px solid #dee0e3;
  border-radius: 8px;
  align-items:  center;
  padding-right: 10px;
}

.search_Ft-RRw:focus-within {
  border: 1px solid #b78af0;
  box-shadow: 0 2px 6px #c8b2ff80;
}

.search_Ft-RRw input {
  outline: none;
  background: none;
  border: none;
  flex: 1;
  padding: 10px 14px;
  font-size: 1.5rem;
  font-weight: 300;
}

.search_Ft-RRw input::placeholder {
  color: #9ca3af;
  font-weight: 200;
}

.header_Ft-RRw {
  display: flex;
  justify-content: space-between;
  align-items:  center;
}

.logo_Ft-RRw {
  display: flex;
  margin-left: 4px;
}

.embedBoardIcon_Ft-RRw {
  margin: 0 4px;
}

.headerTitle_Ft-RRw {
  margin: 0 8px;
}

.title_Ft-RRw {
  color: var(--text-base-primary);
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
}

.header_Ft-RRw h1 {
  color: #111827;
  font-size: 1.5rem;
  font-weight: 600;
}

.header_Ft-RRw .profile_Ft-RRw {
  color: #696b76;
  display: flex;
  overflow: hidden;
  cursor: pointer;
  background-color: #e9eaec;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items:  center;
  width: 32px;
  height: 32px;
}

.profile_Ft-RRw.unAuth_Ft-RRw {
  color: #fff;
  background-color: #717684;
}

.selectorsContainer_Ft-RRw {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 6px;
  margin-bottom: 18px;
}

.selectorText_Ft-RRw {
  display: flex;
  flex-direction: row;
  align-items:  center;
  width: 100%;
  height: 100%;
}

.buttonContainer_Ft-RRw {
  display: flex;
  gap: 16px;
}

.button_Ft-RRw {
  cursor: pointer;
  display: flex;
  border: none;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items:  center;
  padding: 10px 12px;
  font-size: 14px;
}

.button_Ft-RRw.primary_Ft-RRw {
  background: var(--text-base-primary);
  color: #fff;
  box-shadow: 0 1px 2px #14151a0d;
}

.button_Ft-RRw.secondary_Ft-RRw {
  color: #111827;
  background-color: #f3f4f6;
}

.button_Ft-RRw.primary_Ft-RRw:hover {
  background-color: #333;
}

.button_Ft-RRw.secondary_Ft-RRw:hover {
  background-color: #e5e7eb;
}

.infoMessage_Ft-RRw {
  display: flex;
  color: #f48e2f;
  background-color: #fef4ec;
  border-radius: 8px;
  flex-direction: column;
  gap: 2px;
  padding: 12px;
  font-size: 14px;
}

.infoMessage_Ft-RRw div {
  display: flex;
  color: var(--text-base-primary);
  align-items:  center;
  gap: 2px;
  margin: 0;
}

.infoMessage_Ft-RRw .secondary_Ft-RRw {
  color: var(--text-base-secondary);
}

.infoMessage_Ft-RRw.error_Ft-RRw {
  color: #e6483d;
  background-color: #fdf2f1;
}

.selected_Ft-RRw {
  display: flex;
  background-color: #f6f1fc;
  border-radius: 10px;
  gap: 6px;
  padding: 6px 8px;
}

.selectedIcon_Ft-RRw {
  color: #696b75;
  display: grid;
  place-items:  center;
}

/* src/pages/SigninPage/SigninPage.module.css */
.btns_4fryRA {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin: 8px 0 40px;
}

.btn_4fryRA {
  min-height: 40px;
}

.forgot_4fryRA {
  font-weight: 600 !important;
}

/* src/features/Notifications/Notifications.module.css */
.notificationWr_9FH-7g {
  max-width: 294px;
}

.notificationTitle_9FH-7g {
  font-size: 16px;
  font-weight: 500;
}

.notificationText_9FH-7g {
  color: #0f132499;
  margin-top: 4px;
  font-size: 14px;
}

/* src/pages/SignupPage/SignupPage.module.css */
.btns_dQkphQ {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin: 8px 0 40px;
}

.login_dQkphQ {
  font-weight: 600 !important;
}

.checkboxWr_dQkphQ {
  margin: 8px 0 24px;
}

.newsletter_dQkphQ {
  color: #6f717c;
  font-family: Manrope;
  font-size: 14px;
}

.newsletterLink_dQkphQ {
  color: #4778f5;
  transition: all .35s;
}

.newsletterLink_dQkphQ:after {
  background-color: #4778f5;
  height: 1px;
  transition: all .35s;
  bottom: 1px;
}

.newsletterLink_dQkphQ:hover:after {
  background-color: #ded1ff;
  height: 1px;
  bottom: 1px;
}

@media screen and (max-width: 640px) {
  .btns_dQkphQ {
    margin-top: 16px;
  }
}

.nameMsg_dQkphQ {
  color: #0d112666;
  font-size: 14px;
}

/* src/pages/VerifyMailPage/VerifyMailPage.module.css */
.checkEmail_7_lsPw {
  align-self:  flex-start;
  margin-bottom: 10px;
  font-size: 14px;
}

.email_7_lsPw {
  font-weight: 700;
}

.btns_7_lsPw {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  margin-top: 32px;
}

/* src/pages/WheelLogger/WheelLogger.module.css */
.loggerContainer_DevXzw {
  position: fixed;
  color: #fff;
  z-index: 1000;
  overflow-y: auto;
  background-color: #000000b3;
  width: 350px;
  max-height: 300px;
  padding: 10px;
  font-size: 12px;
  bottom: 10px;
  left: 10px;
}

.loggerTitle_DevXzw {
  font-weight: bold;
}

.loggerMouse_DevXzw {
  margin-top: 5px;
}

.loggerEvents_DevXzw {
  margin-top: 10px;
}

.loggerButton_DevXzw {
  color: #000;
  cursor: pointer;
  margin-top: 20px;
  font-size: 12px;
}