/* [project]/src/shared/ui/toast/Toaster.module.scss.module.css [app-client] (css) */
.Toaster-module-scss-module__BZGbea__root {
  padding: var(--spacing-xs);
  border: 1px solid var(--color-stroke-default);
  border-radius: var(--radius-xs);
  pointer-events: auto;
  padding-inline-start: var(--spacing-s);
  position: relative;
  overflow: hidden;
}

.Toaster-module-scss-module__BZGbea__root[data-state="open"] {
  animation: Toaster-module-scss-module__BZGbea__slideIn var(--transition-default);
}

.Toaster-module-scss-module__BZGbea__root:before {
  content: "";
  width: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.Toaster-module-scss-module__BZGbea__root:after {
  background-color: var(--color-stroke-default);
  transform-origin: 0;
  content: "";
  height: 2px;
  animation: 5s linear forwards Toaster-module-scss-module__BZGbea__progress;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.Toaster-module-scss-module__BZGbea__default {
  background-color: var(--color-background-default);
}

.Toaster-module-scss-module__BZGbea__default:before {
  background-color: var(--color-stroke-default);
}

.Toaster-module-scss-module__BZGbea__error {
  background-color: color-mix(in srgb, rgb(var(--color-danger)) 35%, rgb(var(--color-neutral-100)));
}

.Toaster-module-scss-module__BZGbea__error:before {
  background-color: rgb(var(--color-danger));
}

.Toaster-module-scss-module__BZGbea__success {
  background-color: color-mix(in srgb, rgb(var(--color-success)) 35%, rgb(var(--color-neutral-100)));
}

.Toaster-module-scss-module__BZGbea__success:before {
  background-color: rgb(var(--color-success));
}

.Toaster-module-scss-module__BZGbea__viewport {
  z-index: var(--z-index-toast);
  gap: var(--spacing-xxs);
  width: 360px;
  padding: var(--spacing-s);
  pointer-events: none;
  outline: none;
  flex-direction: column;
  margin: 0;
  list-style: none;
  display: flex;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.Toaster-module-scss-module__BZGbea__viewport > * {
  pointer-events: auto;
}

.Toaster-module-scss-module__BZGbea__viewport:hover .Toaster-module-scss-module__BZGbea__root:after, .Toaster-module-scss-module__BZGbea__viewport:focus-within .Toaster-module-scss-module__BZGbea__root:after {
  animation-play-state: paused;
}

.Toaster-module-scss-module__BZGbea__title {
  color: var(--color-text-primary);
  font-weight: var(--text-body1-weight);
  font-size: var(--text-body1-size);
  line-height: var(--text-body1-line);
}

.Toaster-module-scss-module__BZGbea__title + .Toaster-module-scss-module__BZGbea__description {
  margin-top: var(--spacing-xxxs);
}

.Toaster-module-scss-module__BZGbea__description {
  color: var(--color-text-secondary);
  font-weight: var(--text-caption1-weight);
  font-size: var(--text-caption1-size);
  line-height: var(--text-caption1-line);
}

@keyframes Toaster-module-scss-module__BZGbea__slideIn {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes Toaster-module-scss-module__BZGbea__progress {
  from {
    transform: scaleX(1);
  }

  to {
    transform: scaleX(0);
  }
}

/* [project]/app/globals.scss.css [app-client] (css) */
@font-face {
  font-family: Golos Text;
  src: url("/fonts/GolosText-Variable.ttf") format("truetype");
  font-weight: 400 600;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-golos-text: "Golos Text";
  --color-neutral-100: 255 255 255;
  --color-neutral-200: 237 238 240;
  --color-neutral-300: 230 230 230;
  --color-neutral-400: 190 190 190;
  --color-neutral-600: 124 124 124;
  --color-neutral-800: 88 88 88;
  --color-neutral-900: 52 52 52;
  --color-brand-100: 241 236 251;
  --color-brand-300: 197 179 240;
  --color-brand-400: 154 121 229;
  --color-brand-500: 139 102 226;
  --color-brand-600: 125 83 222;
  --color-brand-700: 104 55 217;
  --color-accent-500: 255 155 66;
  --color-accent-600: 255 136 30;
  --color-accent-700: 250 118 0;
  --color-danger: 255 100 100;
  --color-success: 63 216 133;
  --color-background-default: rgb(var(--color-neutral-100));
  --color-background-base: rgb(var(--color-neutral-200));
  --color-background-base-hover: rgb(var(--color-neutral-300));
  --color-background-brand-lightest: rgb(var(--color-brand-100));
  --color-background-brand-light: rgb(var(--color-brand-300));
  --color-background-brand-medium: rgb(var(--color-brand-400));
  --color-background-brand-medium-hover: rgb(var(--color-brand-500));
  --color-background-brand: rgb(var(--color-brand-600));
  --color-background-brand-hover: rgb(var(--color-brand-700));
  --color-text-primary: rgb(var(--color-neutral-900));
  --color-text-secondary: rgb(var(--color-neutral-800));
  --color-text-tertiary: rgb(var(--color-neutral-600));
  --color-text-brand: rgb(var(--color-brand-600));
  --color-text-brand-hover: rgb(var(--color-brand-700));
  --color-text-contrast: rgb(var(--color-neutral-100));
  --color-text-danger: rgb(var(--color-danger));
  --color-text-disabled: rgb(var(--color-neutral-400));
  --color-stroke-default: rgb(var(--color-neutral-300));
  --color-stroke-default-heavy: rgb(var(--color-neutral-600));
  --color-stroke-hover: rgb(var(--color-brand-300));
  --color-stroke-focus: rgb(var(--color-brand-500));
  --color-stroke-disabled: rgb(var(--color-neutral-200));
  --color-stroke-error: rgb(var(--color-danger));
  --spacing-xxxs: 4px;
  --spacing-xxs: 8px;
  --spacing-xs: 12px;
  --spacing-s: 16px;
  --spacing-m: 24px;
  --spacing-l: 32px;
  --spacing-xl: 48px;
  --spacing-xxl: 56px;
  --radius-xxs: 5px;
  --radius-xs: 8px;
  --radius-s: 11px;
  --radius-m: 13px;
  --radius-l: 20px;
  --radius-xl: 26px;
  --radius-xxl: 999px;
  --font-regular: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --text-display-size: 38px;
  --text-display-line: 46px;
  --text-display-weight: var(--font-semibold);
  --text-h1-size: 26px;
  --text-h1-line: 30px;
  --text-h1-weight: var(--font-semibold);
  --text-h2-size: 20px;
  --text-h2-line: 24px;
  --text-h2-weight: var(--font-semibold);
  --text-h3-size: 16px;
  --text-h3-line: 20px;
  --text-h3-weight: var(--font-semibold);
  --text-subheader1-size: 20px;
  --text-subheader1-line: 24px;
  --text-subheader1-weight: var(--font-medium);
  --text-subheader2-size: 16px;
  --text-subheader2-line: 20px;
  --text-subheader2-weight: var(--font-medium);
  --text-body1-size: 16px;
  --text-body1-line: 20px;
  --text-body1-weight: var(--font-regular);
  --text-body2-size: 16px;
  --text-body2-line: 22px;
  --text-body2-weight: var(--font-regular);
  --text-caption1-size: 14px;
  --text-caption1-line: 18px;
  --text-caption2-size: 12px;
  --text-caption2-line: 22px;
  --shadow-base: 0 4px 8px 3px #00000026, 0 0 3px #0000001a;
  --z-index-header: 100;
  --z-index-modal: 1000;
  --z-index-popover: 1100;
  --z-index-toast: 2000;
  --transition-default: .2s ease;
  --page-max-width: 1440px;
  --page-content-width: calc(var(--page-max-width) - 64px);
  --sidebar-width: 320px;
  --header-height: 76px;
}

*, :before, :after {
  box-sizing: border-box;
}

:focus {
  outline: none;
}

:where(h1, h2, h3, p) {
  margin-block: 0;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  height: 100%;
}

body {
  height: 100%;
  color: var(--color-text-primary);
  font-family: var(--font-golos-text),sans-serif;
  background: var(--color-background-base);
  flex-direction: column;
  margin: 0;
  display: flex;
}

/*# sourceMappingURL=_1wwpt8y._.css.map*/