/* [project]/node_modules/react-advanced-cropper/dist/style.css [app-client] (css) */
.advanced-cropper-line-wrapper--north, .advanced-cropper-line-wrapper--south {
  width: 100%;
  height: 12px;
}

.advanced-cropper-line-wrapper--north {
  cursor: n-resize;
}

.advanced-cropper-line-wrapper--south {
  cursor: s-resize;
}

.advanced-cropper-line-wrapper--east, .advanced-cropper-line-wrapper--west {
  width: 12px;
  height: 100%;
}

.advanced-cropper-line-wrapper--east {
  cursor: e-resize;
}

.advanced-cropper-line-wrapper--west {
  cursor: w-resize;
}

.advanced-cropper-line-wrapper--disabled {
  cursor: auto;
}

.advanced-cropper-line-wrapper__content {
  position: absolute;
}

.advanced-cropper-line-wrapper__content--east, .advanced-cropper-line-wrapper__content--west {
  height: 100%;
}

.advanced-cropper-line-wrapper__content--north, .advanced-cropper-line-wrapper__content--south {
  width: 100%;
}

.advanced-cropper-line-wrapper__content--east {
  left: 50%;
  transform: translateX(-100%);
}

.advanced-cropper-line-wrapper__content--west {
  right: 50%;
  transform: translateX(100%);
}

.advanced-cropper-line-wrapper__content--north {
  top: 50%;
}

.advanced-cropper-line-wrapper__content--south {
  bottom: 50%;
}

.advanced-cropper-handler-wrapper {
  width: 30px;
  height: 30px;
  position: absolute;
  transform: translate(-50%, -50%);
}

.advanced-cropper-handler-wrapper__draggable {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.advanced-cropper-handler-wrapper--west-north {
  cursor: nw-resize;
}

.advanced-cropper-handler-wrapper--north {
  cursor: n-resize;
}

.advanced-cropper-handler-wrapper--east-north {
  cursor: ne-resize;
}

.advanced-cropper-handler-wrapper--east {
  cursor: e-resize;
}

.advanced-cropper-handler-wrapper--east-south {
  cursor: se-resize;
}

.advanced-cropper-handler-wrapper--south {
  cursor: s-resize;
}

.advanced-cropper-handler-wrapper--west-south {
  cursor: sw-resize;
}

.advanced-cropper-handler-wrapper--west {
  cursor: w-resize;
}

.advanced-cropper-handler-wrapper--disabled {
  cursor: auto;
}

.advanced-cropper-bounding-box {
  width: 100%;
  height: 100%;
  position: relative;
}

.advanced-cropper-bounding-box__handler-wrapper {
  position: absolute;
}

.advanced-cropper-bounding-box__handler-wrapper--east, .advanced-cropper-bounding-box__handler-wrapper--west {
  height: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.advanced-cropper-bounding-box__handler-wrapper--south, .advanced-cropper-bounding-box__handler-wrapper--north {
  width: 100%;
  left: 50%;
  transform: translateX(-50%);
}

.advanced-cropper-bounding-box__handler-wrapper--west, .advanced-cropper-bounding-box__handler-wrapper--west-north, .advanced-cropper-bounding-box__handler-wrapper--west-south {
  left: 0;
}

.advanced-cropper-bounding-box__handler-wrapper--east, .advanced-cropper-bounding-box__handler-wrapper--east-north, .advanced-cropper-bounding-box__handler-wrapper--east-south {
  left: 100%;
}

.advanced-cropper-bounding-box__handler-wrapper--north, .advanced-cropper-bounding-box__handler-wrapper--west-north, .advanced-cropper-bounding-box__handler-wrapper--east-north {
  top: 0;
}

.advanced-cropper-bounding-box__handler-wrapper--south, .advanced-cropper-bounding-box__handler-wrapper--west-south, .advanced-cropper-bounding-box__handler-wrapper--east-south {
  top: 100%;
}

.advanced-cropper-bounding-box__handler {
  position: absolute;
}

.advanced-cropper-bounding-box__handler--west-north {
  top: 0;
  left: 0;
}

.advanced-cropper-bounding-box__handler--north {
  top: 0;
  left: 50%;
}

.advanced-cropper-bounding-box__handler--east-north {
  top: 0;
  left: 100%;
}

.advanced-cropper-bounding-box__handler--east {
  top: 50%;
  left: 100%;
}

.advanced-cropper-bounding-box__handler--east-south {
  top: 100%;
  left: 100%;
}

.advanced-cropper-bounding-box__handler--south {
  top: 100%;
  left: 50%;
}

.advanced-cropper-bounding-box__handler--west-south {
  top: 100%;
  left: 0;
}

.advanced-cropper-bounding-box__handler--west {
  top: 50%;
  left: 0;
}

.advanced-cropper-bounding-box__line {
  position: absolute;
}

.advanced-cropper-bounding-box__line--north, .advanced-cropper-bounding-box__line--south {
  left: 0;
  transform: translateY(-50%);
}

.advanced-cropper-bounding-box__line--north {
  top: 0;
}

.advanced-cropper-bounding-box__line--south {
  top: 100%;
}

.advanced-cropper-bounding-box__line--west, .advanced-cropper-bounding-box__line--east {
  top: 0;
  transform: translateX(-50%);
}

.advanced-cropper-bounding-box__line--west {
  left: 0;
}

.advanced-cropper-bounding-box__line--east {
  left: 100%;
}

.advanced-cropper-artificial-transition {
  will-change: transform;
}

.advanced-cropper-background-image {
  -webkit-user-select: none;
  user-select: none;
  transform-origin: center;
  pointer-events: none;
  position: absolute;
  max-width: none !important;
}

.advanced-cropper-canvas {
  display: none;
}

.advanced-cropper-source {
  visibility: hidden;
  opacity: 0;
  width: 1px;
  height: 1px;
  position: absolute;
}

.advanced-cropper-fade {
  visibility: hidden;
  opacity: 0;
  flex-direction: column;
  transition: all .5s;
  display: flex;
}

.advanced-cropper-fade--visible {
  opacity: 1;
  visibility: visible;
}

.advanced-cropper-wrapper__fade {
  flex-grow: 1;
  min-height: 0;
}

.advanced-cropper-stencil-grid {
  border-collapse: collapse;
  table-layout: fixed;
  opacity: 0;
  transition: opacity .3s;
  display: table;
}

.advanced-cropper-stencil-grid--visible {
  opacity: 1;
}

.advanced-cropper-stencil-grid__row {
  display: table-row;
}

.advanced-cropper-stencil-grid__cell {
  border: 1px solid;
  width: 1%;
  height: 1%;
  display: table-cell;
}

.advanced-cropper-stencil-grid__cell--top {
  border-top-color: #0000;
}

.advanced-cropper-stencil-grid__cell--left {
  border-left-color: #0000;
}

.advanced-cropper-stencil-grid__cell--right {
  border-right-color: #0000;
}

.advanced-cropper-stencil-grid__cell--bottom {
  border-bottom-color: #0000;
}

.advanced-cropper-stencil-overlay {
  box-sizing: content-box;
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  box-shadow: 0 0 0 1000px;
}

.advanced-cropper-stencil-wrapper {
  will-change: transform;
}

.advanced-cropper-boundary {
  -webkit-user-select: none;
  user-select: none;
  direction: ltr;
  position: relative;
}

.advanced-cropper-boundary__content {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.advanced-cropper-boundary__stretcher {
  pointer-events: none;
  max-width: 100%;
  max-height: 100%;
  position: relative;
}

.advanced-cropper-circle-stencil {
  box-sizing: content-box;
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  position: absolute;
}

.advanced-cropper-circle-stencil__overlay {
  border-radius: 50%;
  overflow: hidden;
}

.advanced-cropper-circle-stencil__preview {
  border-radius: 50%;
}

.advanced-cropper-circle-stencil__draggable-area, .advanced-cropper-circle-stencil__overlay, .advanced-cropper-circle-stencil__preview, .advanced-cropper-circle-stencil__grid {
  width: 100%;
  height: 100%;
  position: absolute;
}

.advanced-cropper-circle-stencil--movable {
  cursor: move;
}

.advanced-cropper-rectangle-stencil {
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  width: 100%;
  height: 100%;
  -webkit-transform-style: preserve-3d;
  position: absolute;
}

.advanced-cropper-rectangle-stencil__draggable-area, .advanced-cropper-rectangle-stencil__overlay, .advanced-cropper-rectangle-stencil__preview, .advanced-cropper-rectangle-stencil__grid {
  width: 100%;
  height: 100%;
  position: absolute;
}

.advanced-cropper-rectangle-stencil--movable {
  cursor: move;
}

.advanced-cropper-simple-line {
  background: none;
  border-width: 0;
}

.advanced-cropper-simple-line--south, .advanced-cropper-simple-line--north {
  width: 100%;
  height: 0;
}

.advanced-cropper-simple-line--east, .advanced-cropper-simple-line--west {
  width: 0;
  height: 100%;
}

.advanced-cropper-simple-line--east {
  border-right-width: 1px;
}

.advanced-cropper-simple-line--west {
  border-left-width: 1px;
}

.advanced-cropper-simple-line--south {
  border-bottom-width: 1px;
}

.advanced-cropper-simple-line--north {
  border-top-width: 1px;
}

.advanced-cropper-simple-handler {
  display: block;
}

.advanced-cropper-preview {
  box-sizing: border-box;
  flex-direction: column;
  display: flex;
  position: relative;
  overflow: hidden;
}

.advanced-cropper-preview__content {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  transform: translate(-50%, -50%);
}

.advanced-cropper-preview__image {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  transform-origin: center;
  display: none;
  position: absolute;
  max-width: none !important;
}

.advanced-cropper-preview__image--visible {
  display: block;
}

.advanced-cropper-preview__boundary {
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
}

.cropper-preview-wrapper__fade {
  flex-grow: 1;
  width: 100%;
  min-height: 0;
}

.advanced-cropper {
  color: #fff;
  background: #000;
  flex-direction: column;
  max-height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.advanced-cropper__boundary {
  flex-grow: 1;
  min-width: 0;
  min-height: 0;
}

.advanced-cropper__wrapper, .advanced-cropper__background-wrapper {
  position: absolute;
  inset: 0;
}

.advanced-cropper__stencil-wrapper {
  position: absolute;
}

.advanced-cropper * {
  box-sizing: border-box;
}

.advanced-cropper-simple-handler {
  background: currentColor;
  width: 10px;
  height: 10px;
}

.advanced-cropper-simple-line {
  border-style: solid;
  border-color: #ffffff4d;
  transition: border .5s;
}

.advanced-cropper-simple-line--hover {
  border-color: #fff;
}

.advanced-cropper-circle-stencil__preview {
  border: 2px solid #fff3;
}

.advanced-cropper-stencil-overlay {
  color: #00000080;
}

.advanced-cropper-stencil-grid {
  color: #fff6;
}

/* [project]/src/app/globals.scss.css [app-client] (css) */
:root {
  --color-primary-50: #f0f5fe;
  --color-primary-100: #dce8fd;
  --color-primary-200: #c1d8fc;
  --color-primary-300: #96c0fa;
  --color-primary-400: #659ff5;
  --color-primary-500: #3572ef;
  --color-primary-600: #2b5be5;
  --color-primary-700: #2348d2;
  --color-primary-800: #233baa;
  --color-primary-900: #213787;
  --color-primary-950: #192352;
  --color-secondary-50: #f7f8f8;
  --color-secondary-100: #edeef1;
  --color-secondary-200: #d7dae0;
  --color-secondary-300: #b5bac4;
  --color-secondary-400: #8c95a4;
  --color-secondary-500: #6e7889;
  --color-secondary-600: #596070;
  --color-secondary-700: #484e5c;
  --color-secondary-800: #414651;
  --color-secondary-900: #373b43;
  --color-secondary-950: #25272c;
  --color-danger-50: #fff1f1;
  --color-danger-100: #ffdfdf;
  --color-danger-200: #ffc5c5;
  --color-danger-300: #ff9d9d;
  --color-danger-400: #ff6464;
  --color-danger-500: #ff4d4d;
  --color-danger-600: #ed1515;
  --color-danger-700: #c80d0d;
  --color-danger-800: #a50f0f;
  --color-danger-900: #881414;
  --color-danger-950: #4b0404;
  --color-success-50: #f1fcf2;
  --color-success-100: #dff9e4;
  --color-success-200: #c1f1cb;
  --color-success-300: #90e5a3;
  --color-success-400: #58d073;
  --color-success-500: #32b550;
  --color-success-600: #28a745;
  --color-success-700: #1f7634;
  --color-success-800: #1f7634;
  --color-success-900: #1a4d27;
  --color-success-950: #092a12;
  --color-warning-50: #fffbeb;
  --color-warning-100: #fff4c6;
  --color-warning-200: #ffe680;
  --color-warning-300: #ffd64a;
  --color-warning-400: #ffc220;
  --color-warning-500: #f9a007;
  --color-warning-600: #dd7802;
  --color-warning-700: #b75406;
  --color-warning-800: #943f0c;
  --color-warning-900: #7a340d;
  --color-warning-950: #461a02;
  --color-tertiary-50: #f7f4fe;
  --color-tertiary-100: #efebfc;
  --color-tertiary-200: #e1dafa;
  --color-tertiary-300: #cbbcf6;
  --color-tertiary-400: #b195f0;
  --color-tertiary-500: #8c5ae5;
  --color-tertiary-600: #884bdc;
  --color-tertiary-700: #7939c8;
  --color-tertiary-800: #652fa8;
  --color-tertiary-900: #53288a;
  --color-tertiary-950: #34185d;
  --color-white: #fff;
  --color-font-headings: var(--color-secondary-950);
  --color-font-body: var(--color-secondary-800);
  --color-font-links-labels: var(--color-secondary-700);
  --color-font-disable: var(--color-secondary-500);
  --color-border-default: var(--color-secondary-200);
  --color-border-active: var(--color-secondary-300);
  --color-border-table: var(--color-secondary-100);
  --space-micro: 2px;
  --space-tiny: 4px;
  --space-small: 8px;
  --space-compact: 10px;
  --space-medium: 12px;
  --space-medium-plus: 14px;
  --space-large: 16px;
  --space-large-plus: 20px;
  --space-xlarge: 24px;
  --space-xlarge-plus: 28px;
  --space-xxlarge: 32px;
  --space-huge: 40px;
  --space-very-huge: 44px;
  --space-massive: 48px;
  --space-very-massive: 56px;
  --space-enormous: 64px;
  --icon-small: 16px;
  --icon-medium: 18px;
  --icon-large: 20px;
  --icon-xlarge: 24px;
  --icon-xxlarge: 32px;
  --typeface-headings: var(--font-rubik, "Rubik"), "Inter", sans-serif;
  --typeface-texts: var(--font-rubik, "Rubik"), "Inter", sans-serif;
  --typeface-labels: var(--font-rubik, "Rubik"), "Inter", sans-serif;
  --typeface-buttons: var(--font-rubik, "Rubik"), "Inter", sans-serif;
  --font-family-headings: var(--typeface-headings);
  --font-family-texts: var(--typeface-texts);
  --font-family-labels: var(--typeface-labels);
  --font-family-buttons: var(--typeface-buttons);
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-size-h1: 32px;
  --font-size-h2: 28px;
  --font-size-h3: 24px;
  --font-size-h4: 22px;
  --font-size-h5: 20px;
  --font-size-h6: 18px;
  --font-size-text-lg: 16px;
  --font-size-text-md: 16px;
  --font-size-text-sm: 14px;
  --font-size-label-md: 12px;
  --font-size-xs: var(--font-size-label-md);
  --font-size-sm: var(--font-size-text-sm);
  --font-size-md: var(--font-size-text-md);
  --font-size-lg: var(--font-size-h6);
  --font-size-xl: var(--font-size-h5);
  --font-size-2xl: var(--font-size-h3);
  --font-size-3xl: var(--font-size-h1);
  --font-size-4xl: 40px;
  --font-size-5xl: 48px;
  --line-height-tight: 130%;
  --line-height-normal: 140%;
  --line-height-relaxed: 150%;
  --line-height-loose: 160%;
  --line-height-auto: auto;
  --line-height-button: 24px;
  --letter-spacing-normal: 0%;
  --radius-sm: var(--space-small);
  --radius-md: var(--space-medium);
  --radius-lg: var(--space-large);
  --radius-xl: var(--space-xlarge);
  --radius-full: 9999px;
  --radius-card-corner: 12px;
  --shadow-sm: 0 2px 4px 0 #00000005;
  --shadow-md: 0 4px 8px 0 #0000000a;
  --shadow-lg: 0 6px 16px 0 #0000000f;
  --shadow-xl: 0 8px 16px 0 #00000014;
  --gradient-1: linear-gradient(161.57deg, #dce8fd 0%, #96c0fa 100%);
  --gradient-2: linear-gradient(165.69deg, #dff9e4 0%, #90e5a3 100%);
  --gradient-3: linear-gradient(187.04deg, #ffdfdf 0%, #ff9d9d 100%);
  --gradient-4: linear-gradient(165.69deg, #fff4c6 0%, #ffd64a 100%);
  --gradient-5: linear-gradient(180deg, #2b5be5 0%, #2752db 50%, #3572efd1 100%);
  --button-gap: var(--space-tiny);
  --button-radius: var(--space-small);
  --button-primary-bg-default: var(--color-primary-600);
  --button-primary-bg-hover: var(--color-primary-500);
  --button-primary-bg-focused: var(--color-primary-700);
  --button-primary-bg-disabled: var(--color-primary-100);
  --button-primary-font-default: var(--color-white);
  --button-primary-font-hover: var(--color-white);
  --button-primary-font-focused: var(--color-white);
  --button-primary-font-disabled: var(--color-primary-500);
  --button-secondary-bg-default: var(--color-white);
  --button-secondary-bg-hover: var(--color-secondary-50);
  --button-secondary-bg-focused: var(--color-secondary-100);
  --button-secondary-bg-disabled: var(--color-secondary-50);
  --button-secondary-font-default: var(--color-font-links-labels);
  --button-secondary-font-hover: var(--color-font-headings);
  --button-secondary-font-focused: var(--color-font-headings);
  --button-secondary-font-disabled: var(--color-font-disable);
  --button-primary-outline-bg-default: var(--color-white);
  --button-primary-outline-bg-hover: var(--color-primary-50);
  --button-primary-outline-bg-focused: var(--color-primary-200);
  --button-primary-outline-bg-disabled: var(--color-primary-50);
  --button-primary-outline-font-default: var(--color-primary-600);
  --button-primary-outline-font-hover: var(--color-primary-600);
  --button-primary-outline-font-focused: var(--color-primary-900);
  --button-primary-outline-font-disabled: var(--color-primary-400);
  --button-primary-outline-border-default: var(--color-primary-200);
  --button-primary-outline-border-hover: var(--color-primary-200);
  --button-primary-outline-border-focused: var(--color-primary-300);
  --button-primary-outline-border-disabled: var(--color-primary-200);
  --button-secondary-outline-bg-default: var(--color-white);
  --button-secondary-outline-bg-hover: var(--color-secondary-50);
  --button-secondary-outline-bg-focused: var(--color-secondary-100);
  --button-secondary-outline-bg-disabled: var(--color-secondary-50);
  --button-secondary-outline-font-default: var(--color-font-links-labels);
  --button-secondary-outline-font-hover: var(--color-font-headings);
  --button-secondary-outline-font-focused: var(--color-font-headings);
  --button-secondary-outline-font-disabled: var(--color-font-disable);
  --button-secondary-outline-border-default: var(--color-border-default);
  --button-secondary-outline-border-hover: var(--color-border-active);
  --button-secondary-outline-border-focused: var(--color-border-default);
  --button-secondary-outline-border-disabled: var(--color-border-default);
  --button-link-bg-default: transparent;
  --button-link-bg-hover: transparent;
  --button-link-bg-focused: transparent;
  --button-link-bg-disabled: transparent;
  --button-link-font-default: var(--color-font-links-labels);
  --button-link-font-hover: var(--color-font-headings);
  --button-link-font-focused: var(--color-font-headings);
  --button-link-font-disabled: var(--color-font-disable);
  --button-xsmall-padding-top: var(--space-tiny);
  --button-xsmall-padding-right: var(--space-small);
  --button-xsmall-padding-bottom: var(--space-tiny);
  --button-xsmall-padding-left: var(--space-small);
  --button-xsmall-icon: var(--space-large);
  --button-small-padding-top: var(--space-small);
  --button-small-padding-right: var(--space-large);
  --button-small-padding-bottom: var(--space-small);
  --button-small-padding-left: var(--space-large);
  --button-small-icon: var(--space-large);
  --button-medium-padding-top: var(--space-compact);
  --button-medium-padding-right: var(--space-large-plus);
  --button-medium-padding-bottom: var(--space-compact);
  --button-medium-padding-left: var(--space-large-plus);
  --button-medium-icon: var(--space-large-plus);
  --button-large-padding-top: var(--space-medium);
  --button-large-padding-right: var(--space-xlarge);
  --button-large-padding-bottom: var(--space-medium);
  --button-large-padding-left: var(--space-xlarge);
  --button-large-icon: var(--space-large-plus);
  --button-height-xsmall: 32px;
  --button-height-small: 40px;
  --button-height-medium: 44px;
  --button-height-large: 48px;
  --table-header-padding-top: var(--space-compact);
  --table-header-padding-right: var(--space-large);
  --table-header-padding-bottom: var(--space-compact);
  --table-header-padding-left: var(--space-large);
  --table-header-gap: var(--space-small);
  --table-header-icon: var(--space-compact);
  --table-header-cell-border-left: 1px;
  --table-header-border-bottom: 1px;
  --table-row-cell-min-height: var(--space-enormous);
  --table-row-gap: var(--space-small);
  --table-row-container-border-bottom: 1px;
  --table-column-toggle-switch: 114px;
  --table-column-label: 150px;
  --table-column-product-name: 264px;
  --table-column-date: 150px;
  --table-column-stock: 112px;
  --table-column-counter: 162px;
  --table-border-outside: 1px;
  --table-header-bg: var(--color-secondary-50);
  --table-header-font-default: var(--color-font-links-labels);
  --table-header-font-hover: var(--color-font-links-labels);
  --table-header-font-selected: var(--color-font-links-labels);
  --table-header-border: var(--color-border-table);
  --table-row-bg-default: transparent;
  --table-row-bg-hover: var(--color-secondary-50);
  --table-row-bg-selected: var(--color-secondary-50);
  --table-row-font-default: var(--color-font-body);
  --table-row-font-hover: var(--color-font-headings);
  --table-row-font-selected: var(--color-font-headings);
  --table-row-border: var(--color-border-table);
  --table-border-outside-color: var(--color-border-default);
  --grid-columns: 12;
  --grid-gutter: var(--space-xxlarge);
  --grid-offset: var(--space-xxlarge);
}

html, body {
  max-width: 100vw;
  height: 100%;
  font-family: var(--typeface-headings, "Inter", sans-serif);
  overflow: hidden auto;
}

body {
  color: var(--color-font-headings);
  background: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transition: background-color .3s, color .3s;
}

#__next {
  height: 100%;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

/* [project]/src/core/new-components/common/text/text.module.scss.module.css [app-client] (css) */
.text-module-scss-module__1-QDeq__textOverline, .text-module-scss-module__1-QDeq__textCaption, .text-module-scss-module__1-QDeq__textButton, .text-module-scss-module__1-QDeq__textBodySmall, .text-module-scss-module__1-QDeq__textBodyMedium, .text-module-scss-module__1-QDeq__textBodyLarge, .text-module-scss-module__1-QDeq__textTitleSmall, .text-module-scss-module__1-QDeq__textTitleMedium, .text-module-scss-module__1-QDeq__textTitleLarge {
  font-family: var(--typeface-headings, "Inter", sans-serif);
  font-feature-settings: "kern" 1,"liga" 1,"calt" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizelegibility;
  margin: 0;
}

.text-module-scss-module__1-QDeq__textTitleLarge {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: -.02em;
  color: var(--color-font-headings);
}

@media (max-width: 767px) {
  .text-module-scss-module__1-QDeq__textTitleLarge {
    font-size: var(--font-size-3xl);
  }
}

.text-module-scss-module__1-QDeq__textTitleMedium {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-tight);
  letter-spacing: -.01em;
  color: var(--color-font-headings);
}

@media (max-width: 767px) {
  .text-module-scss-module__1-QDeq__textTitleMedium {
    font-size: var(--font-size-2xl);
  }
}

.text-module-scss-module__1-QDeq__textTitleSmall {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-tight);
  color: var(--color-font-headings);
}

@media (max-width: 767px) {
  .text-module-scss-module__1-QDeq__textTitleSmall {
    font-size: var(--font-size-xl);
  }
}

.text-module-scss-module__1-QDeq__textBodyLarge {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
  color: var(--color-font-headings);
}

@media (max-width: 767px) {
  .text-module-scss-module__1-QDeq__textBodyLarge {
    font-size: var(--font-size-md);
  }
}

.text-module-scss-module__1-QDeq__textBodyMedium {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-font-headings);
}

@media (max-width: 767px) {
  .text-module-scss-module__1-QDeq__textBodyMedium {
    font-size: var(--font-size-sm);
  }
}

.text-module-scss-module__1-QDeq__textBodySmall {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-font-body);
}

@media (max-width: 767px) {
  .text-module-scss-module__1-QDeq__textBodySmall {
    font-size: var(--font-size-xs);
  }
}

.text-module-scss-module__1-QDeq__textButton {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
  color: inherit;
  letter-spacing: .01em;
  text-transform: uppercase;
}

.text-module-scss-module__1-QDeq__textCaption {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-font-disable);
  letter-spacing: .03em;
}

.text-module-scss-module__1-QDeq__textOverline {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
  color: var(--color-font-disable);
  letter-spacing: .15em;
  text-transform: uppercase;
}

.text-module-scss-module__1-QDeq__textPrimary {
  color: var(--color-font-headings);
}

.text-module-scss-module__1-QDeq__textSecondary {
  color: var(--color-font-body);
}

.text-module-scss-module__1-QDeq__textMuted {
  color: var(--color-font-disable);
}

.text-module-scss-module__1-QDeq__textAccent {
  color: var(--color-secondary-500);
}

.text-module-scss-module__1-QDeq__textSuccess {
  color: var(--color-success-600);
}

.text-module-scss-module__1-QDeq__textWarning {
  color: var(--color-warning-500);
}

.text-module-scss-module__1-QDeq__textError {
  color: var(--color-danger-600);
}

.text-module-scss-module__1-QDeq__textWhite {
  color: var(--color-white);
}

.text-module-scss-module__1-QDeq__textLight {
  font-weight: var(--font-weight-light);
}

.text-module-scss-module__1-QDeq__textNormal {
  font-weight: var(--font-weight-regular);
}

.text-module-scss-module__1-QDeq__textMedium {
  font-weight: var(--font-weight-medium);
}

.text-module-scss-module__1-QDeq__textSemibold {
  font-weight: var(--font-weight-semibold);
}

.text-module-scss-module__1-QDeq__textBold {
  font-weight: var(--font-weight-bold);
}

.text-module-scss-module__1-QDeq__textExtrabold {
  font-weight: 800;
}

.text-module-scss-module__1-QDeq__textBlack {
  font-weight: 900;
}

.text-module-scss-module__1-QDeq__textUnderline {
  text-decoration: underline;
}

.text-module-scss-module__1-QDeq__textNoUnderline {
  text-decoration: none;
}

.text-module-scss-module__1-QDeq__textLineThrough {
  text-decoration: line-through;
}

.text-module-scss-module__1-QDeq__textOverlineDecoration {
  text-decoration: overline;
}

/* [project]/src/core/new-components/common/input-field/input-field.module.scss.module.css [app-client] (css) */
.input-field-module-scss-module__dPo_5W__container {
  flex-direction: column;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__labelWrapper {
  align-items: center;
  gap: var(--space-tiny);
  margin-bottom: var(--space-tiny);
  display: inline-flex;
}

.input-field-module-scss-module__dPo_5W__labelText {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: default;
  font-weight: 400;
  line-height: 14px;
}

.input-field-module-scss-module__dPo_5W__required {
  color: var(--color-danger-600);
  margin-left: var(--space-tiny);
}

.input-field-module-scss-module__dPo_5W__labelIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__labelIcon svg {
  width: 16px;
  height: 16px;
}

.input-field-module-scss-module__dPo_5W__labelIcon {
  cursor: pointer;
  transition: opacity .2s;
}

.input-field-module-scss-module__dPo_5W__labelIcon:hover {
  opacity: .7;
}

.input-field-module-scss-module__dPo_5W__tooltipContainer {
  display: inline-flex;
  position: relative;
}

.input-field-module-scss-module__dPo_5W__tooltip {
  padding: var(--space-small);
  border-radius: var(--radius-sm);
  color: #fff;
  font-size: var(--font-size-xs);
  font-family: var(--font-family-texts);
  white-space: normal;
  word-wrap: break-word;
  z-index: 1000;
  max-width: 240px;
  box-shadow: var(--shadow-md);
  opacity: 0;
  visibility: hidden;
  background: #000000e6;
  transition: opacity .2s ease-in-out, visibility .2s ease-in-out, transform .2s ease-in-out;
  position: absolute;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}

.input-field-module-scss-module__dPo_5W__tooltip.input-field-module-scss-module__dPo_5W__tooltipVisible {
  opacity: 1;
  visibility: visible;
  transform: translateX(-50%)translateY(0);
}

.input-field-module-scss-module__dPo_5W__tooltip:not(.input-field-module-scss-module__dPo_5W__tooltipVisible) {
  transform: translateX(-50%)translateY(-4px);
}

.input-field-module-scss-module__dPo_5W__tooltipArrow {
  border-bottom: 6px solid #000000e6;
  border-left: 6px solid #0000;
  border-right: 6px solid #0000;
  width: 0;
  height: 0;
  position: absolute;
  top: -6px;
  left: 50%;
  transform: translateX(-50%);
}

.input-field-module-scss-module__dPo_5W__inputWrapper {
  align-items: center;
  gap: var(--space-small);
  transition: border-color .15s, box-shadow .15s, background-color .15s;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__inputWrapper:focus-within:not(.input-field-module-scss-module__dPo_5W__statusDisabled):not(.input-field-module-scss-module__dPo_5W__statusError):not(.input-field-module-scss-module__dPo_5W__statusSuccess):not(.input-field-module-scss-module__dPo_5W__statusInfo) {
  border-radius: var(--spacing-space-small, 8px);
  border: 1px solid var(--color-primary-300, #96c0fa);
  background: #fff;
  outline: none;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.input-field-module-scss-module__dPo_5W__sizeXsmall {
  min-height: 36px;
  padding: var(--space-compact) var(--space-small);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__sizeSmall {
  min-height: 40px;
  padding: var(--space-compact) var(--space-small);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__sizeMedium {
  min-height: 44px;
  padding: var(--space-medium) var(--space-compact);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__sizeLarge {
  min-height: 48px;
  padding: var(--space-medium) var(--space-medium);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__statusDefault {
  border-color: var(--color-border-default);
  background: #fff;
}

.input-field-module-scss-module__dPo_5W__statusError {
  border: 1px solid var(--color-danger-300);
  background: #fff;
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.input-field-module-scss-module__dPo_5W__statusError:focus-within {
  border: 1px solid var(--color-danger-300);
  outline: none;
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.input-field-module-scss-module__dPo_5W__statusSuccess {
  border: 1px solid var(--color-success-300);
  background: #fff;
  box-shadow: 0 8px 16px #90e5a31f;
}

.input-field-module-scss-module__dPo_5W__statusSuccess:focus-within {
  border: 1px solid var(--color-success-300);
  outline: none;
  box-shadow: 0 8px 16px #90e5a31f;
}

.input-field-module-scss-module__dPo_5W__statusInfo {
  border: 1px solid var(--color-primary-300);
  background: #fff;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.input-field-module-scss-module__dPo_5W__statusInfo:focus-within {
  border: 1px solid var(--color-primary-300);
  outline: none;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.input-field-module-scss-module__dPo_5W__statusDisabled {
  border-color: var(--color-border-default);
  background: var(--color-secondary-50);
  opacity: .6;
  pointer-events: none;
  cursor: not-allowed;
}

.input-field-module-scss-module__dPo_5W__noBorder, .input-field-module-scss-module__dPo_5W__noBorder:focus-within {
  box-shadow: none !important;
  border: none !important;
}

.input-field-module-scss-module__dPo_5W__searchVariant, .input-field-module-scss-module__dPo_5W__passwordVariant {
  position: relative;
}

.input-field-module-scss-module__dPo_5W__inputElement {
  font-family: var(--font-family-texts);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  min-width: 0;
}

.input-field-module-scss-module__dPo_5W__inputElement::placeholder {
  color: var(--color-font-disable);
}

.input-field-module-scss-module__dPo_5W__inputElement:disabled {
  cursor: not-allowed;
}

.input-field-module-scss-module__dPo_5W__inputElement {
  color: var(--color-font-headings);
}

.input-field-module-scss-module__dPo_5W__inputElement:focus {
  color: var(--color-font-headings);
  outline: none;
}

.input-field-module-scss-module__dPo_5W__inputElement:disabled {
  color: var(--color-font-disable);
}

.input-field-module-scss-module__dPo_5W__inputElement[type="search"]::-webkit-search-decoration {
  display: none;
}

.input-field-module-scss-module__dPo_5W__inputElement[type="search"]::-webkit-search-cancel-button {
  display: none;
}

.input-field-module-scss-module__dPo_5W__inputElement[type="search"]::-webkit-search-results-button {
  display: none;
}

.input-field-module-scss-module__dPo_5W__inputElement[type="search"]::-webkit-search-results-decoration {
  display: none;
}

.input-field-module-scss-module__dPo_5W__inputElement[type="number"]::-webkit-inner-spin-button {
  appearance: none;
  margin: 0;
}

.input-field-module-scss-module__dPo_5W__inputElement[type="number"]::-webkit-outer-spin-button {
  appearance: none;
  margin: 0;
}

.input-field-module-scss-module__dPo_5W__inputElement[type="number"] {
  appearance: textfield;
}

.input-field-module-scss-module__dPo_5W__textareaElement {
  resize: vertical;
  min-height: unset;
  padding: var(--space-tiny) 0;
  line-height: 1.5;
  overflow-y: auto;
}

.input-field-module-scss-module__dPo_5W__inputWrapperMultiline {
  align-items: flex-start;
  height: auto;
  min-height: auto;
}

.input-field-module-scss-module__dPo_5W__fontXsmall {
  font-size: 14px;
  line-height: 14px;
}

.input-field-module-scss-module__dPo_5W__fontSmall, .input-field-module-scss-module__dPo_5W__fontMedium, .input-field-module-scss-module__dPo_5W__fontLarge {
  font-size: 16px;
  line-height: 20px;
}

.input-field-module-scss-module__dPo_5W__inputIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__inputIcon svg {
  width: 16px;
  height: 16px;
}

.input-field-module-scss-module__dPo_5W__searchIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__searchIcon svg {
  width: 16px;
  height: 16px;
}

.input-field-module-scss-module__dPo_5W__clearIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__clearIcon svg {
  width: 16px;
  height: 16px;
}

.input-field-module-scss-module__dPo_5W__clearIcon {
  cursor: pointer;
  transition: opacity .2s;
}

.input-field-module-scss-module__dPo_5W__clearIcon:hover {
  opacity: .7;
}

.input-field-module-scss-module__dPo_5W__eyeIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.input-field-module-scss-module__dPo_5W__eyeIcon svg {
  width: 16px;
  height: 16px;
}

.input-field-module-scss-module__dPo_5W__eyeIcon {
  cursor: pointer;
  transition: opacity .2s;
}

.input-field-module-scss-module__dPo_5W__eyeIcon:hover {
  opacity: .7;
}

.input-field-module-scss-module__dPo_5W__message {
  margin-top: var(--space-tiny);
  font-size: var(--font-size-xs);
  line-height: 14px;
  font-family: var(--font-family-texts);
}

.input-field-module-scss-module__dPo_5W__messageDefault {
  color: var(--color-font-links-labels);
}

.input-field-module-scss-module__dPo_5W__messageError {
  color: var(--color-danger-600);
}

.input-field-module-scss-module__dPo_5W__messageSuccess {
  color: var(--color-success-600);
}

.input-field-module-scss-module__dPo_5W__messageDisabled {
  color: var(--color-font-disable);
}

.input-field-module-scss-module__dPo_5W__otpBoxContainer {
  border: 2px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background: #fff;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
  position: relative;
}

.input-field-module-scss-module__dPo_5W__otpBoxContainer:hover:not(.input-field-module-scss-module__dPo_5W__otpBoxDisabled) {
  border-color: var(--color-primary-400);
}

.input-field-module-scss-module__dPo_5W__otpBoxContainer:focus-within:not(.input-field-module-scss-module__dPo_5W__otpBoxError):not(.input-field-module-scss-module__dPo_5W__otpBoxDisabled) {
  border: 2px solid var(--color-primary-300, #96c0fa);
  outline: none;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.input-field-module-scss-module__dPo_5W__otpBoxContainer.input-field-module-scss-module__dPo_5W__sizeSmall {
  width: 40px;
  height: 40px;
  min-height: 40px;
}

.input-field-module-scss-module__dPo_5W__otpBoxContainer.input-field-module-scss-module__dPo_5W__sizeMedium {
  width: 48px;
  height: 48px;
  min-height: 48px;
}

.input-field-module-scss-module__dPo_5W__otpBoxContainer.input-field-module-scss-module__dPo_5W__sizeLarge {
  width: 56px;
  height: 56px;
  min-height: 56px;
}

.input-field-module-scss-module__dPo_5W__otpBoxError {
  border-color: var(--color-danger-300);
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.input-field-module-scss-module__dPo_5W__otpBoxError:focus-within {
  border-color: var(--color-danger-300);
  outline: none;
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.input-field-module-scss-module__dPo_5W__otpBoxDisabled {
  background: var(--color-secondary-50);
  border-color: var(--color-border-default);
  opacity: .6;
  cursor: not-allowed;
}

.input-field-module-scss-module__dPo_5W__otpBoxInput {
  text-align: center;
  width: 100%;
  height: 100%;
  font-family: var(--font-family-texts);
  font-weight: var(--font-weight-semibold);
  font-size: var(--font-size-xl);
  color: var(--color-font-headings);
  cursor: text;
  background: none;
  border: none;
  outline: none;
}

.input-field-module-scss-module__dPo_5W__otpBoxInput:focus {
  color: var(--color-font-headings);
  outline: none;
}

.input-field-module-scss-module__dPo_5W__otpBoxInput::placeholder {
  color: var(--color-font-disable);
}

.input-field-module-scss-module__dPo_5W__otpBoxInput:disabled {
  cursor: not-allowed;
  color: var(--color-font-disable);
}

@media (prefers-reduced-motion: reduce) {
  .input-field-module-scss-module__dPo_5W__tooltip {
    animation: none;
  }

  .input-field-module-scss-module__dPo_5W__inputWrapper, .input-field-module-scss-module__dPo_5W__labelIcon, .input-field-module-scss-module__dPo_5W__clearIcon, .input-field-module-scss-module__dPo_5W__eyeIcon {
    transition: none;
  }
}

/* [project]/src/core/new-components/common/label/label.module.scss.module.css [app-client] (css) */
.label-module-scss-module__H5ZM-a__label {
  white-space: nowrap;
  border-radius: var(--space-xxlarge);
  justify-content: center;
  align-items: center;
  gap: var(--space-tiny);
  font-family: var(--font-family-labels);
  font-weight: var(--font-weight-medium);
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
  display: inline-flex;
}

.label-module-scss-module__H5ZM-a__size-xsmall {
  min-height: 20px;
  font-size: var(--font-size-xs);
  padding: 4px 8px;
  line-height: 1;
}

.label-module-scss-module__H5ZM-a__size-xsmall .label-module-scss-module__H5ZM-a__icon {
  width: 12px;
  height: 12px;
}

.label-module-scss-module__H5ZM-a__size-small {
  min-height: 24px;
  font-size: var(--font-size-sm);
  padding: 4px 8px;
  line-height: 1;
}

.label-module-scss-module__H5ZM-a__size-small .label-module-scss-module__H5ZM-a__icon {
  width: 16px;
  height: 16px;
}

.label-module-scss-module__H5ZM-a__variant-primary {
  background-color: var(--color-primary-50);
  border: 1px solid var(--color-primary-100);
  color: var(--color-primary-700);
  box-shadow: inset 0 -2px 4px #3572ef1f;
}

.label-module-scss-module__H5ZM-a__variant-secondary {
  background-color: var(--color-secondary-50);
  border: 1px solid var(--color-secondary-100);
  color: var(--color-secondary-700);
  box-shadow: inset 0 -2px 4px #6e78891f;
}

.label-module-scss-module__H5ZM-a__variant-success {
  background-color: var(--color-success-50);
  border: 1px solid var(--color-success-100);
  color: var(--color-success-700);
  box-shadow: inset 0 -2px 4px #32b5501f;
}

.label-module-scss-module__H5ZM-a__variant-warning {
  background-color: var(--color-warning-50);
  border: 1px solid var(--color-warning-100);
  color: var(--color-warning-700);
  box-shadow: inset 0 -2px 4px #ffd64a1f;
}

.label-module-scss-module__H5ZM-a__variant-danger {
  background-color: var(--color-danger-50);
  border: 1px solid var(--color-danger-100);
  color: var(--color-danger-700);
  box-shadow: inset 0 -2px 4px #ff4d4d1f;
}

.label-module-scss-module__H5ZM-a__icon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

/* [project]/src/core/new-components/common/dropdown/dropdown.module.scss.module.css [app-client] (css) */
.dropdown-module-scss-module__1b9bOG__dropdown {
  flex-direction: column;
  width: fit-content;
  display: inline-flex;
  position: relative;
}

.dropdown-module-scss-module__1b9bOG__dropdown.dropdown-module-scss-module__1b9bOG__fullWidth {
  width: 100%;
}

.dropdown-module-scss-module__1b9bOG__label {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: default;
  align-items: center;
  gap: var(--space-tiny);
  margin-bottom: var(--space-tiny);
  font-weight: 400;
  line-height: 14px;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__labelIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__labelIcon svg {
  width: 16px;
  height: 16px;
}

.dropdown-module-scss-module__1b9bOG__labelIcon {
  cursor: pointer;
  transition: opacity .2s;
}

.dropdown-module-scss-module__1b9bOG__labelIcon:hover {
  opacity: .7;
}

.dropdown-module-scss-module__1b9bOG__labelIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__required {
  color: var(--color-danger-600);
  margin-left: var(--space-tiny);
}

.dropdown-module-scss-module__1b9bOG__trigger {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-small);
  cursor: pointer;
  text-align: start;
  width: 100%;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__hasMultiSelect {
  height: auto;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__triggerSizeXsmall {
  min-height: 36px;
  padding: var(--space-compact) var(--space-small);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__triggerSizeSmall {
  min-height: 40px;
  padding: var(--space-compact) var(--space-small);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__triggerSizeMedium {
  min-height: 44px;
  padding: var(--space-medium) var(--space-compact);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__triggerSizeLarge {
  min-height: 48px;
  padding: var(--space-medium) var(--space-medium);
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__hasMultiSelect.dropdown-module-scss-module__1b9bOG__triggerSizeXsmall {
  min-height: 36px;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__hasMultiSelect.dropdown-module-scss-module__1b9bOG__triggerSizeSmall {
  min-height: 40px;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__hasMultiSelect.dropdown-module-scss-module__1b9bOG__triggerSizeMedium {
  min-height: 44px;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__hasMultiSelect.dropdown-module-scss-module__1b9bOG__triggerSizeLarge {
  min-height: 48px;
}

.dropdown-module-scss-module__1b9bOG__trigger:hover:not(:disabled):not(.dropdown-module-scss-module__1b9bOG__triggerActive) {
  border-color: var(--color-border-active);
}

.dropdown-module-scss-module__1b9bOG__trigger:focus-visible:not(.dropdown-module-scss-module__1b9bOG__triggerActive) {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.dropdown-module-scss-module__1b9bOG__trigger:disabled {
  opacity: .6;
  cursor: not-allowed;
  background: var(--color-secondary-50);
}

.dropdown-module-scss-module__1b9bOG__triggerActive, .dropdown-module-scss-module__1b9bOG__triggerActive:hover:not(:disabled) {
  border: 1px solid var(--color-primary-300);
  background: #fff;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.dropdown-module-scss-module__1b9bOG__triggerContent {
  align-items: center;
  gap: var(--space-tiny);
  flex: 1;
  min-width: 0;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__trigger.dropdown-module-scss-module__1b9bOG__hasMultiSelect .dropdown-module-scss-module__1b9bOG__triggerContent {
  align-items: flex-start;
}

.dropdown-module-scss-module__1b9bOG__triggerText {
  font-family: var(--font-family-texts);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  min-width: 0;
}

.dropdown-module-scss-module__1b9bOG__triggerText::placeholder {
  color: var(--color-font-disable);
}

.dropdown-module-scss-module__1b9bOG__triggerText:disabled {
  cursor: not-allowed;
}

.dropdown-module-scss-module__1b9bOG__triggerText {
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  color: var(--color-font-headings);
  flex: 1;
  overflow: hidden;
}

.dropdown-module-scss-module__1b9bOG__triggerText.dropdown-module-scss-module__1b9bOG__placeholder {
  color: var(--color-font-disable);
}

.dropdown-module-scss-module__1b9bOG__triggerSizeXsmall .dropdown-module-scss-module__1b9bOG__triggerText {
  font-size: 14px;
  line-height: 14px;
}

.dropdown-module-scss-module__1b9bOG__triggerSizeSmall .dropdown-module-scss-module__1b9bOG__triggerText, .dropdown-module-scss-module__1b9bOG__triggerSizeMedium .dropdown-module-scss-module__1b9bOG__triggerText, .dropdown-module-scss-module__1b9bOG__triggerSizeLarge .dropdown-module-scss-module__1b9bOG__triggerText {
  font-size: 16px;
  line-height: 20px;
}

.dropdown-module-scss-module__1b9bOG__triggerIcons {
  align-items: center;
  gap: var(--space-tiny);
  flex-shrink: 0;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__chevronIcon {
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__startAdornment {
  margin-right: var(--space-tiny);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__clearButton {
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: var(--color-font-disable);
  font-size: var(--font-size-sm);
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  line-height: 1;
  transition: opacity .15s;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__clearButton:hover {
  opacity: .7;
}

.dropdown-module-scss-module__1b9bOG__clearButton:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
  border-radius: 2px;
}

.dropdown-module-scss-module__1b9bOG__loading {
  cursor: wait;
  pointer-events: none;
}

.dropdown-module-scss-module__1b9bOG__loadingSpinner {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__spinnerIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  animation: 1s linear infinite dropdown-module-scss-module__1b9bOG__spin;
}

@keyframes dropdown-module-scss-module__1b9bOG__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.dropdown-module-scss-module__1b9bOG__menu {
  top: calc(100% + var(--space-tiny));
  z-index: 1000;
  align-items: flex-start;
  gap: var(--space-small, 8px);
  padding: var(--space-compact, 10px) var(--space-small, 8px);
  border-radius: var(--radius-sm, 8px);
  border: 1px solid var(--color-border-default, #d7dae0);
  box-shadow: var(--shadow-lg);
  background: #fff;
  flex-direction: column;
  width: 204px;
  min-width: 204px;
  animation: .12s ease-out dropdown-module-scss-module__1b9bOG__dropdownSlide;
  display: flex;
  position: absolute;
  inset-inline-start: 0;
}

.dropdown-module-scss-module__1b9bOG__menu.dropdown-module-scss-module__1b9bOG__fullWidth {
  width: 100%;
}

.dropdown-module-scss-module__1b9bOG__menu.dropdown-module-scss-module__1b9bOG__menuPortal {
  z-index: 10000;
  position: fixed;
}

@keyframes dropdown-module-scss-module__1b9bOG__dropdownSlide {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.dropdown-module-scss-module__1b9bOG__searchSection {
  width: 100%;
  margin: 0;
  padding: 0;
}

.dropdown-module-scss-module__1b9bOG__itemsList {
  gap: var(--space-tiny);
  flex-direction: column;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  overflow: hidden auto;
}

.dropdown-module-scss-module__1b9bOG__item {
  align-items: center;
  gap: var(--space-tiny, 4px);
  border-radius: var(--button-radius, 8px);
  background: var(--button-secondary-bg-default);
  color: var(--button-secondary-font-default);
  cursor: pointer;
  font-family: var(--font-family-buttons);
  font-weight: var(--font-weight-medium);
  border: 1px solid #0000;
  align-self: stretch;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__item:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.dropdown-module-scss-module__1b9bOG__item:hover:not(.dropdown-module-scss-module__1b9bOG__disabled):not(.dropdown-module-scss-module__1b9bOG__selected) {
  background: var(--button-secondary-bg-hover);
  color: var(--button-secondary-font-hover);
}

.dropdown-module-scss-module__1b9bOG__item.dropdown-module-scss-module__1b9bOG__selected {
  background: var(--button-secondary-bg-focused);
  color: var(--button-secondary-font-focused);
}

.dropdown-module-scss-module__1b9bOG__item.dropdown-module-scss-module__1b9bOG__disabled {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none;
}

.dropdown-module-scss-module__1b9bOG__item.dropdown-module-scss-module__1b9bOG__focused:not(.dropdown-module-scss-module__1b9bOG__selected) {
  background: var(--button-secondary-bg-hover);
  color: var(--button-secondary-font-hover);
}

.dropdown-module-scss-module__1b9bOG__item.dropdown-module-scss-module__1b9bOG__sizeXsmall {
  padding: var(--button-xsmall-padding-top) var(--button-xsmall-padding-right) var(--button-xsmall-padding-bottom) var(--button-xsmall-padding-left);
  min-height: var(--button-height-xsmall);
  font-size: 14px;
  line-height: 14px;
}

.dropdown-module-scss-module__1b9bOG__item.dropdown-module-scss-module__1b9bOG__sizeSmall, .dropdown-module-scss-module__1b9bOG__item.dropdown-module-scss-module__1b9bOG__sizeMedium {
  padding: var(--button-small-padding-top) var(--button-small-padding-right) var(--button-small-padding-bottom) var(--button-small-padding-left);
  min-height: var(--button-height-small);
  font-size: 16px;
  line-height: 20px;
}

.dropdown-module-scss-module__1b9bOG__itemContent {
  align-items: center;
  gap: var(--space-tiny);
  flex: 1;
  min-width: 0;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__itemIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__itemIcon svg, .dropdown-module-scss-module__1b9bOG__itemIcon img {
  stroke-width: 2.25px;
  width: 16px;
  height: 16px;
}

.dropdown-module-scss-module__1b9bOG__itemIcon {
  flex-shrink: 0;
}

.dropdown-module-scss-module__1b9bOG__itemImage {
  object-fit: cover;
  border-radius: var(--radius-sm, 4px);
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  display: block;
}

.dropdown-module-scss-module__1b9bOG__itemLabelContainer {
  gap: var(--space-tiny);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__itemLabel {
  white-space: nowrap;
  text-overflow: ellipsis;
  min-width: 0;
  color: inherit;
  flex: 1;
  overflow: hidden;
}

.dropdown-module-scss-module__1b9bOG__itemDescription {
  font-size: var(--font-size-xs);
  color: var(--color-font-disable);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.dropdown-module-scss-module__1b9bOG__itemDisabled {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none;
}

.dropdown-module-scss-module__1b9bOG__itemCheckbox {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__itemCheckbox svg, .dropdown-module-scss-module__1b9bOG__itemCheckbox img {
  stroke-width: 2.25px;
  width: 16px;
  height: 16px;
}

.dropdown-module-scss-module__1b9bOG__itemCheckbox {
  border: 1px solid var(--color-border-default);
  cursor: pointer;
  background: #fff;
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__itemCheckbox.dropdown-module-scss-module__1b9bOG__checked {
  background: var(--color-primary-600);
  border-color: var(--color-primary-600);
  color: #fff;
}

.dropdown-module-scss-module__1b9bOG__itemRadioIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__itemRadioIcon svg, .dropdown-module-scss-module__1b9bOG__itemRadioIcon img {
  stroke-width: 2.25px;
  width: 16px;
  height: 16px;
}

.dropdown-module-scss-module__1b9bOG__itemRadioIcon {
  color: var(--color-border-default);
}

.dropdown-module-scss-module__1b9bOG__radioChecked {
  color: var(--color-primary-600);
}

.dropdown-module-scss-module__1b9bOG__itemFlag {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__itemFlag svg, .dropdown-module-scss-module__1b9bOG__itemFlag img {
  stroke-width: 2.25px;
  width: 16px;
  height: 16px;
}

.dropdown-module-scss-module__1b9bOG__itemFlag {
  flex-shrink: 0;
}

.dropdown-module-scss-module__1b9bOG__noResults {
  padding: var(--space-medium);
  text-align: center;
  color: var(--color-font-disable);
  font-size: var(--font-size-sm);
  font-style: italic;
}

.dropdown-module-scss-module__1b9bOG__selectedTagsWrapper {
  gap: var(--space-small);
  flex-wrap: wrap;
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.dropdown-module-scss-module__1b9bOG__selectedTag {
  align-items: center;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__selectedTag.dropdown-module-scss-module__1b9bOG__selectedTagDisabled {
  opacity: .6;
  pointer-events: none;
}

.dropdown-module-scss-module__1b9bOG__tagIcon {
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__tagRemoveIcon {
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: opacity .15s;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__tagRemoveIcon:hover {
  opacity: .7;
}

.dropdown-module-scss-module__1b9bOG__tagRemoveIcon:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
  border-radius: 2px;
}

.dropdown-module-scss-module__1b9bOG__tagRemoveIcon svg {
  stroke-width: 2.25px;
  width: 16px;
  height: 16px;
  display: block;
}

.dropdown-module-scss-module__1b9bOG__tagRemoveIcon.dropdown-module-scss-module__1b9bOG__tagRemoveIconDisabled {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none;
}

.dropdown-module-scss-module__1b9bOG__moreBadge {
  height: 20px;
  padding: var(--space-tiny) var(--space-small);
  border-radius: var(--radius-sm);
  background: var(--color-secondary-100);
  font-size: var(--font-size-xs);
  color: var(--color-font-headings);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  line-height: 1;
  display: inline-flex;
}

.dropdown-module-scss-module__1b9bOG__menuFooter {
  width: 100%;
  padding-top: var(--space-small);
  border-top: 1px solid var(--color-border-default);
}

.dropdown-module-scss-module__1b9bOG__helperText {
  margin-top: var(--space-tiny);
  font-size: var(--font-size-xs);
  line-height: 14px;
  font-family: var(--font-family-texts);
  color: var(--color-font-links-labels);
}

.dropdown-module-scss-module__1b9bOG__helperText.dropdown-module-scss-module__1b9bOG__helper-error {
  color: var(--color-danger-600);
}

.dropdown-module-scss-module__1b9bOG__helperText.dropdown-module-scss-module__1b9bOG__helper-success {
  color: var(--color-success-600);
}

.dropdown-module-scss-module__1b9bOG__helperText.dropdown-module-scss-module__1b9bOG__helper-info {
  color: var(--color-primary-600);
}

.dropdown-module-scss-module__1b9bOG__helperText.dropdown-module-scss-module__1b9bOG__helper-disabled {
  color: var(--color-font-disable);
}

/* [project]/src/core/new-components/common/button/button.module.scss.module.css [app-client] (css) */
.button-module-scss-module__HB-xNq__button {
  justify-content: center;
  align-items: center;
  gap: var(--button-gap);
  font-family: var(--font-family-buttons);
  font-weight: var(--font-weight-medium);
  border-radius: var(--button-radius);
  cursor: pointer;
  appearance: none;
  border: 1px solid #0000;
  text-decoration: none;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__button:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.button-module-scss-module__HB-xNq__button:disabled, .button-module-scss-module__HB-xNq__button[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: .6;
}

.button-module-scss-module__HB-xNq__button {
  white-space: nowrap;
  -webkit-user-select: none;
  user-select: none;
  min-height: 32px;
  position: relative;
}

.button-module-scss-module__HB-xNq__button:active:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled) {
  transform: translateY(1px);
}

.button-module-scss-module__HB-xNq__fullWidth {
  width: 100%;
}

.button-module-scss-module__HB-xNq__size-xsmall {
  padding: var(--button-xsmall-padding-top) var(--button-xsmall-padding-right) var(--button-xsmall-padding-bottom) var(--button-xsmall-padding-left);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-button);
}

.button-module-scss-module__HB-xNq__size-xsmall svg, .button-module-scss-module__HB-xNq__size-xsmall img {
  width: var(--button-xsmall-icon);
  height: var(--button-xsmall-icon);
}

.button-module-scss-module__HB-xNq__size-xsmall {
  min-height: var(--button-height-xsmall);
  text-transform: none;
}

.button-module-scss-module__HB-xNq__size-small {
  padding: var(--button-small-padding-top) var(--button-small-padding-right) var(--button-small-padding-bottom) var(--button-small-padding-left);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-button);
}

.button-module-scss-module__HB-xNq__size-small svg, .button-module-scss-module__HB-xNq__size-small img {
  width: var(--button-small-icon);
  height: var(--button-small-icon);
}

.button-module-scss-module__HB-xNq__size-small {
  min-height: var(--button-height-small);
  text-transform: none;
}

.button-module-scss-module__HB-xNq__size-medium {
  padding: var(--button-medium-padding-top) var(--button-medium-padding-right) var(--button-medium-padding-bottom) var(--button-medium-padding-left);
  font-size: var(--font-size-md);
  line-height: var(--line-height-button);
}

.button-module-scss-module__HB-xNq__size-medium svg, .button-module-scss-module__HB-xNq__size-medium img {
  width: var(--button-medium-icon);
  height: var(--button-medium-icon);
}

.button-module-scss-module__HB-xNq__size-medium {
  min-height: var(--button-height-medium);
  text-transform: capitalize;
}

.button-module-scss-module__HB-xNq__size-large {
  padding: var(--button-large-padding-top) var(--button-large-padding-right) var(--button-large-padding-bottom) var(--button-large-padding-left);
  font-size: var(--font-size-md);
  line-height: var(--line-height-button);
}

.button-module-scss-module__HB-xNq__size-large svg, .button-module-scss-module__HB-xNq__size-large img {
  width: var(--button-large-icon);
  height: var(--button-large-icon);
}

.button-module-scss-module__HB-xNq__size-large {
  min-height: var(--button-height-large);
  text-transform: capitalize;
}

.button-module-scss-module__HB-xNq__size-xlarge {
  padding: var(--button-large-padding-top) var(--button-large-padding-right) var(--button-large-padding-bottom) var(--button-large-padding-left);
  font-size: var(--font-size-md);
  line-height: var(--line-height-button);
}

.button-module-scss-module__HB-xNq__size-xlarge svg, .button-module-scss-module__HB-xNq__size-xlarge img {
  width: var(--button-large-icon);
  height: var(--button-large-icon);
}

.button-module-scss-module__HB-xNq__size-xlarge {
  min-height: var(--button-height-large);
  text-transform: capitalize;
  padding: var(--space-medium) var(--space-xlarge);
}

.button-module-scss-module__HB-xNq__iconOnly {
  white-space: normal;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  padding: 0 !important;
}

.button-module-scss-module__HB-xNq__iconOnly .button-module-scss-module__HB-xNq__icon {
  width: 1em;
  height: 1em;
  margin: 0;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-small {
  justify-content: center;
  align-items: center;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
  padding: 0;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-small .button-module-scss-module__HB-xNq__icon, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-small svg, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-small img {
  width: 1em;
  height: 1em;
  color: inherit;
  flex-shrink: 0;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-small {
  font-size: 16px;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-medium {
  justify-content: center;
  align-items: center;
  width: 40px;
  min-width: 40px;
  height: 40px;
  min-height: 40px;
  padding: 0;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-medium .button-module-scss-module__HB-xNq__icon, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-medium svg, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-medium img {
  width: 1em;
  height: 1em;
  color: inherit;
  flex-shrink: 0;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-medium {
  font-size: 20px;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-large {
  justify-content: center;
  align-items: center;
  width: 44px;
  min-width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-large .button-module-scss-module__HB-xNq__icon, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-large svg, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-large img {
  width: 1em;
  height: 1em;
  color: inherit;
  flex-shrink: 0;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-large {
  font-size: 20px;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-xlarge {
  justify-content: center;
  align-items: center;
  width: 48px;
  min-width: 48px;
  height: 48px;
  min-height: 48px;
  padding: 0;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-xlarge .button-module-scss-module__HB-xNq__icon, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-xlarge svg, .button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-xlarge img {
  width: 1em;
  height: 1em;
  color: inherit;
  flex-shrink: 0;
}

.button-module-scss-module__HB-xNq__iconOnly.button-module-scss-module__HB-xNq__size-xlarge {
  font-size: 24px;
}

.button-module-scss-module__HB-xNq__variant-primary {
  background-color: var(--button-primary-bg-default);
  color: var(--button-primary-font-default);
  border-color: #0000;
}

.button-module-scss-module__HB-xNq__variant-primary:hover:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-primary-bg-hover);
  color: var(--button-primary-font-hover);
}

.button-module-scss-module__HB-xNq__variant-primary:focus:not(:disabled):not([aria-disabled="true"]), .button-module-scss-module__HB-xNq__variant-primary:active:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-primary-bg-focused);
  color: var(--button-primary-font-focused);
}

.button-module-scss-module__HB-xNq__variant-primary:disabled, .button-module-scss-module__HB-xNq__variant-primary[aria-disabled="true"] {
  background-color: var(--button-primary-bg-disabled);
  color: var(--button-primary-font-disabled);
}

.button-module-scss-module__HB-xNq__variant-primaryOutlined {
  background-color: var(--button-primary-outline-bg-default);
  color: var(--button-primary-outline-font-default);
  border-color: var(--button-primary-outline-border-default);
}

.button-module-scss-module__HB-xNq__variant-primaryOutlined:hover:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-primary-outline-bg-hover);
  color: var(--button-primary-outline-font-hover);
  border-color: var(--button-primary-outline-border-hover);
}

.button-module-scss-module__HB-xNq__variant-primaryOutlined:focus:not(:disabled):not([aria-disabled="true"]), .button-module-scss-module__HB-xNq__variant-primaryOutlined:active:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-primary-outline-bg-focused);
  color: var(--button-primary-outline-font-focused);
  border-color: var(--button-primary-outline-border-focused);
}

.button-module-scss-module__HB-xNq__variant-primaryOutlined:disabled, .button-module-scss-module__HB-xNq__variant-primaryOutlined[aria-disabled="true"] {
  background-color: var(--button-primary-outline-bg-disabled);
  color: var(--button-primary-outline-font-disabled);
  border-color: var(--button-primary-outline-border-disabled);
}

.button-module-scss-module__HB-xNq__variant-secondary {
  background-color: var(--button-secondary-outline-bg-default);
  color: var(--button-secondary-outline-font-default);
  border-color: var(--button-secondary-outline-border-default);
}

.button-module-scss-module__HB-xNq__variant-secondary:hover:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-secondary-outline-bg-hover);
  color: var(--button-secondary-outline-font-hover);
  border-color: var(--button-secondary-outline-border-hover);
}

.button-module-scss-module__HB-xNq__variant-secondary:focus:not(:disabled):not([aria-disabled="true"]), .button-module-scss-module__HB-xNq__variant-secondary:active:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-secondary-outline-bg-focused);
  color: var(--button-secondary-outline-font-focused);
  border-color: var(--button-secondary-outline-border-focused);
}

.button-module-scss-module__HB-xNq__variant-secondary:disabled, .button-module-scss-module__HB-xNq__variant-secondary[aria-disabled="true"] {
  background-color: var(--button-secondary-outline-bg-disabled);
  color: var(--button-secondary-outline-font-disabled);
  border-color: var(--button-secondary-outline-border-disabled);
}

.button-module-scss-module__HB-xNq__variant-secondarySolid {
  background-color: var(--button-secondary-bg-default);
  color: var(--button-secondary-font-default);
  border-color: #0000;
}

.button-module-scss-module__HB-xNq__variant-secondarySolid:hover:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-secondary-bg-hover);
  color: var(--button-secondary-font-hover);
}

.button-module-scss-module__HB-xNq__variant-secondarySolid:focus:not(:disabled):not([aria-disabled="true"]), .button-module-scss-module__HB-xNq__variant-secondarySolid:active:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-secondary-bg-focused);
  color: var(--button-secondary-font-focused);
}

.button-module-scss-module__HB-xNq__variant-secondarySolid:disabled, .button-module-scss-module__HB-xNq__variant-secondarySolid[aria-disabled="true"] {
  background-color: var(--button-secondary-bg-disabled);
  color: var(--button-secondary-font-disabled);
}

.button-module-scss-module__HB-xNq__variant-link {
  background-color: var(--button-link-bg-default);
  color: var(--button-link-font-default);
  text-underline-offset: 2px;
  border-color: #0000;
  text-decoration: underline;
}

.button-module-scss-module__HB-xNq__variant-link:hover:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-link-bg-hover);
  color: var(--button-link-font-hover);
}

.button-module-scss-module__HB-xNq__variant-link:focus:not(:disabled):not([aria-disabled="true"]), .button-module-scss-module__HB-xNq__variant-link:active:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--button-link-bg-focused);
  color: var(--button-link-font-focused);
}

.button-module-scss-module__HB-xNq__variant-link:disabled, .button-module-scss-module__HB-xNq__variant-link[aria-disabled="true"] {
  background-color: var(--button-link-bg-disabled);
  color: var(--button-link-font-disabled);
}

.button-module-scss-module__HB-xNq__variant-link {
  gap: var(--space-small);
  padding-inline: 0;
}

.button-module-scss-module__HB-xNq__variant-visitStore {
  background-color: var(--color-background-white);
  color: var(--color-font-headings);
  border-color: var(--color-border-default);
}

.button-module-scss-module__HB-xNq__variant-visitStore:hover:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--color-background-hover);
  border-color: var(--color-border-hover);
}

.button-module-scss-module__HB-xNq__variant-visitStore:focus:not(:disabled):not([aria-disabled="true"]), .button-module-scss-module__HB-xNq__variant-visitStore:active:not(:disabled):not([aria-disabled="true"]) {
  background-color: var(--color-background-hover);
}

.button-module-scss-module__HB-xNq__variant-visitStore:disabled, .button-module-scss-module__HB-xNq__variant-visitStore[aria-disabled="true"] {
  background-color: var(--color-background-disabled);
  color: var(--color-font-disabled);
  border-color: var(--color-border-disabled);
}

.button-module-scss-module__HB-xNq__variant-danger {
  background-color: var(--color-danger-50);
  color: var(--color-danger-700);
  border-color: #0000;
}

.button-module-scss-module__HB-xNq__variant-danger:hover:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-danger[data-state="hover"]:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled) {
  background-color: var(--color-danger-100);
}

.button-module-scss-module__HB-xNq__variant-danger:focus-visible:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-danger[data-state="focus"]:not(:disabled):not(.button-module-scss-module__HB-xNq__disabled) {
  background-color: var(--color-danger-200);
}

.button-module-scss-module__HB-xNq__variant-danger.button-module-scss-module__HB-xNq__disabled, .button-module-scss-module__HB-xNq__variant-danger:disabled {
  background-color: var(--color-danger-50);
  color: var(--color-danger-400);
  opacity: .6;
}

.button-module-scss-module__HB-xNq__variant-warning {
  background-color: var(--color-warning-50);
  color: var(--color-warning-700);
  border-color: #0000;
}

.button-module-scss-module__HB-xNq__variant-warning:hover:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-warning[data-state="hover"]:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled) {
  background-color: var(--color-warning-100);
}

.button-module-scss-module__HB-xNq__variant-warning:focus-visible:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-warning[data-state="focus"]:not(:disabled):not(.button-module-scss-module__HB-xNq__disabled) {
  background-color: var(--color-warning-200);
}

.button-module-scss-module__HB-xNq__variant-warning.button-module-scss-module__HB-xNq__disabled, .button-module-scss-module__HB-xNq__variant-warning:disabled {
  background-color: var(--color-warning-50);
  color: var(--color-warning-400);
  opacity: .6;
}

.button-module-scss-module__HB-xNq__variant-success {
  background-color: var(--color-success-50);
  color: var(--color-success-700);
  border-color: #0000;
}

.button-module-scss-module__HB-xNq__variant-success:hover:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-success[data-state="hover"]:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled) {
  background-color: var(--color-success-100);
}

.button-module-scss-module__HB-xNq__variant-success:focus-visible:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-success[data-state="focus"]:not(:disabled):not(.button-module-scss-module__HB-xNq__disabled) {
  background-color: var(--color-success-200);
}

.button-module-scss-module__HB-xNq__variant-success.button-module-scss-module__HB-xNq__disabled, .button-module-scss-module__HB-xNq__variant-success:disabled {
  background-color: var(--color-success-50);
  color: var(--color-success-400);
  opacity: .6;
}

.button-module-scss-module__HB-xNq__variant-ghost {
  color: var(--color-primary-600);
  box-shadow: none;
  background-color: #0000;
  border-color: #0000;
}

.button-module-scss-module__HB-xNq__variant-ghost:hover:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-ghost[data-state="hover"]:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled) {
  background-color: var(--color-primary-50);
}

.button-module-scss-module__HB-xNq__variant-ghost:focus-visible:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-ghost[data-state="focus"]:not(:disabled):not(.button-module-scss-module__HB-xNq__disabled) {
  background-color: var(--color-primary-100);
  box-shadow: 0 0 0 3px var(--color-primary-200);
}

.button-module-scss-module__HB-xNq__variant-ghost.button-module-scss-module__HB-xNq__disabled, .button-module-scss-module__HB-xNq__variant-ghost:disabled {
  color: var(--color-primary-400);
  opacity: .6;
}

.button-module-scss-module__HB-xNq__variant-textOnly, .button-module-scss-module__HB-xNq__variant-text-only {
  color: var(--color-font-headings);
  padding-inline: 0;
  text-decoration: none;
  box-shadow: none !important;
  background-color: #0000 !important;
  border-color: #0000 !important;
}

.button-module-scss-module__HB-xNq__variant-textOnly:hover:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-textOnly[data-state="hover"]:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-text-only:hover:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-text-only[data-state="hover"]:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled) {
  color: var(--color-font-headings);
  text-decoration: none;
  box-shadow: none !important;
  background-color: #0000 !important;
  border-color: #0000 !important;
}

.button-module-scss-module__HB-xNq__variant-textOnly:focus-visible:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-textOnly[data-state="focus"]:not(:disabled):not(.button-module-scss-module__HB-xNq__disabled), .button-module-scss-module__HB-xNq__variant-text-only:focus-visible:not(.button-module-scss-module__HB-xNq__disabled):not(:disabled), .button-module-scss-module__HB-xNq__variant-text-only[data-state="focus"]:not(:disabled):not(.button-module-scss-module__HB-xNq__disabled) {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  background-color: #0000 !important;
}

.button-module-scss-module__HB-xNq__variant-textOnly.button-module-scss-module__HB-xNq__disabled, .button-module-scss-module__HB-xNq__variant-textOnly:disabled, .button-module-scss-module__HB-xNq__variant-text-only.button-module-scss-module__HB-xNq__disabled, .button-module-scss-module__HB-xNq__variant-text-only:disabled {
  color: var(--color-font-disable);
  opacity: .6;
  text-decoration: none;
}

.button-module-scss-module__HB-xNq__button.button-module-scss-module__HB-xNq__disabled, .button-module-scss-module__HB-xNq__button:disabled {
  cursor: not-allowed;
  pointer-events: none;
  transform: none;
}

.button-module-scss-module__HB-xNq__loading {
  cursor: wait;
}

.button-module-scss-module__HB-xNq__loading .button-module-scss-module__HB-xNq__text {
  opacity: .85;
}

.button-module-scss-module__HB-xNq__text {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__icon {
  width: 1em;
  height: 1em;
  color: inherit;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__iconStart {
  margin-inline-end: var(--space-tiny);
}

.button-module-scss-module__HB-xNq__iconEnd {
  margin-inline-start: var(--space-tiny);
}

.button-module-scss-module__HB-xNq__spinner {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.button-module-scss-module__HB-xNq__spinnerIcon {
  width: var(--space-large);
  height: var(--space-large);
  color: currentColor;
  animation: 1s linear infinite button-module-scss-module__HB-xNq__spin;
}

.button-module-scss-module__HB-xNq__spinnerTrack {
  opacity: .2;
}

.button-module-scss-module__HB-xNq__spinnerFill {
  opacity: .7;
}

@keyframes button-module-scss-module__HB-xNq__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.button-module-scss-module__HB-xNq__buttonError {
  align-items: center;
  gap: var(--space-small);
  padding: var(--space-medium) var(--space-large);
  border-radius: var(--radius-card-corner);
  border: 1px solid var(--color-danger-600);
  background-color: var(--color-danger-50);
  color: var(--color-danger-700);
  font-size: var(--font-size-sm);
  display: flex;
}

.button-module-scss-module__HB-xNq__errorIcon {
  font-size: var(--font-size-lg);
}

.button-module-scss-module__HB-xNq__sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

@media (prefers-reduced-motion: reduce) {
  .button-module-scss-module__HB-xNq__button {
    transition: none;
  }

  .button-module-scss-module__HB-xNq__spinnerIcon {
    animation: none;
  }
}

/* [project]/src/core/new-components/ui/modal/modal.module.scss.module.css [app-client] (css) */
.modal-module-scss-module__vbom1W__xsmall {
  width: 352px;
}

.modal-module-scss-module__vbom1W__small {
  width: 637px;
}

.modal-module-scss-module__vbom1W__medium {
  width: 832px;
}

.modal-module-scss-module__vbom1W__large {
  width: 1024px;
}

.modal-module-scss-module__vbom1W__overlay {
  z-index: 1060;
  opacity: 0;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  transition: opacity .2s ease-out, background-color .2s ease-out;
  display: flex;
  position: fixed;
  inset: 0;
}

.modal-module-scss-module__vbom1W__overlayVisible {
  opacity: 1;
  background-color: #0003;
}

.modal-module-scss-module__vbom1W__container {
  border-radius: var(--spacing-space-medium, 12px);
  border: 1px solid var(--border-table, #edeef1);
  opacity: 0;
  background: #fff;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  max-height: 700px;
  transition: opacity .2s ease-out, transform .2s ease-out;
  display: flex;
  transform: scale(.95);
}

.modal-module-scss-module__vbom1W__containerVisible {
  opacity: 1;
  transform: scale(1);
}

.modal-module-scss-module__vbom1W__header {
  padding: var(--spacing-space-xlarge, 24px);
  border-bottom: 1px solid var(--border-table, #edeef1);
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.modal-module-scss-module__vbom1W__title {
  color: var(--fonts-headings, #25272c);
  font-family: var(--typeface-headings, Inter);
  font-size: var(--font-size-h6, 18px);
  font-weight: 500;
  line-height: 140%;
}

.modal-module-scss-module__vbom1W__body {
  padding: var(--spacing-space-xlarge, 24px);
  flex-grow: 1;
  align-self: stretch;
  overflow-y: auto;
}

.modal-module-scss-module__vbom1W__footer {
  padding: var(--spacing-space-xlarge, 24px);
  border-top: 1px solid var(--border-table, #edeef1);
  border-bottom-left-radius: var(--spacing-space-medium, 12px);
  border-bottom-right-radius: var(--spacing-space-medium, 12px);
  justify-content: flex-end;
  align-self: stretch;
  align-items: center;
  gap: 16px;
  display: flex;
}

/* [project]/src/core/new-components/common/media-picker-uploader/components/image-cropper-modal/image-cropper-modal.module.scss.module.css [app-client] (css) */
.image-cropper-modal-module-scss-module__KVztza__container {
  flex-direction: column;
  gap: 20px;
  padding: 20px;
  display: flex;
}

.image-cropper-modal-module-scss-module__KVztza__cropperContainer {
  background: #000;
  border-radius: 8px;
  width: 100%;
  height: 320px;
  position: relative;
  overflow: hidden;
}

.image-cropper-modal-module-scss-module__KVztza__cropper {
  background: #000;
  width: 100%;
  height: 100%;
}

.image-cropper-modal-module-scss-module__KVztza__cropperBackground {
  background: #000;
}

.image-cropper-modal-module-scss-module__KVztza__processingOverlay {
  z-index: 10;
  background: #000000b3;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.image-cropper-modal-module-scss-module__KVztza__spinner {
  border: 4px solid #ffffff4d;
  border-top-color: var(--color-white);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: .8s linear infinite image-cropper-modal-module-scss-module__KVztza__spin;
}

@keyframes image-cropper-modal-module-scss-module__KVztza__spin {
  to {
    transform: rotate(360deg);
  }
}

.image-cropper-modal-module-scss-module__KVztza__controlsSection {
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.image-cropper-modal-module-scss-module__KVztza__sliderControl {
  flex-direction: column;
  gap: 6px;
  display: flex;
}

.image-cropper-modal-module-scss-module__KVztza__sliderLabel {
  color: var(--color-secondary-950);
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  display: flex;
}

.image-cropper-modal-module-scss-module__KVztza__sliderValue {
  color: var(--color-secondary-600);
  font-size: 14px;
  font-weight: 400;
}

.image-cropper-modal-module-scss-module__KVztza__slider {
  appearance: none;
  background: var(--color-secondary-200);
  cursor: pointer;
  width: 100%;
  height: 4px;
  accent-color: var(--color-primary-600);
  border-radius: 2px;
  outline: none;
}

.image-cropper-modal-module-scss-module__KVztza__slider:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.image-cropper-modal-module-scss-module__KVztza__aspectRatioSection {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.image-cropper-modal-module-scss-module__KVztza__aspectRatioButtons {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.image-cropper-modal-module-scss-module__KVztza__transformButtons {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.image-cropper-modal-module-scss-module__KVztza__aspectRatioButton, .image-cropper-modal-module-scss-module__KVztza__transformButton {
  border: 1px solid var(--color-secondary-200);
  background: var(--color-white);
  color: var(--color-secondary-600);
  cursor: pointer;
  border-radius: 6px;
  padding: 8px 16px;
  font-family: inherit;
  font-size: 14px;
  font-weight: 500;
  transition: all .2s;
}

.image-cropper-modal-module-scss-module__KVztza__aspectRatioButton:hover:not(:disabled), .image-cropper-modal-module-scss-module__KVztza__transformButton:hover:not(:disabled) {
  border-color: var(--color-primary-600);
  background: var(--color-primary-50);
}

.image-cropper-modal-module-scss-module__KVztza__aspectRatioButton:disabled, .image-cropper-modal-module-scss-module__KVztza__transformButton:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.image-cropper-modal-module-scss-module__KVztza__aspectRatioButton.image-cropper-modal-module-scss-module__KVztza__active, .image-cropper-modal-module-scss-module__KVztza__active.image-cropper-modal-module-scss-module__KVztza__transformButton {
  border-color: var(--color-primary-600);
  background: var(--color-primary-600);
  color: var(--color-white);
}

.image-cropper-modal-module-scss-module__KVztza__transformButton {
  text-align: center;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  display: inline-flex;
}

.image-cropper-modal-module-scss-module__KVztza__transformButton:active:not(:disabled) {
  transform: scale(.98);
}

.image-cropper-modal-module-scss-module__KVztza__orientationToggle {
  border: 1px solid var(--color-secondary-200);
  background: var(--color-white);
  color: var(--color-secondary-700);
  cursor: pointer;
  border-radius: 999px;
  align-items: center;
  gap: 8px;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: 600;
  transition: all .2s;
  display: inline-flex;
}

.image-cropper-modal-module-scss-module__KVztza__orientationToggle:hover:not(:disabled) {
  border-color: var(--color-primary-600);
  color: var(--color-primary-700);
  background: var(--color-primary-50);
}

.image-cropper-modal-module-scss-module__KVztza__orientationToggle:active:not(:disabled) {
  transform: scale(.98);
}

.image-cropper-modal-module-scss-module__KVztza__orientationToggle:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.image-cropper-modal-module-scss-module__KVztza__footer {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.image-cropper-modal-module-scss-module__KVztza__footerActions {
  gap: 12px;
  display: flex;
}

@media (max-width: 768px) {
  .image-cropper-modal-module-scss-module__KVztza__container {
    gap: 14px;
    padding: 14px;
  }

  .image-cropper-modal-module-scss-module__KVztza__cropperContainer {
    height: 260px;
  }

  .image-cropper-modal-module-scss-module__KVztza__footer {
    flex-direction: column;
    align-items: stretch;
  }

  .image-cropper-modal-module-scss-module__KVztza__footerActions {
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
  }

  .image-cropper-modal-module-scss-module__KVztza__transformButtons {
    grid-template-columns: 1fr;
  }

  .image-cropper-modal-module-scss-module__KVztza__orientationToggle {
    margin-inline-start: auto;
  }
}

/* [project]/src/core/new-components/common/media-picker-uploader/media-picker-uploader.module.scss.module.css [app-client] (css) */
.media-picker-uploader-module-scss-module__Scz43q__container {
  box-sizing: border-box;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%23d7dae0' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border: none;
  border-radius: 12px;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  width: 304px;
  height: 319px;
  padding: 24px;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__emptyState {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  width: 100%;
  height: 100%;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__placeholderImage {
  width: 58px;
  height: 48px;
}

.media-picker-uploader-module-scss-module__Scz43q__emptyStateText {
  color: #484e5c;
  text-align: center;
  margin: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.media-picker-uploader-module-scss-module__Scz43q__populatedState {
  flex-direction: column;
  gap: 24px;
  width: 100%;
  height: 100%;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__mainPreview {
  background-color: #f5f5f5;
  border-radius: 8px;
  width: 256px;
  height: 116px;
  padding-top: 35px;
  padding-left: 24px;
  padding-right: 24px;
  position: relative;
  overflow: hidden;
}

.media-picker-uploader-module-scss-module__Scz43q__mainPreview img {
  border-radius: 8px;
}

@media (max-width: 767px) {
  .media-picker-uploader-module-scss-module__Scz43q__mainPreview {
    width: 100%;
  }
}

.media-picker-uploader-module-scss-module__Scz43q__mainPreviewClickable {
  cursor: zoom-in;
}

.media-picker-uploader-module-scss-module__Scz43q__mainPreviewCircle {
  border-radius: 50%;
  width: 120px;
  height: 120px;
  padding: 0;
}

.media-picker-uploader-module-scss-module__Scz43q__mainPreviewCircle img {
  border-radius: 50%;
}

.media-picker-uploader-module-scss-module__Scz43q__hiddenInput {
  opacity: 0;
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  left: -9999px;
  overflow: hidden;
}

.media-picker-uploader-module-scss-module__Scz43q__dragOver {
  background-color: #3b82f60d;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='12' ry='12' stroke='%233b82f6' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.media-picker-uploader-module-scss-module__Scz43q__disabled {
  opacity: .6;
  cursor: not-allowed;
  pointer-events: none;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnailContainer {
  flex-flow: wrap;
  align-content: flex-start;
  align-items: flex-start;
  gap: 8px;
  width: 100%;
  max-height: 136px;
  display: flex;
  overflow: hidden auto;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnailContainer::-webkit-scrollbar {
  width: 4px;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnailContainer::-webkit-scrollbar-track {
  background: none;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnailContainer::-webkit-scrollbar-thumb {
  background-color: #0003;
  border-radius: 2px;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnail {
  cursor: grab;
  border-radius: 8px;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  position: relative;
  overflow: hidden;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnail:after {
  content: "";
  pointer-events: none;
  background-color: #fff0;
  width: 100%;
  height: 100%;
  transition: background-color .2s;
  position: absolute;
  top: 0;
  left: 0;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnail:hover:after {
  background-color: #fff3;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnail:active {
  cursor: grabbing;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnailProgress {
  z-index: 3;
  background-color: #00000080;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4px;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnailImage {
  border-radius: 8px;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnailIndex {
  color: #fff;
  z-index: 2;
  pointer-events: none;
  background-color: #0009;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  min-width: 14px;
  height: 14px;
  padding: 0 3px;
  font-size: 9px;
  font-weight: 700;
  line-height: 1;
  display: flex;
  position: absolute;
  bottom: 3px;
  left: 3px;
}

.media-picker-uploader-module-scss-module__Scz43q__dragHandle {
  z-index: 2;
  pointer-events: none;
  opacity: .65;
  grid-template-columns: repeat(2, 3px);
  gap: 2px;
  transition: opacity .15s;
  display: grid;
  position: absolute;
  top: 3px;
  left: 3px;
}

.media-picker-uploader-module-scss-module__Scz43q__thumbnail:hover .media-picker-uploader-module-scss-module__Scz43q__dragHandle {
  opacity: 1;
}

.media-picker-uploader-module-scss-module__Scz43q__dragHandleDot {
  filter: drop-shadow(0 0 1px #0009);
  background-color: #fff;
  border-radius: 50%;
  width: 3px;
  height: 3px;
}

.media-picker-uploader-module-scss-module__Scz43q__removeButton {
  color: #fff;
  cursor: pointer;
  z-index: 1;
  background-color: #0009;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  padding: 0;
  font-size: 12px;
  line-height: 1;
  display: flex;
  position: absolute;
  top: 2px;
  right: 2px;
}

.media-picker-uploader-module-scss-module__Scz43q__removeButton:hover {
  background-color: #000c;
}

.media-picker-uploader-module-scss-module__Scz43q__addMoreButton {
  cursor: pointer;
  background-color: #0000;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%23d7dae0' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  border: none;
  border-radius: 8px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-left: 5.6px;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__addMoreButton:hover {
  background-color: #3b82f60d;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%233b82f6' stroke-width='1' stroke-dasharray='6%2c 6' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.media-picker-uploader-module-scss-module__Scz43q__addMoreIcon {
  color: #484e5c;
  font-size: 20px;
}

.media-picker-uploader-module-scss-module__Scz43q__loadingOverlay {
  z-index: 2;
  background-color: #00000080;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.media-picker-uploader-module-scss-module__Scz43q__loadingSpinner {
  border: 2px solid #2b5be54d;
  border-top-color: #2b5be5;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: .8s linear infinite media-picker-uploader-module-scss-module__Scz43q__spin;
}

.media-picker-uploader-module-scss-module__Scz43q__loadingSpinnerLarge {
  border-width: 3px;
  width: 32px;
  height: 32px;
}

@keyframes media-picker-uploader-module-scss-module__Scz43q__spin {
  to {
    transform: rotate(360deg);
  }
}

.media-picker-uploader-module-scss-module__Scz43q__documentPreview {
  background-color: #f5f5f5;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  height: 100%;
  padding: 16px;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__fileName {
  color: #333;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100%;
  font-size: 14px;
  font-weight: 500;
  overflow: hidden;
}

.media-picker-uploader-module-scss-module__Scz43q__fileSize {
  color: #666;
  font-size: 12px;
}

.media-picker-uploader-module-scss-module__Scz43q__iconWrapper {
  justify-content: center;
  align-items: center;
  width: 96px;
  height: 96px;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__errorBoundary {
  background-color: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 12px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 24px;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__errorMessage {
  text-align: center;
}

.media-picker-uploader-module-scss-module__Scz43q__errorMessage h3 {
  color: #dc2626;
  margin: 0 0 8px;
  font-size: 16px;
}

.media-picker-uploader-module-scss-module__Scz43q__errorMessage p {
  color: #7f1d1d;
  margin: 0 0 16px;
  font-size: 14px;
}

.media-picker-uploader-module-scss-module__Scz43q__errorDetails {
  margin-top: 16px;
}

.media-picker-uploader-module-scss-module__Scz43q__errorDetails summary {
  cursor: pointer;
  color: #7f1d1d;
  background-color: #fee2e2;
  border-radius: 4px;
  padding: 8px;
  font-weight: 500;
}

.media-picker-uploader-module-scss-module__Scz43q__errorDetails pre {
  color: #333;
  background-color: #f8f8f8;
  border-radius: 4px;
  margin-top: 8px;
  padding: 8px;
  font-size: 12px;
  overflow-x: auto;
}

.media-picker-uploader-module-scss-module__Scz43q__error {
  background-color: #fef2f2;
  border-color: #fecaca;
}

.media-picker-uploader-module-scss-module__Scz43q__uploading {
  pointer-events: none;
}

.media-picker-uploader-module-scss-module__Scz43q__loadingMessage {
  color: #666;
  margin-top: 8px;
  font-size: 12px;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgress {
  background-color: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  flex-direction: column;
  gap: 8px;
  padding: 12px;
  display: flex;
  position: relative;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressInfo {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressFileName {
  color: #374151;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-size: 12px;
  font-weight: 500;
  overflow: hidden;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressFileSize {
  color: #6b7280;
  white-space: nowrap;
  font-size: 11px;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressError {
  color: #ef4444;
  font-size: 11px;
  font-weight: 500;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressBar {
  background-color: #e5e7eb;
  border-radius: 2px;
  width: 100%;
  height: 4px;
  overflow: hidden;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressFill {
  border-radius: 2px;
  height: 100%;
  transition: width .3s;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressCancel {
  color: #6b7280;
  cursor: pointer;
  background-color: #0000001a;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  padding: 0;
  font-size: 14px;
  display: flex;
  position: absolute;
  top: 4px;
  right: 4px;
}

.media-picker-uploader-module-scss-module__Scz43q__uploadProgressCancel:hover {
  color: #374151;
  background-color: #0003;
}

/* [project]/src/core/new-components/common/media-picker-uploader/media-preview-modal.module.scss.module.css [app-client] (css) */
.media-preview-modal-module-scss-module__EAD2IW__backdrop {
  z-index: 1300;
  background-color: #000000e0;
  outline: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0;
}

.media-preview-modal-module-scss-module__EAD2IW__modal {
  flex-direction: column;
  align-items: center;
  max-width: 90vw;
  display: flex;
  position: relative;
}

.media-preview-modal-module-scss-module__EAD2IW__closeButton {
  color: #fff;
  cursor: pointer;
  background-color: #ffffff26;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  padding: 0;
  font-size: 20px;
  line-height: 1;
  transition: background-color .15s;
  display: flex;
  position: absolute;
  top: -44px;
  right: 0;
}

.media-preview-modal-module-scss-module__EAD2IW__closeButton:hover {
  background-color: #ffffff4d;
}

.media-preview-modal-module-scss-module__EAD2IW__mediaWrapper {
  justify-content: center;
  align-items: center;
  max-width: 90vw;
  max-height: 80vh;
  display: flex;
}

.media-preview-modal-module-scss-module__EAD2IW__image {
  object-fit: contain;
  border-radius: 8px;
  width: auto;
  max-width: 90vw;
  height: auto;
  max-height: 80vh;
  display: block;
}

.media-preview-modal-module-scss-module__EAD2IW__video {
  background-color: #000;
  border-radius: 8px;
  max-width: 90vw;
  max-height: 80vh;
  display: block;
}

.media-preview-modal-module-scss-module__EAD2IW__documentPreview {
  background-color: #ffffff0f;
  border-radius: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
  min-width: 240px;
  padding: 48px 64px;
  display: flex;
}

.media-preview-modal-module-scss-module__EAD2IW__documentName {
  color: #fffc;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 280px;
  font-size: 14px;
  overflow: hidden;
}

.media-preview-modal-module-scss-module__EAD2IW__fileName {
  color: #fff9;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 80vw;
  margin-top: 12px;
  font-size: 13px;
  overflow: hidden;
}

.media-preview-modal-module-scss-module__EAD2IW__counter {
  color: #fff6;
  margin-top: 6px;
  font-size: 12px;
}

.media-preview-modal-module-scss-module__EAD2IW__navButton {
  color: #fff;
  cursor: pointer;
  z-index: 1;
  background-color: #ffffff1f;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  font-size: 24px;
  line-height: 1;
  transition: background-color .15s;
  display: flex;
  position: fixed;
  top: 50%;
  transform: translateY(-50%);
}

.media-preview-modal-module-scss-module__EAD2IW__navButton:hover {
  background-color: #ffffff47;
}

.media-preview-modal-module-scss-module__EAD2IW__navPrev {
  left: 24px;
}

.media-preview-modal-module-scss-module__EAD2IW__navNext {
  right: 24px;
}

/* [project]/src/core/new-components/common/rich-text-editor/rich-text-editor.module.scss.module.css [app-client] (css) */
.rich-text-editor-module-scss-module__wo9YFa__richTextEditorContainer {
  --editor-height-small: 250px;
  --editor-height-medium: 300px;
  --editor-height-large: 350px;
  --editor-padding-small: 10px 14px;
  --editor-padding-medium: 12px 16px;
  --editor-padding-large: 14px 18px;
  --editor-font-size-small: var(--font-size-sm);
  --editor-font-size-medium: 16px;
  --editor-font-size-large: var(--font-size-lg);
  margin-bottom: var(--space-small);
  font-family: var(--font-family-texts);
  flex-direction: column;
  display: flex;
}

.rich-text-editor-module-scss-module__wo9YFa__fullWidth {
  width: 100%;
}

.rich-text-editor-module-scss-module__wo9YFa__label {
  color: var(--color-font-body);
  font-size: 14px;
  font-weight: 500;
  line-height: var(--line-height-tight);
  align-items: center;
  gap: var(--space-tiny);
  margin-bottom: 8px;
  display: flex;
}

.rich-text-editor-module-scss-module__wo9YFa__required {
  color: var(--color-danger-500);
  font-weight: var(--font-weight-bold);
}

.rich-text-editor-module-scss-module__wo9YFa__richTextEditor {
  background: var(--color-white);
  width: 100%;
  box-shadow: var(--shadow-sm);
  resize: vertical;
  border: none;
  border-radius: 8px;
  flex-direction: column;
  transition: border-color .15s, box-shadow .15s;
  display: flex;
  position: relative;
  overflow: hidden;
}

.rich-text-editor-module-scss-module__wo9YFa__richTextEditor:focus-within {
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 2px rgba(var(--color-primary-600), .15),var(--shadow-md);
}

.rich-text-editor-module-scss-module__wo9YFa__richTextEditor:focus-visible {
  outline: 2px solid var(--color-primary-600);
  outline-offset: 2px;
}

.rich-text-editor-module-scss-module__wo9YFa__richTextEditor:after {
  content: "";
  cursor: s-resize;
  z-index: 10;
  pointer-events: none;
  background: linear-gradient(-45deg, #0000 0% 20%, #cbd5e1 20% 30%, #0000 30% 40%, #cbd5e1 40% 50%, #0000 50% 60%, #cbd5e1 60% 70%, #0000 70% 80%, #cbd5e1 80% 90%, #0000 90%);
  width: 12px;
  height: 12px;
  position: absolute;
  bottom: 2px;
  right: 2px;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbar {
  gap: var(--space-small);
  padding: var(--space-medium);
  background: var(--color-secondary-50);
  border-bottom: 1px solid var(--color-border-default);
  flex-wrap: wrap;
  display: flex;
}

.rich-text-editor-module-scss-module__wo9YFa__customToolbar {
  z-index: 2;
  align-items: center;
  gap: var(--space-tiny);
  padding: var(--space-medium);
  background: var(--color-secondary-50);
  border-bottom: 1px solid var(--color-border-default);
  border-radius: 8px 8px 0 0;
  flex-wrap: wrap;
  display: flex;
  position: sticky;
  top: 0;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarGroup {
  align-items: center;
  gap: var(--space-tiny);
  padding-right: var(--space-small);
  display: flex;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarGroup:not(:last-child) {
  border-right: 1px solid var(--color-border-default);
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarGroup:last-child {
  padding-right: 0;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarButton {
  border-radius: var(--radius-sm);
  color: #374151;
  min-width: 36px;
  height: 36px;
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  background: #fff;
  border: 1px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
  transition: all .15s;
  display: flex;
  box-shadow: 0 1px 2px #0000000d;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarButton:hover {
  color: #fff;
  background: #3b82f6;
  border-color: #2563eb;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px #3b82f64d;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarButton:active {
  transform: translateY(0);
  box-shadow: 0 1px 2px #3b82f633;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarButton:disabled {
  opacity: .4;
  cursor: not-allowed;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarButton:disabled:hover {
  color: #374151;
  background: #fff;
  transform: none;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarSelect {
  border: 2px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  color: #374151;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  cursor: pointer;
  background: #fff;
  min-width: 140px;
  padding: 8px 12px;
  transition: all .15s;
  box-shadow: 0 1px 2px #0000000d;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarSelect:hover {
  border-color: #3b82f6;
}

.rich-text-editor-module-scss-module__wo9YFa__toolbarSelect:focus {
  border-color: var(--color-primary-600);
  outline: none;
  box-shadow: 0 0 0 3px #3b82f61a;
}

.rich-text-editor-module-scss-module__wo9YFa__colorPicker {
  border: 2px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  background: #fff;
  width: 36px;
  height: 36px;
  transition: all .15s;
  box-shadow: 0 1px 2px #0000000d;
}

.rich-text-editor-module-scss-module__wo9YFa__colorPicker:hover {
  border-color: #3b82f6;
  transform: translateY(-1px);
  box-shadow: 0 2px 4px #0000001a;
}

.rich-text-editor-module-scss-module__wo9YFa__colorPicker::-webkit-color-swatch-wrapper {
  border-radius: var(--radius-sm);
  border: none;
  padding: 2px;
}

.rich-text-editor-module-scss-module__wo9YFa__colorPicker::-webkit-color-swatch {
  border: none;
  border-radius: 4px;
}

.rich-text-editor-module-scss-module__wo9YFa__quillEditor {
  flex: 1;
  min-height: 0;
}

.rich-text-editor-module-scss-module__wo9YFa__quillEditor .ql-container {
  border: none;
  height: 100%;
}

.rich-text-editor-module-scss-module__wo9YFa__quillEditor .ql-editor {
  scrollbar-width: thin;
  scrollbar-color: var(--color-secondary-300) #0000;
  height: 100%;
  min-height: 100%;
  overflow: auto;
}

.rich-text-editor-module-scss-module__wo9YFa__quillEditor .ql-editor::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

.rich-text-editor-module-scss-module__wo9YFa__quillEditor .ql-editor::-webkit-scrollbar-thumb {
  background: var(--color-secondary-300);
  border-radius: var(--radius-sm);
}

.rich-text-editor-module-scss-module__wo9YFa__loadingEditor {
  color: #6b7280;
  padding: var(--space-enormous) var(--space-xxlarge);
  background: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 200px;
  display: flex;
}

.rich-text-editor-module-scss-module__wo9YFa__loadingSpinner {
  border: 3px solid #e5e7eb;
  border-top-color: #3b82f6;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: 1s linear infinite rich-text-editor-module-scss-module__wo9YFa__spin;
}

@keyframes rich-text-editor-module-scss-module__wo9YFa__spin {
  from {
    transform: rotate(0);
  }

  to {
    transform: rotate(360deg);
  }
}

.rich-text-editor-module-scss-module__wo9YFa__statusBar {
  justify-content: flex-end;
  gap: var(--space-small);
  padding: var(--space-small) var(--space-medium);
  font-size: var(--font-size-sm);
  color: var(--color-font-disable);
  background: var(--color-secondary-50);
  border-top: 1px solid var(--color-border-default);
  border-radius: 0 0 8px 8px;
  display: flex;
}

.rich-text-editor-module-scss-module__wo9YFa__statusDivider {
  opacity: .6;
}

.rich-text-editor-module-scss-module__wo9YFa__error .rich-text-editor-module-scss-module__wo9YFa__richTextEditor {
  border-color: var(--color-danger-500);
  box-shadow: 0 0 0 2px rgba(var(--color-danger-500), .15),var(--shadow-sm);
}

.rich-text-editor-module-scss-module__wo9YFa__error .rich-text-editor-module-scss-module__wo9YFa__richTextEditor:focus-within {
  border-color: var(--color-danger-500);
  box-shadow: 0 0 0 2px rgba(var(--color-danger-500), .25),var(--shadow-md);
}

.rich-text-editor-module-scss-module__wo9YFa__success .rich-text-editor-module-scss-module__wo9YFa__richTextEditor {
  border-color: var(--color-success-500);
  box-shadow: 0 0 0 2px rgba(var(--color-success-500), .15),var(--shadow-sm);
}

.rich-text-editor-module-scss-module__wo9YFa__success .rich-text-editor-module-scss-module__wo9YFa__richTextEditor:focus-within {
  border-color: var(--color-success-500);
  box-shadow: 0 0 0 2px rgba(var(--color-success-500), .25),var(--shadow-md);
}

.rich-text-editor-module-scss-module__wo9YFa__warning .rich-text-editor-module-scss-module__wo9YFa__richTextEditor {
  border-color: var(--color-warning-500);
  box-shadow: 0 0 0 2px rgba(var(--color-warning-500), .15),var(--shadow-sm);
}

.rich-text-editor-module-scss-module__wo9YFa__warning .rich-text-editor-module-scss-module__wo9YFa__richTextEditor:focus-within {
  border-color: var(--color-warning-500);
  box-shadow: 0 0 0 2px rgba(var(--color-warning-500), .25),var(--shadow-md);
}

.rich-text-editor-module-scss-module__wo9YFa__disabled {
  opacity: .6;
  cursor: not-allowed;
}

.rich-text-editor-module-scss-module__wo9YFa__disabled .rich-text-editor-module-scss-module__wo9YFa__richTextEditor {
  background: var(--color-secondary-100);
  border-color: var(--color-border-table);
  cursor: not-allowed;
}

.rich-text-editor-module-scss-module__wo9YFa__focused .rich-text-editor-module-scss-module__wo9YFa__richTextEditor {
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 2px rgba(var(--color-primary-600), .15),var(--shadow-md);
}

.rich-text-editor-module-scss-module__wo9YFa__message {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  margin-top: var(--space-tiny);
  line-height: var(--line-height-tight);
}

.rich-text-editor-module-scss-module__wo9YFa__message--error {
  color: var(--color-danger-500);
}

.rich-text-editor-module-scss-module__wo9YFa__message--success {
  color: var(--color-success-500);
}

.rich-text-editor-module-scss-module__wo9YFa__message--warning {
  color: var(--color-warning-500);
}

.rich-text-editor-module-scss-module__wo9YFa__message--helper {
  color: var(--color-font-disable);
}

.rich-text-editor-module-scss-module__wo9YFa__size-small .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__customToolbar, .rich-text-editor-module-scss-module__wo9YFa__size-small .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__toolbar {
  padding: var(--editor-padding-small);
  gap: var(--space-tiny);
}

.rich-text-editor-module-scss-module__wo9YFa__size-small .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__toolbarButton {
  min-width: 32px;
  height: 32px;
  font-size: var(--editor-font-size-small);
}

.rich-text-editor-module-scss-module__wo9YFa__size-small .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__toolbarSelect {
  min-width: 110px;
  font-size: var(--editor-font-size-small);
  padding: 6px 10px;
}

.rich-text-editor-module-scss-module__wo9YFa__size-small .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__colorPicker {
  width: 32px;
  height: 32px;
}

.rich-text-editor-module-scss-module__wo9YFa__size-small .rich-text-editor-module-scss-module__wo9YFa__label {
  font-size: 10px;
}

.rich-text-editor-module-scss-module__wo9YFa__size-large .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__customToolbar, .rich-text-editor-module-scss-module__wo9YFa__size-large .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__toolbar {
  padding: var(--editor-padding-large);
  gap: var(--space-medium);
}

.rich-text-editor-module-scss-module__wo9YFa__size-large .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__toolbarButton {
  min-width: 40px;
  height: 40px;
  font-size: var(--editor-font-size-large);
}

.rich-text-editor-module-scss-module__wo9YFa__size-large .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__toolbarSelect {
  min-width: 150px;
  font-size: var(--editor-font-size-large);
  padding: 10px 14px;
}

.rich-text-editor-module-scss-module__wo9YFa__size-large .rich-text-editor-module-scss-module__wo9YFa__richTextEditor .rich-text-editor-module-scss-module__wo9YFa__colorPicker {
  width: 40px;
  height: 40px;
}

.rich-text-editor-module-scss-module__wo9YFa__size-large .rich-text-editor-module-scss-module__wo9YFa__label {
  font-size: var(--font-size-sm);
}

@media (max-width: 640px) {
  .rich-text-editor-module-scss-module__wo9YFa__richTextEditorContainer {
    margin-bottom: 4px;
  }

  .rich-text-editor-module-scss-module__wo9YFa__toolbar, .rich-text-editor-module-scss-module__wo9YFa__customToolbar {
    gap: var(--space-tiny);
    padding: var(--space-small);
  }

  .rich-text-editor-module-scss-module__wo9YFa__toolbarGroup {
    flex-wrap: wrap;
  }

  .rich-text-editor-module-scss-module__wo9YFa__toolbarGroup:not(:last-child) {
    border-right: 1px solid var(--color-border-default);
    padding-right: var(--space-tiny);
  }

  .rich-text-editor-module-scss-module__wo9YFa__toolbarButton {
    min-width: 32px;
    height: 32px;
    font-size: 13px;
  }

  .rich-text-editor-module-scss-module__wo9YFa__toolbarSelect {
    min-width: 110px;
    padding: 6px 10px;
    font-size: 13px;
  }

  .rich-text-editor-module-scss-module__wo9YFa__colorPicker {
    width: 32px;
    height: 32px;
  }

  .rich-text-editor-module-scss-module__wo9YFa__label {
    margin-bottom: 8px;
    font-size: 14px;
  }
}

@media (prefers-contrast: high) {
  .rich-text-editor-module-scss-module__wo9YFa__richTextEditor {
    border-width: 2px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rich-text-editor-module-scss-module__wo9YFa__richTextEditor, .rich-text-editor-module-scss-module__wo9YFa__toolbarButton, .rich-text-editor-module-scss-module__wo9YFa__toolbarSelect, .rich-text-editor-module-scss-module__wo9YFa__colorPicker {
    transition: none;
  }

  .rich-text-editor-module-scss-module__wo9YFa__toolbarButton:hover, .rich-text-editor-module-scss-module__wo9YFa__colorPicker:hover {
    transform: none;
  }

  .rich-text-editor-module-scss-module__wo9YFa__loadingSpinner {
    animation: none;
  }
}

/* [project]/src/app/[locale]/(private)/products/_shared/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__jhRE2G__headerSection {
  padding: var(--space-compact) var(--space-medium-plus);
  border-bottom: 1px solid var(--color-border-default);
}

.styles-module-scss-module__jhRE2G__headerContent {
  margin-top: var(--space-compact);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-small);
  flex-wrap: wrap;
  display: flex;
}

.styles-module-scss-module__jhRE2G__pageTitle {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-font-headings);
  margin: 0;
}

.styles-module-scss-module__jhRE2G__headerActions {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__jhRE2G__contentWrapper {
  width: 100%;
  padding: var(--space-medium-plus);
  gap: var(--space-xxlarge);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__jhRE2G__topSection {
  gap: var(--space-large-plus);
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (min-width: 1024px) {
  .styles-module-scss-module__jhRE2G__topSection {
    gap: var(--space-xxlarge);
    grid-template-columns: 1fr 352px;
    align-items: start;
    display: grid;
  }
}

.styles-module-scss-module__jhRE2G__mainColumn, .styles-module-scss-module__jhRE2G__sidebarColumn {
  gap: var(--space-large-plus);
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (min-width: 1024px) {
  .styles-module-scss-module__jhRE2G__sidebarColumn {
    top: var(--space-xxlarge);
    height: fit-content;
    position: sticky;
  }
}

.styles-module-scss-module__jhRE2G__bottomSection {
  gap: var(--space-xxlarge);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__jhRE2G__card {
  width: 100%;
}

.styles-module-scss-module__jhRE2G__formSection {
  gap: var(--space-medium);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__jhRE2G__textareaField {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__jhRE2G__textareaLabel {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: default;
  margin-bottom: var(--space-tiny);
  font-weight: 400;
  line-height: 14px;
}

.styles-module-scss-module__jhRE2G__requiredIndicator {
  color: var(--color-danger-600);
  margin-inline-start: var(--space-tiny);
}

.styles-module-scss-module__jhRE2G__toggleRow {
  padding: var(--space-compact) 0;
  border-bottom: 1px solid var(--color-border-default);
  margin-bottom: var(--space-compact);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.styles-module-scss-module__jhRE2G__toggleLabel {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  font-weight: 500;
}

.styles-module-scss-module__jhRE2G__toggleControl {
  align-items: center;
  gap: var(--space-compact);
  display: flex;
}

.styles-module-scss-module__jhRE2G__toggleStatus {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  min-width: 60px;
  font-weight: 400;
}

.styles-module-scss-module__jhRE2G__categoryRow {
  align-items: flex-end;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__jhRE2G__categoryRow .styles-module-scss-module__jhRE2G__categoryDropdown {
  flex: 1;
  min-width: 0;
}

.styles-module-scss-module__jhRE2G__menuFooterButton {
  align-items: center;
  gap: var(--space-small, 8px);
  border-radius: var(--button-radius, 8px);
  background: var(--button-secondary-bg-default);
  width: 100%;
  color: var(--button-secondary-font-default);
  cursor: pointer;
  font-family: var(--font-family-buttons);
  font-weight: var(--font-weight-medium);
  padding: var(--button-xsmall-padding-top) var(--button-xsmall-padding-right) var(--button-xsmall-padding-bottom) var(--button-xsmall-padding-left);
  min-height: var(--button-height-xsmall);
  border: 1px solid #0000;
  font-size: 14px;
  line-height: 14px;
  transition: background-color .15s, color .15s;
  display: flex;
}

.styles-module-scss-module__jhRE2G__menuFooterButton:hover {
  background: var(--button-secondary-bg-hover);
  color: var(--button-secondary-font-hover);
}

.styles-module-scss-module__jhRE2G__fieldError {
  color: var(--color-danger-600);
  font-size: var(--font-size-sm);
  margin-top: var(--space-tiny);
}

.styles-module-scss-module__jhRE2G__variantOptionsFooter {
  padding-top: var(--space-tiny);
  justify-content: flex-start;
  display: flex;
}

.styles-module-scss-module__jhRE2G__textareaInput {
  width: 100%;
  min-height: 44px;
  padding: var(--space-medium) var(--space-compact);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  font-family: var(--font-family-texts);
  font-size: var(--font-size-md);
  color: var(--color-font-headings);
  resize: vertical;
  background: #fff;
  outline: none;
  line-height: 20px;
  transition: border-color .15s, box-shadow .15s;
}

.styles-module-scss-module__jhRE2G__textareaInput::placeholder {
  color: var(--color-font-disable);
}

.styles-module-scss-module__jhRE2G__textareaInput:focus {
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-primary-300);
  background: #fff;
  outline: none;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.styles-module-scss-module__jhRE2G__textareaInput.styles-module-scss-module__jhRE2G__textareaError {
  border-color: var(--color-danger-300);
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.styles-module-scss-module__jhRE2G__toggleHelper {
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
}

.styles-module-scss-module__jhRE2G__translationContainer {
  background: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: 12px;
  margin-bottom: 24px;
  overflow: hidden;
}

.styles-module-scss-module__jhRE2G__translationHeader {
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 20px;
  display: flex;
}

.styles-module-scss-module__jhRE2G__titleContainer {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__jhRE2G__translationTitle {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
  margin: 0;
}

.styles-module-scss-module__jhRE2G__helpButton {
  cursor: pointer;
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: color .2s;
  display: flex;
}

.styles-module-scss-module__jhRE2G__helpButton:hover {
  color: var(--color-primary-500);
}

.styles-module-scss-module__jhRE2G__translationHeaderActions {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__jhRE2G__translationCollapseButton {
  cursor: pointer;
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: color .2s;
  display: flex;
}

.styles-module-scss-module__jhRE2G__translationCollapseButton:hover {
  color: var(--color-font-headings);
}

.styles-module-scss-module__jhRE2G__footerSection {
  bottom: var(--space-medium-plus);
  z-index: 10;
  pointer-events: none;
  justify-content: center;
  display: flex;
  position: sticky;
}

.styles-module-scss-module__jhRE2G__footerContent {
  pointer-events: all;
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-small);
  padding: var(--space-compact) var(--space-medium);
  background-color: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: 999px;
  display: inline-flex;
  box-shadow: 0 4px 16px #0000001a, 0 1px 4px #0000000f;
}

.styles-module-scss-module__jhRE2G__footerContentWithLeading {
  pointer-events: all;
  align-items: center;
  gap: var(--space-medium);
  padding: var(--space-compact) var(--space-medium);
  background-color: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: 999px;
  display: inline-flex;
  box-shadow: 0 4px 16px #0000001a, 0 1px 4px #0000000f;
}

.styles-module-scss-module__jhRE2G__translationContent, .styles-module-scss-module__jhRE2G__matrixWrapper {
  width: 100%;
}

.styles-module-scss-module__jhRE2G__imageVariantHint {
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  margin-top: var(--space-tiny);
}

.styles-module-scss-module__jhRE2G__fullWidthPicker {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-card-corner);
  background-image: none;
  width: 100%;
  height: auto;
  min-height: 200px;
}

.styles-module-scss-module__jhRE2G__fullWidthPicker [data-testid$="-main-preview"] {
  width: 100%;
  height: 240px;
  padding-top: 0;
}

.styles-module-scss-module__jhRE2G__fullWidthPicker [data-testid$="-main-preview"] img, .styles-module-scss-module__jhRE2G__fullWidthPicker [data-testid$="-main-preview"] video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.styles-module-scss-module__jhRE2G__fullWidthPicker [data-testid$="-thumbnails"] {
  max-height: none;
}

/* [project]/src/core/new-components/common/phone-input-field/phone-input-field.module.scss.module.css [app-client] (css) */
.PhoneInput {
  align-items: center;
  width: 100%;
  display: flex;
}

.PhoneInputInput {
  color: var(--color-secondary-900);
  box-sizing: border-box;
  background: none;
  border: none;
  outline: none;
  flex: 1;
  min-width: 0;
  font-family: inherit;
}

.PhoneInputInput::placeholder {
  color: var(--color-secondary-500);
}

.PhoneInputInput:disabled {
  cursor: not-allowed;
}

.PhoneInputCountry {
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.PhoneInputCountry:after {
  content: "";
  background-color: var(--color-secondary-200);
  width: 1px;
  height: 60%;
  margin-inline-start: var(--space-tiny);
  display: block;
}

.PhoneInputCountryIcon {
  flex-shrink: 0;
  align-items: center;
  width: 22px;
  height: 16px;
  display: flex;
}

.PhoneInputCountryIconImage {
  object-fit: cover;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  display: block;
}

.phone-input-field-module-scss-module__1gpcba__countrySelect {
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.phone-input-field-module-scss-module__1gpcba__countryTrigger {
  align-items: center;
  gap: var(--space-tiny);
  height: 100%;
  padding: 0 var(--space-small);
  cursor: pointer;
  white-space: nowrap;
  background: none;
  border: none;
  display: flex;
}

.phone-input-field-module-scss-module__1gpcba__countryTrigger:disabled {
  cursor: not-allowed;
  opacity: .6;
}

.phone-input-field-module-scss-module__1gpcba__triggerFlag {
  font-size: var(--font-size-lg);
  line-height: 1;
}

.phone-input-field-module-scss-module__1gpcba__triggerDialCode {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-secondary-800);
}

.phone-input-field-module-scss-module__1gpcba__chevron {
  flex-shrink: 0;
  transition: transform .15s;
}

.phone-input-field-module-scss-module__1gpcba__chevronOpen {
  flex-shrink: 0;
  transition: transform .15s;
  transform: rotate(180deg);
}

.phone-input-field-module-scss-module__1gpcba__countryDropdown {
  top: calc(100% + var(--space-small));
  z-index: 200;
  background: var(--color-white);
  border: 1px solid var(--color-secondary-200);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  min-width: 260px;
  position: absolute;
  inset-inline-start: 0;
  overflow: hidden;
}

.phone-input-field-module-scss-module__1gpcba__dropdownSearch {
  padding: var(--space-small);
  border-bottom: 1px solid var(--color-secondary-100);
}

.phone-input-field-module-scss-module__1gpcba__dropdownSearch input {
  border: 1px solid var(--color-secondary-200);
  border-radius: var(--radius-sm);
  width: 100%;
  padding: var(--space-tiny) var(--space-small);
  font-size: var(--font-size-sm);
  color: var(--color-secondary-900);
  background: var(--color-secondary-50);
  box-sizing: border-box;
  outline: none;
  font-family: inherit;
}

.phone-input-field-module-scss-module__1gpcba__dropdownSearch input::placeholder {
  color: var(--color-secondary-400);
}

.phone-input-field-module-scss-module__1gpcba__dropdownSearch input:focus {
  border-color: var(--color-primary-400);
}

.phone-input-field-module-scss-module__1gpcba__dropdownList {
  max-height: 200px;
  overflow-y: auto;
}

.phone-input-field-module-scss-module__1gpcba__dropdownOption {
  align-items: center;
  gap: var(--space-small);
  width: 100%;
  padding: var(--space-small) var(--space-medium);
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--color-secondary-800);
  text-align: start;
  background: none;
  border: none;
  display: flex;
}

.phone-input-field-module-scss-module__1gpcba__dropdownOption:hover {
  background: var(--color-secondary-50);
}

.phone-input-field-module-scss-module__1gpcba__selectedOption {
  background: var(--color-primary-50);
  color: var(--color-primary-700);
  font-weight: var(--font-weight-medium);
}

.phone-input-field-module-scss-module__1gpcba__selectedOption .phone-input-field-module-scss-module__1gpcba__optionDialCode {
  color: var(--color-primary-500);
}

.phone-input-field-module-scss-module__1gpcba__optionFlag {
  font-size: var(--font-size-md);
  flex-shrink: 0;
  line-height: 1;
}

.phone-input-field-module-scss-module__1gpcba__optionName {
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: start;
  flex: 1;
  overflow: hidden;
}

.phone-input-field-module-scss-module__1gpcba__optionDialCode {
  font-size: var(--font-size-xs);
  color: var(--color-secondary-500);
  flex-shrink: 0;
}

.phone-input-field-module-scss-module__1gpcba__container {
  gap: var(--space-tiny);
  direction: ltr;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.phone-input-field-module-scss-module__1gpcba__labelWrapper {
  align-items: center;
  gap: var(--space-tiny);
  display: flex;
}

.phone-input-field-module-scss-module__1gpcba__label {
  font-family: var(--typeface-headings);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-secondary-700);
  margin: 0;
  font-style: normal;
  line-height: 14px;
  text-decoration: none;
}

.phone-input-field-module-scss-module__1gpcba__required {
  color: var(--color-danger-600);
  margin-inline-start: 2px;
}

.phone-input-field-module-scss-module__1gpcba__helpIcon {
  cursor: help;
  flex-shrink: 0;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper {
  background-color: var(--color-white);
  border: 1px solid var(--color-secondary-300);
  border-radius: var(--radius-sm);
  box-sizing: border-box;
  align-items: center;
  padding-inline-end: var(--space-small);
  transition: all .2s ease-in-out;
  display: flex;
  position: relative;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper:hover:not(.phone-input-field-module-scss-module__1gpcba__disabled) {
  border-color: var(--color-primary-400);
  box-shadow: var(--shadow-md);
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__focused {
  border-color: var(--color-secondary-500);
  outline: none;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__disabled {
  background-color: var(--color-secondary-50);
  cursor: not-allowed;
  opacity: .6;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__wrong {
  border-color: var(--color-danger-400);
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__wrong:hover:not(.phone-input-field-module-scss-module__1gpcba__disabled), .phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__wrong.phone-input-field-module-scss-module__1gpcba__focused {
  border-color: var(--color-danger-500);
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__success {
  border-color: var(--color-success-400);
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__success:hover:not(.phone-input-field-module-scss-module__1gpcba__disabled), .phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__success.phone-input-field-module-scss-module__1gpcba__focused {
  border-color: var(--color-success-500);
  box-shadow: 0 8px 16px #90e5a31f;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__xsmall {
  height: 36px;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__xsmall .PhoneInputInput {
  font-family: var(--typeface-headings);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  font-style: normal;
  line-height: 14px;
  text-decoration: none;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__xsmall .PhoneInputCountry {
  height: 36px;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__small {
  height: 40px;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__small .PhoneInputInput {
  font-family: var(--typeface-headings);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  font-style: normal;
  line-height: 20px;
  text-decoration: none;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__small .PhoneInputCountry {
  height: 40px;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__medium {
  height: 44px;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__medium .PhoneInputInput {
  font-family: var(--typeface-headings);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  font-style: normal;
  line-height: 20px;
  text-decoration: none;
}

.phone-input-field-module-scss-module__1gpcba__inputWrapper.phone-input-field-module-scss-module__1gpcba__medium .PhoneInputCountry {
  height: 44px;
}

.phone-input-field-module-scss-module__1gpcba__message {
  font-family: var(--typeface-headings);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-secondary-700);
  margin: 0;
  font-style: normal;
  line-height: 14px;
  text-decoration: none;
}

.phone-input-field-module-scss-module__1gpcba__message.phone-input-field-module-scss-module__1gpcba__wrong {
  color: var(--color-danger-700);
}

.phone-input-field-module-scss-module__1gpcba__message.phone-input-field-module-scss-module__1gpcba__success {
  color: var(--color-success-700);
}

@media (max-width: 768px) {
  .phone-input-field-module-scss-module__1gpcba__container {
    width: 100%;
  }
}

/* [project]/node_modules/react-phone-number-input/style.css [app-client] (css) */
:root {
  --PhoneInput-color--focus: #03b2cb;
  --PhoneInputInternationalIconPhone-opacity: .8;
  --PhoneInputInternationalIconGlobe-opacity: .65;
  --PhoneInputCountrySelect-marginRight: .35em;
  --PhoneInputCountrySelectArrow-width: .3em;
  --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);
  --PhoneInputCountrySelectArrow-borderWidth: 1px;
  --PhoneInputCountrySelectArrow-opacity: .45;
  --PhoneInputCountrySelectArrow-color: currentColor;
  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountrySelectArrow-transform: rotate(45deg);
  --PhoneInputCountryFlag-aspectRatio: 1.5;
  --PhoneInputCountryFlag-height: 1em;
  --PhoneInputCountryFlag-borderWidth: 1px;
  --PhoneInputCountryFlag-borderColor: #00000080;
  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);
  --PhoneInputCountryFlag-backgroundColor--loading: #0000001a;
}

.PhoneInput {
  align-items: center;
  display: flex;
}

.PhoneInputInput {
  flex: 1;
  min-width: 0;
}

.PhoneInputCountryIcon {
  width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));
  height: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--square {
  width: var(--PhoneInputCountryFlag-height);
}

.PhoneInputCountryIcon--border {
  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);
}

.PhoneInputCountryIconImg {
  width: 100%;
  height: 100%;
  display: block;
}

.PhoneInputInternationalIconPhone {
  opacity: var(--PhoneInputInternationalIconPhone-opacity);
}

.PhoneInputInternationalIconGlobe {
  opacity: var(--PhoneInputInternationalIconGlobe-opacity);
}

.PhoneInputCountry {
  margin-right: var(--PhoneInputCountrySelect-marginRight);
  align-self: stretch;
  align-items: center;
  display: flex;
  position: relative;
}

.PhoneInputCountrySelect {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.PhoneInputCountrySelect[disabled], .PhoneInputCountrySelect[readonly] {
  cursor: default;
}

.PhoneInputCountrySelectArrow {
  content: "";
  width: var(--PhoneInputCountrySelectArrow-width);
  height: var(--PhoneInputCountrySelectArrow-width);
  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);
  border-style: solid;
  border-color: var(--PhoneInputCountrySelectArrow-color);
  border-top-width: 0;
  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  border-left-width: 0;
  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);
  transform: var(--PhoneInputCountrySelectArrow-transform);
  opacity: var(--PhoneInputCountrySelectArrow-opacity);
  display: block;
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {
  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),
		inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);
}

.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {
  opacity: 1;
  color: var(--PhoneInputCountrySelectArrow-color--focus);
}

/* [project]/src/core/new-components/common/toggle-switch/toggle-switch.module.scss.module.css [app-client] (css) */
.toggle-switch-module-scss-module__Gtthia__switch {
  cursor: pointer;
  width: 44px;
  height: 24px;
  padding: 0 var(--space-tiny);
  border: none;
  border-radius: 9999px;
  outline: none;
  align-items: center;
  transition: background-color .18s, box-shadow .18s;
  display: inline-flex;
  position: relative;
}

.toggle-switch-module-scss-module__Gtthia__on {
  background-color: var(--color-primary-600);
  box-shadow: inset 0 0 0 2px #0000000f;
}

.toggle-switch-module-scss-module__Gtthia__off {
  background-color: var(--color-secondary-300);
  box-shadow: inset 0 0 0 2px #0000000f;
}

.toggle-switch-module-scss-module__Gtthia__disabled {
  opacity: .6;
  cursor: not-allowed;
}

.toggle-switch-module-scss-module__Gtthia__knob {
  background-color: var(--color-white);
  width: 18px;
  height: 18px;
  box-shadow: var(--shadow-sm);
  border-radius: 50%;
  transition: transform .18s;
  transform: translateX(0);
}

.toggle-switch-module-scss-module__Gtthia__on .toggle-switch-module-scss-module__Gtthia__knob {
  transform: translateX(18px);
}

[dir="rtl"] .toggle-switch-module-scss-module__Gtthia__on .toggle-switch-module-scss-module__Gtthia__knob {
  transform: translateX(-18px);
}

@media (prefers-reduced-motion: reduce) {
  .toggle-switch-module-scss-module__Gtthia__switch, .toggle-switch-module-scss-module__Gtthia__knob {
    transition: none;
  }
}

/* [project]/src/core/new-components/common/font-family-selector/font-family-selector.module.scss.module.css [app-client] (css) */
.font-family-selector-module-scss-module__jbbSHa__container {
  font-family: var(--font-family-texts);
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.font-family-selector-module-scss-module__jbbSHa__fullWidth {
  width: 100%;
}

/* [project]/src/core/new-components/common/skeleton/skeleton.module.scss.module.css [app-client] (css) */
.skeleton-module-scss-module__l1PXnW__skeleton {
  background: linear-gradient(90deg, var(--color-secondary-100) 25%, var(--color-secondary-50) 50%, var(--color-secondary-100) 75%);
  border-radius: var(--radius-sm);
  background-size: 200% 100%;
  animation: 1.4s ease-in-out infinite skeleton-module-scss-module__l1PXnW__shimmer;
}

.skeleton-module-scss-module__l1PXnW__text {
  border-radius: var(--radius-sm);
  height: 1rem;
}

.skeleton-module-scss-module__l1PXnW__circular {
  border-radius: 50%;
}

@keyframes skeleton-module-scss-module__l1PXnW__shimmer {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

/* [project]/src/core/new-components/common/store-language-selector/store-language-selector.module.scss.module.css [app-client] (css) */
.store-language-selector-module-scss-module__RfF0fa__dropdown {
  min-width: 120px;
}

.store-language-selector-module-scss-module__RfF0fa__skeletonWrapper {
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 40px;
  display: flex;
}

.store-language-selector-module-scss-module__RfF0fa__skeleton {
  background: linear-gradient(90deg, var(--color-secondary-100) 0%, var(--color-secondary-50) 50%, var(--color-secondary-100) 100%);
  border-radius: var(--radius-sm);
  background-size: 200% 100%;
  width: 100%;
  height: 100%;
  animation: 1.5s ease-in-out infinite store-language-selector-module-scss-module__RfF0fa__skeleton-loading;
}

.store-language-selector-module-scss-module__RfF0fa__skeletonLabel {
  background: linear-gradient(90deg, var(--color-secondary-100) 0%, var(--color-secondary-50) 50%, var(--color-secondary-100) 100%);
  border-radius: var(--radius-sm);
  width: 100px;
  height: 14px;
  margin-bottom: var(--space-small);
  background-size: 200% 100%;
  animation: 1.5s ease-in-out infinite store-language-selector-module-scss-module__RfF0fa__skeleton-loading;
}

.store-language-selector-module-scss-module__RfF0fa__skeletonMessage {
  background: linear-gradient(90deg, var(--color-secondary-100) 0%, var(--color-secondary-50) 50%, var(--color-secondary-100) 100%);
  border-radius: var(--radius-sm);
  width: 150px;
  height: 12px;
  margin-top: var(--space-small);
  background-size: 200% 100%;
  animation: 1.5s ease-in-out infinite store-language-selector-module-scss-module__RfF0fa__skeleton-loading;
}

@keyframes store-language-selector-module-scss-module__RfF0fa__skeleton-loading {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.store-language-selector-module-scss-module__RfF0fa__readOnlyContainer {
  flex-direction: column;
  display: flex;
}

.store-language-selector-module-scss-module__RfF0fa__readOnlyLabel {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-secondary-900);
  margin-bottom: var(--space-small);
  align-items: center;
  gap: var(--space-tiny);
  display: flex;
}

.store-language-selector-module-scss-module__RfF0fa__required {
  color: var(--color-danger-600);
}

.store-language-selector-module-scss-module__RfF0fa__readOnlyValue {
  padding: var(--space-medium) var(--space-large);
  background-color: var(--color-secondary-50);
  border-radius: var(--radius-sm);
  color: var(--color-secondary-700);
  font-size: var(--font-size-sm);
  align-items: center;
  min-height: 40px;
  display: flex;
}

.store-language-selector-module-scss-module__RfF0fa__readOnlyMessage {
  font-size: var(--font-size-xs);
  color: var(--color-secondary-500);
  margin-top: var(--space-small);
}

.store-language-selector-module-scss-module__RfF0fa__readOnlyError {
  font-size: var(--font-size-xs);
  color: var(--color-danger-600);
  margin-top: var(--space-small);
}

/* [project]/src/app/[locale]/(public)/seller-verification/seller-verification.module.scss.module.css [app-client] (css) */
.seller-verification-module-scss-module__vXOs0q__pageLayout {
  background: var(--color-secondary-50);
  min-height: 100vh;
  padding: var(--space-large);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.seller-verification-module-scss-module__vXOs0q__contentContainer {
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 480px;
  display: flex;
}

.seller-verification-module-scss-module__vXOs0q__verificationCard {
  background: var(--color-white);
  border-radius: var(--radius-lg);
  width: 100%;
  box-shadow: var(--shadow-xl);
  padding: var(--space-massive);
  border: 1px solid var(--color-border-default);
}

.seller-verification-module-scss-module__vXOs0q__logoutWrapper {
  top: var(--space-xlarge);
  z-index: 10;
  position: absolute;
  inset-inline-end: var(--space-xlarge);
}

.seller-verification-module-scss-module__vXOs0q__header {
  text-align: center;
  margin-bottom: var(--space-huge);
}

.seller-verification-module-scss-module__vXOs0q__title {
  color: var(--color-font-headings);
  margin-bottom: var(--space-medium);
  font-weight: var(--font-weight-bold);
}

.seller-verification-module-scss-module__vXOs0q__subtitle {
  color: var(--color-font-disable);
  line-height: var(--line-height-relaxed);
}

.seller-verification-module-scss-module__vXOs0q__form {
  gap: var(--space-xxlarge);
  flex-direction: column;
  display: flex;
}

.seller-verification-module-scss-module__vXOs0q__otpContainer {
  gap: var(--space-medium);
  justify-content: center;
  align-items: center;
  display: flex;
}

.seller-verification-module-scss-module__vXOs0q__errorMessage {
  text-align: center;
  margin-top: var(--space-small);
  margin-bottom: var(--space-small);
  padding: var(--space-small);
  background: var(--color-danger-50);
  border: 1px solid var(--color-danger-200);
  border-radius: var(--radius-md);
}

.seller-verification-module-scss-module__vXOs0q__countdownContainer {
  justify-content: center;
  align-items: center;
  min-height: 40px;
  display: flex;
}

.seller-verification-module-scss-module__vXOs0q__timerText {
  font-weight: var(--font-weight-medium);
  text-align: center;
}

.seller-verification-module-scss-module__vXOs0q__resendButton {
  color: var(--color-primary-600);
  font-weight: var(--font-weight-medium);
}

.seller-verification-module-scss-module__vXOs0q__resendButton:hover {
  background: var(--color-primary-50);
  color: var(--color-primary-700);
}

.seller-verification-module-scss-module__vXOs0q__verifyButton {
  margin-top: var(--space-large);
  font-weight: var(--font-weight-semibold);
}

.seller-verification-module-scss-module__vXOs0q__verifyButton:disabled {
  opacity: .6;
  cursor: not-allowed;
}

@media (max-width: 640px) {
  .seller-verification-module-scss-module__vXOs0q__pageLayout {
    padding: var(--space-medium);
  }

  .seller-verification-module-scss-module__vXOs0q__verificationCard {
    padding: var(--space-xxlarge);
    border-radius: var(--radius-md);
  }

  .seller-verification-module-scss-module__vXOs0q__logoutWrapper {
    top: var(--space-medium);
    inset-inline-end: var(--space-medium);
  }

  .seller-verification-module-scss-module__vXOs0q__header {
    margin-bottom: var(--space-xxlarge);
  }

  .seller-verification-module-scss-module__vXOs0q__title {
    font-size: var(--font-size-2xl);
  }

  .seller-verification-module-scss-module__vXOs0q__subtitle {
    font-size: var(--font-size-md);
  }

  .seller-verification-module-scss-module__vXOs0q__otpContainer {
    gap: var(--space-small);
  }

  .seller-verification-module-scss-module__vXOs0q__otpInput {
    width: 50px;
  }

  .seller-verification-module-scss-module__vXOs0q__otpInput .input {
    font-size: var(--font-size-lg);
  }

  .seller-verification-module-scss-module__vXOs0q__form {
    gap: var(--space-large);
  }
}

@media (max-width: 480px) {
  .seller-verification-module-scss-module__vXOs0q__verificationCard {
    padding: var(--space-large);
  }

  .seller-verification-module-scss-module__vXOs0q__logoutWrapper {
    top: var(--space-small);
    inset-inline-end: var(--space-small);
  }

  .seller-verification-module-scss-module__vXOs0q__otpContainer {
    gap: var(--space-small);
  }

  .seller-verification-module-scss-module__vXOs0q__otpInput {
    width: 45px;
  }

  .seller-verification-module-scss-module__vXOs0q__otpInput .input {
    font-size: var(--font-size-md);
  }
}

@media (prefers-reduced-motion: reduce) {
  .seller-verification-module-scss-module__vXOs0q__otpInput .inputWrapper {
    transition: none;
  }
}

.seller-verification-module-scss-module__vXOs0q__otpInput:focus-within {
  z-index: 1;
  position: relative;
}

.seller-verification-module-scss-module__vXOs0q__verifyButton.loading .seller-verification-module-scss-module__vXOs0q__timerText {
  animation: 1.5s ease-in-out infinite seller-verification-module-scss-module__vXOs0q__pulse;
}

@keyframes seller-verification-module-scss-module__vXOs0q__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

@media print {
  .seller-verification-module-scss-module__vXOs0q__pageLayout {
    background: var(--color-white);
    box-shadow: none;
  }

  .seller-verification-module-scss-module__vXOs0q__verificationCard {
    box-shadow: none;
    border: 1px solid var(--color-secondary-900);
  }

  .seller-verification-module-scss-module__vXOs0q__otpInput .inputWrapper {
    border: 1px solid var(--color-secondary-900);
  }
}

/* [project]/src/core/new-components/common/combobox/combobox.module.scss.module.css [app-client] (css) */
.combobox-module-scss-module__HTRWnq__container {
  flex-direction: column;
  width: fit-content;
  display: flex;
  position: relative;
}

.combobox-module-scss-module__HTRWnq__container.combobox-module-scss-module__HTRWnq__fullWidth {
  width: 100%;
}

.combobox-module-scss-module__HTRWnq__labelWrapper {
  align-items: center;
  gap: var(--space-tiny);
  margin-bottom: var(--space-tiny);
  display: inline-flex;
}

.combobox-module-scss-module__HTRWnq__label {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: default;
  cursor: pointer;
  font-weight: 400;
  line-height: 14px;
}

.combobox-module-scss-module__HTRWnq__labelIcon {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__labelIcon svg {
  width: 16px;
  height: 16px;
}

.combobox-module-scss-module__HTRWnq__labelIcon {
  cursor: pointer;
  transition: opacity .2s;
}

.combobox-module-scss-module__HTRWnq__labelIcon:hover {
  opacity: .7;
}

.combobox-module-scss-module__HTRWnq__labelIcon {
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.combobox-module-scss-module__HTRWnq__inputWrapper {
  align-items: center;
  gap: var(--space-small);
  cursor: text;
  transition: border-color .15s, box-shadow .15s, background-color .15s;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__inputWrapper:focus-within:not(.combobox-module-scss-module__HTRWnq__disabled):not(.combobox-module-scss-module__HTRWnq__error):not(.combobox-module-scss-module__HTRWnq__success) {
  border-radius: var(--spacing-space-small, 8px);
  border: 1px solid var(--color-primary-300, #96c0fa);
  background: #fff;
  outline: none;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.combobox-module-scss-module__HTRWnq__inputWrapper.combobox-module-scss-module__HTRWnq__disabled {
  opacity: .6;
  cursor: not-allowed;
  background: var(--color-secondary-50);
  pointer-events: none;
}

.combobox-module-scss-module__HTRWnq__inputWrapper.combobox-module-scss-module__HTRWnq__error, .combobox-module-scss-module__HTRWnq__inputWrapper.combobox-module-scss-module__HTRWnq__error:focus-within {
  border: 1px solid var(--color-danger-300);
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.combobox-module-scss-module__HTRWnq__inputWrapper.combobox-module-scss-module__HTRWnq__success, .combobox-module-scss-module__HTRWnq__inputWrapper.combobox-module-scss-module__HTRWnq__success:focus-within {
  border: 1px solid var(--color-success-300);
  box-shadow: 0 8px 16px #90e5a31f;
}

.combobox-module-scss-module__HTRWnq__sizeSmall {
  min-height: 40px;
  padding: var(--space-compact) var(--space-small);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__sizeMedium {
  min-height: 44px;
  padding: var(--space-medium) var(--space-compact);
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: #fff;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__sizeLarge {
  min-height: 48px;
  padding: var(--space-medium) var(--space-medium);
}

.combobox-module-scss-module__HTRWnq__input {
  font-family: var(--font-family-texts);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  width: 100%;
  min-width: 0;
}

.combobox-module-scss-module__HTRWnq__input:disabled {
  cursor: not-allowed;
}

.combobox-module-scss-module__HTRWnq__input {
  color: var(--color-font-headings);
}

.combobox-module-scss-module__HTRWnq__input:focus {
  outline: none;
}

.combobox-module-scss-module__HTRWnq__input::placeholder {
  color: var(--color-font-disable);
}

.combobox-module-scss-module__HTRWnq__input:disabled {
  color: var(--color-font-disable);
  cursor: not-allowed;
}

.combobox-module-scss-module__HTRWnq__startAdornment, .combobox-module-scss-module__HTRWnq__endAdornment {
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__clearButton {
  width: 16px;
  height: 16px;
  color: var(--color-font-links-labels);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__clearButton svg {
  width: 16px;
  height: 16px;
}

.combobox-module-scss-module__HTRWnq__clearButton {
  cursor: pointer;
  transition: opacity .2s;
}

.combobox-module-scss-module__HTRWnq__clearButton:hover {
  opacity: .7;
}

.combobox-module-scss-module__HTRWnq__clearButton {
  font-size: 14px;
}

.combobox-module-scss-module__HTRWnq__clearButton:hover {
  color: var(--color-danger-600);
}

.combobox-module-scss-module__HTRWnq__loadingSpinner {
  border: 2px solid var(--color-secondary-200);
  border-top-color: var(--color-primary-600);
  border-radius: 50%;
  width: 16px;
  height: 16px;
  animation: .8s linear infinite combobox-module-scss-module__HTRWnq__spin;
}

@keyframes combobox-module-scss-module__HTRWnq__spin {
  to {
    transform: rotate(360deg);
  }
}

.combobox-module-scss-module__HTRWnq__chevron {
  color: var(--color-font-links-labels);
  justify-content: center;
  align-items: center;
  transition: transform .2s;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__chevron.combobox-module-scss-module__HTRWnq__open {
  transform: rotate(180deg);
}

.combobox-module-scss-module__HTRWnq__menu {
  top: calc(100% + var(--space-tiny));
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  width: 100%;
  max-height: 250px;
  box-shadow: var(--shadow-lg);
  z-index: 1000;
  padding: var(--space-tiny);
  background: #fff;
  flex-direction: column;
  gap: 2px;
  display: flex;
  position: absolute;
  left: 0;
  overflow-y: auto;
}

.combobox-module-scss-module__HTRWnq__option {
  align-items: center;
  gap: var(--space-tiny, 4px);
  border-radius: var(--button-radius, 8px);
  background: var(--button-secondary-bg-default);
  color: var(--button-secondary-font-default);
  cursor: pointer;
  font-family: var(--font-family-buttons);
  font-weight: var(--font-weight-medium);
  border: 1px solid #0000;
  align-self: stretch;
  transition: background-color .15s, color .15s, border-color .15s, box-shadow .15s;
  display: flex;
}

.combobox-module-scss-module__HTRWnq__option:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.combobox-module-scss-module__HTRWnq__option {
  cursor: pointer;
}

.combobox-module-scss-module__HTRWnq__option:hover:not(.combobox-module-scss-module__HTRWnq__disabled):not(.combobox-module-scss-module__HTRWnq__selected), .combobox-module-scss-module__HTRWnq__option.combobox-module-scss-module__HTRWnq__focused {
  background: var(--button-secondary-bg-hover);
  color: var(--button-secondary-font-hover);
}

.combobox-module-scss-module__HTRWnq__option.combobox-module-scss-module__HTRWnq__selected {
  background: var(--button-secondary-bg-focused);
  color: var(--button-secondary-font-focused);
}

.combobox-module-scss-module__HTRWnq__option.combobox-module-scss-module__HTRWnq__disabled {
  opacity: .5;
  cursor: not-allowed;
}

.combobox-module-scss-module__HTRWnq__noOptions {
  padding: var(--space-medium);
  text-align: center;
  color: var(--color-font-disable);
  font-size: var(--font-size-sm);
}

.combobox-module-scss-module__HTRWnq__helperText {
  margin-top: var(--space-tiny);
  font-size: var(--font-size-xs);
  line-height: 14px;
  font-family: var(--font-family-texts);
}

.combobox-module-scss-module__HTRWnq__helperText.combobox-module-scss-module__HTRWnq__error {
  color: var(--color-danger-600);
}

.combobox-module-scss-module__HTRWnq__helperText.combobox-module-scss-module__HTRWnq__success {
  color: var(--color-success-600);
}

/* [project]/src/app/[locale]/(private)/products/add-new/complex/styles.module.scss.module.css [app-client] (css) */
.styles-module-scss-module__pwk6qW__headerSection {
  padding: var(--space-compact) var(--space-medium-plus);
  border-bottom: 1px solid var(--color-border-default);
}

.styles-module-scss-module__pwk6qW__headerContent {
  margin-top: var(--space-compact);
  justify-content: space-between;
  align-items: center;
  gap: var(--space-small);
  flex-wrap: wrap;
  display: flex;
}

.styles-module-scss-module__pwk6qW__pageTitle {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--color-font-headings);
  margin: 0;
}

.styles-module-scss-module__pwk6qW__headerActions {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__pwk6qW__contentWrapper {
  width: 100%;
  padding: var(--space-medium-plus);
  gap: var(--space-xxlarge);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__topSection {
  gap: var(--space-large-plus);
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (min-width: 1024px) {
  .styles-module-scss-module__pwk6qW__topSection {
    gap: var(--space-xxlarge);
    grid-template-columns: 1fr 352px;
    align-items: start;
    display: grid;
  }
}

.styles-module-scss-module__pwk6qW__mainColumn, .styles-module-scss-module__pwk6qW__sidebarColumn {
  gap: var(--space-large-plus);
  flex-direction: column;
  width: 100%;
  display: flex;
}

@media (min-width: 1024px) {
  .styles-module-scss-module__pwk6qW__sidebarColumn {
    top: var(--space-xxlarge);
    height: fit-content;
    position: sticky;
  }
}

.styles-module-scss-module__pwk6qW__bottomSection {
  gap: var(--space-xxlarge);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__pwk6qW__card {
  width: 100%;
}

.styles-module-scss-module__pwk6qW__formSection {
  gap: var(--space-medium);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__detailsFormGrid {
  gap: var(--space-medium);
  grid-template-columns: 1fr;
  display: grid;
}

@media (min-width: 768px) {
  .styles-module-scss-module__pwk6qW__detailsFormGrid {
    grid-template-columns: 1fr 1fr;
  }
}

.styles-module-scss-module__pwk6qW__textareaField {
  flex-direction: column;
  width: 100%;
  display: flex;
}

.styles-module-scss-module__pwk6qW__textareaLabel {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: default;
  margin-bottom: var(--space-tiny);
  font-weight: 400;
  line-height: 14px;
}

.styles-module-scss-module__pwk6qW__requiredIndicator {
  color: var(--color-danger-600);
  margin-inline-start: var(--space-tiny);
}

.styles-module-scss-module__pwk6qW__toggleRow {
  padding: var(--space-compact) 0;
  border-bottom: 1px solid var(--color-border-default);
  margin-bottom: var(--space-compact);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.styles-module-scss-module__pwk6qW__toggleLabel {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  font-weight: 500;
}

.styles-module-scss-module__pwk6qW__toggleControl {
  align-items: center;
  gap: var(--space-compact);
  display: flex;
}

.styles-module-scss-module__pwk6qW__toggleStatus {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  min-width: 60px;
  font-weight: 400;
}

.styles-module-scss-module__pwk6qW__fieldError {
  color: var(--color-danger-600);
  font-size: var(--font-size-sm);
  margin-top: var(--space-tiny);
}

.styles-module-scss-module__pwk6qW__textareaInput {
  width: 100%;
  min-height: 44px;
  padding: var(--space-medium) var(--space-compact);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  font-family: var(--font-family-texts);
  font-size: var(--font-size-md);
  color: var(--color-font-headings);
  resize: vertical;
  background: #fff;
  outline: none;
  line-height: 20px;
  transition: border-color .15s, box-shadow .15s;
}

.styles-module-scss-module__pwk6qW__textareaInput::placeholder {
  color: var(--color-font-disable);
}

.styles-module-scss-module__pwk6qW__textareaInput:focus {
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-primary-300);
  background: #fff;
  outline: none;
  box-shadow: 0 8px 16px #96c0fa1f;
}

.styles-module-scss-module__pwk6qW__textareaInput.styles-module-scss-module__pwk6qW__textareaError {
  border-color: var(--color-danger-300);
  box-shadow: 0 8px 16px #ff9d9d1f;
}

.styles-module-scss-module__pwk6qW__toggleHelper {
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
}

.styles-module-scss-module__pwk6qW__translationContainer {
  background: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: 12px;
  margin-bottom: 24px;
  overflow: hidden;
}

.styles-module-scss-module__pwk6qW__translationHeader {
  justify-content: space-between;
  align-items: center;
  padding: 24px 24px 20px;
  display: flex;
}

.styles-module-scss-module__pwk6qW__titleContainer {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__pwk6qW__translationTitle {
  font-size: 18px;
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
  margin: 0;
}

.styles-module-scss-module__pwk6qW__helpButton {
  cursor: pointer;
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: color .2s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__helpButton:hover {
  color: var(--color-primary-500);
}

.styles-module-scss-module__pwk6qW__translationHeaderActions {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__pwk6qW__translationCollapseButton {
  cursor: pointer;
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  transition: color .2s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__translationCollapseButton:hover {
  color: var(--color-font-headings);
}

.styles-module-scss-module__pwk6qW__translationContent {
  width: 100%;
}

.styles-module-scss-module__pwk6qW__matrixWrapper {
  width: 100%;
  overflow-x: auto;
}

.styles-module-scss-module__pwk6qW__attributeLabel {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: default;
  font-weight: 400;
  line-height: 14px;
}

.styles-module-scss-module__pwk6qW__expandBtn {
  cursor: pointer;
  padding: var(--space-tiny);
  border-radius: var(--radius-sm);
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__expandBtn:hover {
  background: var(--color-primary-50);
  color: var(--color-primary-600);
}

.styles-module-scss-module__pwk6qW__variantsEmptyState {
  text-align: center;
  padding: var(--space-xxlarge) var(--space-medium);
  background: var(--color-white);
  border: 1px dashed var(--color-border-default);
  border-radius: 12px;
}

.styles-module-scss-module__pwk6qW__variantsEmptyText {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
  margin: 0 0 var(--space-tiny) 0;
}

.styles-module-scss-module__pwk6qW__variantsEmptyHint {
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  margin: 0;
}

.styles-module-scss-module__pwk6qW__variantCustomAttrsSection {
  gap: var(--space-compact);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantCustomAttrsHeader {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-compact);
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantCustomAttrsFooter {
  padding-top: var(--space-compact);
  justify-content: flex-start;
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantCustomAttrRow {
  gap: var(--space-compact);
  grid-template-columns: 1fr 1fr auto;
  align-items: center;
  display: grid;
}

.styles-module-scss-module__pwk6qW__variantCustomAttrRow > button {
  align-self: center;
  height: 40px;
}

@media (max-width: 480px) {
  .styles-module-scss-module__pwk6qW__variantCustomAttrRow {
    grid-template-columns: 1fr;
  }
}

.styles-module-scss-module__pwk6qW__imageVariantsSection {
  gap: var(--space-large-plus);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__imageVariantCard {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-card-corner);
  background: var(--color-white);
  transition: box-shadow .15s;
  overflow: hidden;
}

.styles-module-scss-module__pwk6qW__imageVariantCard:hover {
  box-shadow: var(--shadow-md);
}

.styles-module-scss-module__pwk6qW__imageVariantCardHeader {
  align-items: center;
  gap: var(--space-medium);
  padding: var(--space-large);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__imageVariantCardHeader:hover {
  background: var(--color-primary-50);
}

.styles-module-scss-module__pwk6qW__imageVariantThumbnail {
  border-radius: var(--radius-sm);
  object-fit: cover;
  border: 1px solid var(--color-border-default);
  background-color: var(--color-secondary-50);
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.styles-module-scss-module__pwk6qW__imageVariantCardTitle {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
  flex: 1;
}

.styles-module-scss-module__pwk6qW__imageVariantCardBody {
  padding: 0 var(--space-large) var(--space-large);
  gap: var(--space-large);
  border-top: 1px solid var(--color-border-default);
  padding-top: var(--space-large);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__imageVariantFieldsGrid {
  gap: var(--space-medium);
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

@media (max-width: 900px) {
  .styles-module-scss-module__pwk6qW__imageVariantFieldsGrid {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 600px) {
  .styles-module-scss-module__pwk6qW__imageVariantFieldsGrid {
    grid-template-columns: 1fr;
  }
}

.styles-module-scss-module__pwk6qW__colorFieldWrapper {
  gap: var(--space-tiny);
  flex-direction: column;
  display: flex;
  position: relative;
}

.styles-module-scss-module__pwk6qW__colorFieldLabel {
  color: var(--color-font-links-labels);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: default;
  font-weight: 400;
  line-height: 14px;
}

.styles-module-scss-module__pwk6qW__colorInputContainer {
  align-items: center;
  gap: var(--space-tiny);
  width: 100%;
  height: 40px;
  padding: 0 var(--space-compact);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: var(--color-white);
  transition: border-color .15s, box-shadow .15s;
  display: flex;
  position: relative;
}

.styles-module-scss-module__pwk6qW__colorInputContainer:focus-within {
  border-color: var(--color-primary-300);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-300), .1);
}

.styles-module-scss-module__pwk6qW__colorInputContainer:hover {
  border-color: var(--color-primary-200);
}

.styles-module-scss-module__pwk6qW__colorInputContainerError {
  border-color: var(--color-danger-300);
  box-shadow: 0 0 0 3px rgba(var(--color-danger-300), .12);
}

.styles-module-scss-module__pwk6qW__colorInputContainerError:focus-within, .styles-module-scss-module__pwk6qW__colorInputContainerError:hover {
  border-color: var(--color-danger-400);
  box-shadow: 0 0 0 3px rgba(var(--color-danger-300), .16);
}

.styles-module-scss-module__pwk6qW__colorSwatchButton {
  cursor: pointer;
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: transform .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__colorSwatchButton:hover {
  transform: scale(1.05);
}

.styles-module-scss-module__pwk6qW__colorSwatchButton:active {
  transform: scale(.95);
}

.styles-module-scss-module__pwk6qW__colorSwatch {
  border-radius: var(--radius-sm);
  cursor: pointer;
  border: 1.5px solid #0000001a;
  width: 28px;
  height: 28px;
  transition: all .15s;
  box-shadow: 0 1px 2px #0000000d;
}

.styles-module-scss-module__pwk6qW__colorSwatchButton:hover .styles-module-scss-module__pwk6qW__colorSwatch {
  border-color: #0003;
  box-shadow: 0 2px 4px #0000001a;
}

.styles-module-scss-module__pwk6qW__colorNameField {
  min-width: 0;
  font-family: var(--font-family-texts);
  font-size: var(--font-size-md);
  color: var(--color-font-headings);
  background: none;
  border: none;
  outline: none;
  flex: 1;
  height: 100%;
  padding: 0;
}

.styles-module-scss-module__pwk6qW__colorNameField::placeholder {
  color: var(--color-font-disable);
}

.styles-module-scss-module__pwk6qW__colorClearButton {
  cursor: pointer;
  padding: var(--space-tiny);
  border-radius: var(--radius-sm);
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__colorClearButton:hover {
  background: rgba(var(--color-danger-600), .08);
  color: var(--color-danger-600);
}

.styles-module-scss-module__pwk6qW__colorClearButton:active {
  transform: scale(.95);
}

.styles-module-scss-module__pwk6qW__colorValueControl {
  align-items: center;
  gap: var(--space-tiny);
  min-height: 40px;
  padding: 0 var(--space-compact);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background: var(--color-white);
  transition: border-color .15s, box-shadow .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__colorValueControl:focus-within {
  border-color: var(--color-primary-300);
  box-shadow: 0 0 0 3px rgba(var(--color-primary-300), .16);
}

.styles-module-scss-module__pwk6qW__colorPresetRow {
  gap: var(--space-tiny);
  padding-bottom: var(--space-compact);
  border-bottom: 1px solid var(--color-border-default);
  flex-wrap: wrap;
  display: flex;
}

.styles-module-scss-module__pwk6qW__colorPresetSwatch {
  border-radius: var(--radius-sm);
  cursor: pointer;
  border: 1.5px solid #0000001a;
  width: 22px;
  height: 22px;
  padding: 0;
  transition: transform .15s;
}

.styles-module-scss-module__pwk6qW__colorPresetSwatch:hover {
  transform: scale(1.1);
}

.styles-module-scss-module__pwk6qW__colorPresetSwatch:active {
  transform: scale(.95);
}

.styles-module-scss-module__pwk6qW__colorPresetSwatch[data-transparent="true"] {
  background-image: linear-gradient(45deg, #ccc 25%, #0000 25%), linear-gradient(-45deg, #ccc 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #ccc 75%), linear-gradient(-45deg, #0000 75%, #ccc 75%);
  background-position: 0 0, 0 4px, 4px -4px, -4px 0;
  background-size: 8px 8px;
}

.styles-module-scss-module__pwk6qW__colorPickerOverlay {
  z-index: 1060;
  background-color: #0000;
  position: fixed;
  inset: 0;
}

.styles-module-scss-module__pwk6qW__colorPickerPopover {
  top: calc(100% + 8px);
  z-index: 1061;
  background: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  padding: var(--space-medium);
  gap: var(--space-medium);
  flex-direction: column;
  min-width: 240px;
  animation: .15s styles-module-scss-module__pwk6qW__colorPickerFadeIn;
  display: flex;
  position: absolute;
  inset-inline-start: 0;
  box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f, 0 0 0 1px #0000000d;
}

@keyframes styles-module-scss-module__pwk6qW__colorPickerFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.styles-module-scss-module__pwk6qW__colorPickerPopover .react-colorful {
  border-radius: var(--radius-sm);
  width: 100%;
  height: 180px;
}

.styles-module-scss-module__pwk6qW__colorPickerPopover .react-colorful__saturation {
  border-radius: var(--radius-sm) var(--radius-sm) 0 0;
  border-bottom: none;
}

.styles-module-scss-module__pwk6qW__colorPickerPopover .react-colorful__hue {
  height: 12px;
  margin-top: var(--space-tiny);
  border-radius: 6px;
}

.styles-module-scss-module__pwk6qW__colorPickerPopover .react-colorful__pointer {
  border-width: 2px;
  width: 20px;
  height: 20px;
  box-shadow: 0 2px 4px #0003;
}

.styles-module-scss-module__pwk6qW__colorPickerFooter {
  align-items: center;
  gap: var(--space-compact);
  padding-top: var(--space-tiny);
  border-top: 1px solid var(--color-border-default);
  display: flex;
}

.styles-module-scss-module__pwk6qW__hexInputDisplay {
  font-family: SF Mono, Monaco, Inconsolata, Fira Code, Consolas, monospace;
  font-size: var(--font-size-sm);
  color: var(--color-font-headings);
  padding: var(--space-tiny) var(--space-compact);
  background: var(--color-secondary-50);
  border-radius: var(--radius-sm);
  text-align: center;
  letter-spacing: .5px;
  flex: 1;
  font-weight: 500;
}

.styles-module-scss-module__pwk6qW__colorPickerDoneButton {
  padding: var(--space-tiny) var(--space-medium);
  background: var(--color-primary-600);
  color: var(--color-white);
  border-radius: var(--radius-sm);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  cursor: pointer;
  white-space: nowrap;
  border: none;
  font-weight: 500;
  transition: all .15s;
}

.styles-module-scss-module__pwk6qW__colorPickerDoneButton:hover {
  background: var(--color-primary-700);
  transform: translateY(-1px);
  box-shadow: 0 2px 4px #0000001a;
}

.styles-module-scss-module__pwk6qW__colorPickerDoneButton:active {
  transform: translateY(0);
}

.styles-module-scss-module__pwk6qW__imageVariantImagesSection {
  gap: var(--space-small);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__imageVariantHint {
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  margin-top: var(--space-tiny);
}

.styles-module-scss-module__pwk6qW__imageVariantCardActions {
  align-items: center;
  gap: var(--space-tiny);
  margin-inline-start: auto;
  display: flex;
}

.styles-module-scss-module__pwk6qW__iconActionBtn {
  border: 1px solid var(--color-border-default);
  cursor: pointer;
  padding: var(--space-tiny);
  border-radius: var(--radius-sm);
  color: var(--color-font-links-labels);
  background: none;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__iconActionBtn:hover {
  background: var(--color-primary-50);
  color: var(--color-primary-600);
  border-color: var(--color-primary-300);
}

.styles-module-scss-module__pwk6qW__iconActionBtnDanger:hover {
  background: rgba(var(--color-danger-600), .08);
  color: var(--color-danger-600);
  border-color: var(--color-danger-300);
}

.styles-module-scss-module__pwk6qW__primaryImageSection {
  justify-content: center;
  align-items: center;
  display: flex;
}

.styles-module-scss-module__pwk6qW__primaryImagePreview {
  border-radius: var(--radius-md);
  border: 1px solid var(--color-border-default);
  background: var(--color-secondary-50);
  flex-shrink: 0;
  width: 120px;
  height: 120px;
  position: relative;
  overflow: hidden;
}

.styles-module-scss-module__pwk6qW__primaryImagePreview:hover .styles-module-scss-module__pwk6qW__primaryImageOverlay {
  opacity: 1;
}

.styles-module-scss-module__pwk6qW__primaryImageImg {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.styles-module-scss-module__pwk6qW__primaryImagePlaceholder {
  width: 100%;
  height: 100%;
  color: var(--color-font-links-labels);
  justify-content: center;
  align-items: center;
  display: flex;
}

.styles-module-scss-module__pwk6qW__primaryImageOverlay {
  justify-content: center;
  align-items: center;
  gap: var(--space-compact);
  opacity: 0;
  background: #0006;
  transition: opacity .15s;
  display: flex;
  position: absolute;
  inset: 0;
}

.styles-module-scss-module__pwk6qW__primaryImageActionBtn {
  width: 36px;
  height: 36px;
  color: var(--color-font-headings);
  cursor: pointer;
  background: #ffffffe6;
  border: none;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  transition: all .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__primaryImageActionBtn:hover {
  background: var(--color-white);
  transform: scale(1.1);
}

.styles-module-scss-module__pwk6qW__primaryImageActionBtnDanger:hover {
  color: var(--color-danger-600);
}

.styles-module-scss-module__pwk6qW__primaryImageError {
  color: var(--color-danger-600);
  margin-top: 4px;
  font-size: 12px;
}

.styles-module-scss-module__pwk6qW__hiddenInput {
  display: none;
}

.styles-module-scss-module__pwk6qW__fullWidthPicker {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-card-corner);
  background-image: none;
  width: 100%;
  height: auto;
  min-height: 200px;
}

.styles-module-scss-module__pwk6qW__fullWidthPicker [data-testid$="-main-preview"] {
  width: 100%;
  height: 240px;
  padding-top: 0;
}

.styles-module-scss-module__pwk6qW__fullWidthPicker [data-testid$="-main-preview"] img, .styles-module-scss-module__pwk6qW__fullWidthPicker [data-testid$="-main-preview"] video {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.styles-module-scss-module__pwk6qW__fullWidthPicker [data-testid$="-thumbnails"] {
  max-height: none;
}

.styles-module-scss-module__pwk6qW__optionGroupsBuilder {
  gap: var(--space-large);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionGroupsHelper {
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  margin: 0;
}

.styles-module-scss-module__pwk6qW__optionGroupsList {
  gap: var(--space-medium);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionGroupsActions {
  gap: var(--space-small);
  flex-wrap: wrap;
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionGroupCard {
  gap: var(--space-medium);
  padding: var(--space-large);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-card-corner);
  background: var(--color-white);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionGroupHeader {
  align-items: flex-end;
  gap: var(--space-small);
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionGroupNameField {
  flex: 1;
  min-width: 0;
}

.styles-module-scss-module__pwk6qW__optionValueChips {
  gap: var(--space-compact);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionChipList {
  gap: var(--space-tiny);
  flex-wrap: wrap;
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionChip {
  align-items: center;
  gap: var(--space-tiny);
  padding: var(--space-tiny) var(--space-compact);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: var(--color-secondary-50);
  font-family: var(--font-family-texts);
  font-size: var(--font-size-sm);
  color: var(--color-font-headings);
  display: inline-flex;
}

.styles-module-scss-module__pwk6qW__optionChipSwatch {
  border-radius: var(--radius-sm);
  border: 1px solid #0000001a;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.styles-module-scss-module__pwk6qW__optionChipLabel {
  line-height: 1;
}

.styles-module-scss-module__pwk6qW__optionChipRemove {
  cursor: pointer;
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: color .15s;
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionChipRemove:hover {
  color: var(--color-danger-600);
}

.styles-module-scss-module__pwk6qW__optionValueInputRow {
  align-items: center;
  gap: var(--space-tiny);
  display: flex;
}

.styles-module-scss-module__pwk6qW__optionExtraWrapper {
  flex-shrink: 0;
  position: relative;
}

.styles-module-scss-module__pwk6qW__variantStatusToggle {
  align-items: center;
  gap: var(--space-compact);
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantCardDisabled {
  opacity: .7;
}

.styles-module-scss-module__pwk6qW__variantStatusBadge {
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  color: var(--color-danger-600);
  font-weight: 500;
}

.styles-module-scss-module__pwk6qW__variantSignatureSummary {
  gap: var(--space-tiny);
  flex-wrap: wrap;
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantSignaturePill {
  align-items: center;
  gap: var(--space-tiny);
  padding: var(--space-tiny) var(--space-compact);
  border-radius: var(--radius-sm);
  background: var(--color-primary-50);
  color: var(--color-primary-700);
  font-family: var(--font-family-texts);
  font-size: var(--font-size-sm);
  display: inline-flex;
}

.styles-module-scss-module__pwk6qW__variantOptionsSection {
  gap: var(--space-compact);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantOptionsHelper {
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  margin: 0;
}

.styles-module-scss-module__pwk6qW__variantOptionRow {
  align-items: center;
  gap: var(--space-compact);
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantOptionRow > button {
  flex-shrink: 0;
  align-self: center;
  height: 40px;
}

.styles-module-scss-module__pwk6qW__variantOptionInput {
  flex: 1;
  min-width: 0;
}

.styles-module-scss-module__pwk6qW__variantOptionsFooter {
  padding-top: var(--space-tiny);
  justify-content: flex-start;
  display: flex;
}

.styles-module-scss-module__pwk6qW__addVariantFooter {
  justify-content: flex-start;
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantsTableWrapper {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-card-corner);
  background: var(--color-white);
  width: 100%;
  overflow-x: auto;
}

.styles-module-scss-module__pwk6qW__variantsTable {
  border-collapse: collapse;
  width: 100%;
  font-family: var(--font-family-texts);
  font-size: var(--font-size-sm);
}

.styles-module-scss-module__pwk6qW__variantsTableHeadCell {
  text-align: start;
  padding: var(--space-compact) var(--space-medium);
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-links-labels);
  background: var(--color-secondary-50);
  border-block-end: 1px solid var(--color-border-default);
  white-space: nowrap;
}

.styles-module-scss-module__pwk6qW__variantsTableRow {
  transition: background-color .15s;
}

.styles-module-scss-module__pwk6qW__variantsTableRow:hover {
  background: var(--color-primary-50);
}

.styles-module-scss-module__pwk6qW__variantsTableRow:not(:last-child) .styles-module-scss-module__pwk6qW__variantsTableCell {
  border-block-end: 1px solid var(--color-border-default);
}

.styles-module-scss-module__pwk6qW__variantsTableRowError {
  background: rgba(var(--color-danger-600), .04);
}

.styles-module-scss-module__pwk6qW__variantsTableRowError:hover {
  background: rgba(var(--color-danger-600), .08);
}

.styles-module-scss-module__pwk6qW__variantsTableCell {
  padding: var(--space-compact) var(--space-medium);
  color: var(--color-font-headings);
  vertical-align: middle;
  white-space: nowrap;
}

.styles-module-scss-module__pwk6qW__variantsTableLabel {
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
}

.styles-module-scss-module__pwk6qW__variantsTableErrorDot {
  block-size: 8px;
  inline-size: 8px;
  background: var(--color-danger-600);
  vertical-align: middle;
  border-radius: 50%;
  margin-inline-start: var(--space-tiny);
  display: inline-block;
}

.styles-module-scss-module__pwk6qW__variantsTableThumbnail {
  border-radius: var(--radius-sm);
  object-fit: cover;
  border: 1px solid var(--color-border-default);
  background-color: var(--color-secondary-50);
  block-size: 40px;
  inline-size: 40px;
}

.styles-module-scss-module__pwk6qW__variantsTableThumbnailPlaceholder {
  color: var(--color-font-links-labels);
}

.styles-module-scss-module__pwk6qW__variantsTableActionsCell {
  text-align: end;
}

.styles-module-scss-module__pwk6qW__variantsTableActions {
  justify-content: flex-end;
  align-items: center;
  gap: var(--space-tiny);
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantEditorBody {
  gap: var(--space-large);
  flex-direction: column;
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantEditorStatusRow {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-compact);
  border-block-end: 1px solid var(--color-border-default);
  padding-block-end: var(--space-compact);
  display: flex;
}

.styles-module-scss-module__pwk6qW__variantStatusActive {
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  color: var(--color-primary-600);
  font-weight: 500;
}

.styles-module-scss-module__pwk6qW__optionGroupsSubtitle {
  font-family: var(--font-family-labels);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
  margin: 0;
}

/* [project]/src/app/[locale]/(private)/shipping/components/cities-covered-field.module.scss.module.css [app-client] (css) */
.cities-covered-field-module-scss-module__1swozG__field {
  gap: var(--space-small);
  flex-direction: column;
  display: flex;
}

.cities-covered-field-module-scss-module__1swozG__tags {
  gap: var(--space-tiny);
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.cities-covered-field-module-scss-module__1swozG__tag {
  align-items: center;
  gap: var(--space-tiny);
  padding-block: var(--space-micro);
  padding-inline: var(--space-small);
  background-color: var(--color-primary-50);
  color: var(--color-primary-600);
  border: 1px solid var(--color-primary-100);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  display: inline-flex;
}

.cities-covered-field-module-scss-module__1swozG__tagLabel {
  line-height: 1;
}

.cities-covered-field-module-scss-module__1swozG__tagRemove {
  color: var(--color-primary-600);
  cursor: pointer;
  border-radius: var(--radius-sm);
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: inline-flex;
}

.cities-covered-field-module-scss-module__1swozG__tagRemove:hover {
  color: var(--color-danger-600);
}

.cities-covered-field-module-scss-module__1swozG__empty {
  margin: 0;
}

/* [project]/src/app/[locale]/(private)/shipping/components/status-selector.module.scss.module.css [app-client] (css) */
.status-selector-module-scss-module__d8jPea__field {
  gap: var(--space-small);
  flex-direction: column;
  display: flex;
}

.status-selector-module-scss-module__d8jPea__label {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-font-links-labels);
}

.status-selector-module-scss-module__d8jPea__options {
  gap: var(--space-small);
  flex-wrap: wrap;
  display: flex;
}

.status-selector-module-scss-module__d8jPea__option {
  align-items: center;
  gap: var(--space-small);
  padding-block: var(--space-compact);
  padding-inline: var(--space-large);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  cursor: pointer;
  background-color: var(--color-white);
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
}

.status-selector-module-scss-module__d8jPea__optionChecked {
  border-color: var(--color-primary-600);
  background-color: var(--color-primary-50);
}

.status-selector-module-scss-module__d8jPea__input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.status-selector-module-scss-module__d8jPea__indicator {
  border: 2px solid var(--color-border-default);
  border-radius: 50%;
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  display: inline-block;
  position: relative;
}

.status-selector-module-scss-module__d8jPea__optionChecked .status-selector-module-scss-module__d8jPea__indicator {
  border-color: var(--color-primary-600);
}

.status-selector-module-scss-module__d8jPea__optionChecked .status-selector-module-scss-module__d8jPea__indicator:after {
  content: "";
  background-color: var(--color-primary-600);
  border-radius: 50%;
  position: absolute;
  inset: 3px;
}

.status-selector-module-scss-module__d8jPea__optionLabel {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-font-body);
}

/* [project]/src/app/[locale]/(private)/shipping/components/free-delivery-checkbox.module.scss.module.css [app-client] (css) */
.free-delivery-checkbox-module-scss-module__zTuhGG__wrapper {
  align-items: flex-start;
  gap: var(--space-small);
  cursor: pointer;
  display: inline-flex;
}

.free-delivery-checkbox-module-scss-module__zTuhGG__input {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.free-delivery-checkbox-module-scss-module__zTuhGG__box {
  border: 2px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  width: 20px;
  height: 20px;
  color: var(--color-white);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: border-color .15s, background-color .15s;
  display: inline-flex;
}

.free-delivery-checkbox-module-scss-module__zTuhGG__boxChecked {
  border-color: var(--color-primary-600);
  background-color: var(--color-primary-600);
}

.free-delivery-checkbox-module-scss-module__zTuhGG__content {
  gap: var(--space-micro);
  flex-direction: column;
  display: flex;
}

/* [project]/src/core/new-components/common/popover/popover.module.scss.module.css [app-client] (css) */
.popover-module-scss-module__Jlcqfa__wrapper {
  display: inline-flex;
}

.popover-module-scss-module__Jlcqfa__content {
  z-index: 1000;
  background: var(--color-surface, #fff);
  border: 1px solid var(--color-border, #00000014);
  border-radius: var(--radius-card-corner, 12px);
  min-width: 220px;
  max-width: min(360px, 100vw - 16px);
  padding: var(--space-medium, 12px);
  position: absolute;
  box-shadow: 0 12px 32px #00000024;
}

/* [project]/src/core/new-components/common/counter/counter.module.scss.module.css [app-client] (css) */
.counter-module-scss-module__N7_fha__counter {
  justify-content: center;
  align-items: center;
  gap: var(--space-tiny);
  background-color: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  flex-shrink: 0;
  width: fit-content;
  max-width: 126px;
  transition: border-color .15s, opacity .15s;
  display: inline-flex;
}

.counter-module-scss-module__N7_fha__counter.counter-module-scss-module__N7_fha__sizeXsmall {
  height: 36px;
  padding: var(--space-micro);
  gap: var(--space-tiny);
  border-radius: var(--radius-sm);
}

.counter-module-scss-module__N7_fha__counter.counter-module-scss-module__N7_fha__sizeSmall {
  height: 40px;
  padding: var(--space-tiny);
  gap: var(--space-tiny);
  border-radius: var(--radius-sm);
}

.counter-module-scss-module__N7_fha__counter.counter-module-scss-module__N7_fha__sizeMedium {
  gap: var(--space-tiny);
  border-radius: var(--radius-sm);
  height: 44px;
  padding: 6px;
}

.counter-module-scss-module__N7_fha__counter.counter-module-scss-module__N7_fha__disabled {
  cursor: not-allowed;
  opacity: .6;
}

.counter-module-scss-module__N7_fha__counter.counter-module-scss-module__N7_fha__disabled .counter-module-scss-module__N7_fha__value {
  color: var(--color-font-disable);
}

.counter-module-scss-module__N7_fha__counter.counter-module-scss-module__N7_fha__disabled .counter-module-scss-module__N7_fha__iconButton {
  cursor: not-allowed;
  pointer-events: none;
}

.counter-module-scss-module__N7_fha__value {
  font-family: var(--font-family-texts);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-font-disable);
  text-align: center;
  -moz-appearance: textfield;
  background: none;
  border: none;
  outline: none;
  width: auto;
  min-width: 1ch;
  margin: 0;
  padding: 0 2px;
}

.counter-module-scss-module__N7_fha__value::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.counter-module-scss-module__N7_fha__value::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.counter-module-scss-module__N7_fha__value:focus {
  color: var(--color-font-headings);
  outline: none;
}

.counter-module-scss-module__N7_fha__value:disabled {
  cursor: not-allowed;
}

.counter-module-scss-module__N7_fha__iconButton.button {
  min-width: auto;
  min-height: auto;
  padding: 4px;
}

/* [project]/src/core/new-components/common/breadcrumb/breadcrumb.module.scss.module.css [app-client] (css) */
.breadcrumb-module-scss-module__KuMrTG__breadcrumb {
  background: none;
  border-radius: 0;
  align-items: center;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  transition: all .2s ease-in-out;
  display: flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumb.breadcrumb-module-scss-module__KuMrTG__transitioning {
  opacity: .7;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbWrapper {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-medium);
  width: 100%;
  display: flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbList {
  align-items: center;
  gap: var(--space-tiny);
  flex-wrap: wrap;
  flex: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbActions {
  align-items: center;
  gap: var(--space-medium);
  flex-shrink: 0;
  display: flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbActionButton {
  align-items: center;
  gap: var(--space-tiny);
  padding: var(--space-small) var(--space-medium);
  background-color: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-sm);
  white-space: nowrap;
  cursor: pointer;
  font-family: var(--typeface-headings);
  font-size: 16px;
  font-weight: var(--font-weight-medium);
  text-transform: capitalize;
  letter-spacing: 0;
  color: var(--color-font-links-labels);
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbActionButton:hover {
  background-color: var(--color-secondary-50);
  border-color: var(--color-border-active);
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbActionButton:active {
  background-color: var(--color-secondary-100);
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbActionButton:focus-visible {
  outline: 2px solid var(--color-primary-600);
  outline-offset: 2px;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbItem {
  align-items: center;
  gap: var(--space-tiny);
  display: inline-flex;
  position: relative;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbItem:before, .breadcrumb-module-scss-module__KuMrTG__breadcrumbItem:after {
  display: none;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbItem .breadcrumb-module-scss-module__KuMrTG__selected, .breadcrumb-module-scss-module__KuMrTG__breadcrumbItem .breadcrumb-module-scss-module__KuMrTG__selected * {
  font-weight: 600;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbLink {
  align-items: center;
  gap: var(--space-tiny);
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s ease-in-out;
  display: inline-flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbLink.breadcrumb-module-scss-module__KuMrTG__default {
  font-family: var(--typeface-headings);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-font-links-labels);
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbLink.breadcrumb-module-scss-module__KuMrTG__default:hover {
  font-family: var(--typeface-headings);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-font-headings);
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbLink.breadcrumb-module-scss-module__KuMrTG__selected {
  font-family: var(--typeface-headings);
  color: var(--color-font-headings);
  cursor: default;
  pointer-events: none;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbLink.breadcrumb-module-scss-module__KuMrTG__selected > .breadcrumb-module-scss-module__KuMrTG__breadcrumbText, .breadcrumb-module-scss-module__KuMrTG__breadcrumbLink.breadcrumb-module-scss-module__KuMrTG__selected span {
  font-weight: 600;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbLink:focus-visible {
  outline: 2px solid var(--color-primary-600);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbSeparator {
  color: var(--color-secondary-500);
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbSeparator svg {
  display: block;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbIcon {
  color: inherit;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbText {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 200px;
  font-weight: inherit;
  font-size: inherit;
  line-height: inherit;
  font-family: inherit;
  overflow: hidden;
}

.breadcrumb-module-scss-module__KuMrTG__breadcrumbEllipsis {
  padding: 0 var(--space-tiny);
  color: var(--color-secondary-500);
  font-family: var(--typeface-headings);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  cursor: default;
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
  display: inline-flex;
}

@media (max-width: 767px) {
  .breadcrumb-module-scss-module__KuMrTG__breadcrumbWrapper {
    align-items: flex-start;
    gap: var(--space-small);
    flex-direction: column;
  }

  .breadcrumb-module-scss-module__KuMrTG__breadcrumbActions {
    gap: var(--space-small);
    width: 100%;
    overflow-x: auto;
  }

  .breadcrumb-module-scss-module__KuMrTG__breadcrumbActionButton {
    padding: var(--space-tiny) var(--space-small);
    font-family: var(--typeface-headings);
    font-size: 14px;
    font-weight: var(--font-weight-regular);
    text-transform: none;
    letter-spacing: 0;
    font-style: normal;
    line-height: 24px;
    text-decoration: none;
  }

  .breadcrumb-module-scss-module__KuMrTG__breadcrumbList, .breadcrumb-module-scss-module__KuMrTG__breadcrumbItem {
    gap: var(--space-micro);
  }

  .breadcrumb-module-scss-module__KuMrTG__breadcrumbLink {
    font-family: var(--typeface-headings);
    font-size: 14px;
    font-weight: var(--font-weight-medium);
    text-transform: none;
    letter-spacing: 0;
    font-style: normal;
    line-height: 22.4px;
    text-decoration: none;
  }

  .breadcrumb-module-scss-module__KuMrTG__breadcrumbText {
    max-width: 120px;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .breadcrumb-module-scss-module__KuMrTG__breadcrumbText {
    max-width: 150px;
  }

  .breadcrumb-module-scss-module__KuMrTG__breadcrumbActions {
    gap: var(--space-small);
  }
}

@media (prefers-contrast: high) {
  .breadcrumb-module-scss-module__KuMrTG__breadcrumbLink.breadcrumb-module-scss-module__KuMrTG__default:hover, .breadcrumb-module-scss-module__KuMrTG__breadcrumbLink.breadcrumb-module-scss-module__KuMrTG__default:focus-visible {
    text-decoration: underline;
  }

  .breadcrumb-module-scss-module__KuMrTG__breadcrumbSeparator {
    color: var(--color-secondary-700);
  }
}

@media (prefers-reduced-motion: reduce) {
  .breadcrumb-module-scss-module__KuMrTG__breadcrumbLink, .breadcrumb-module-scss-module__KuMrTG__breadcrumb {
    transition: none;
  }
}

[dir="rtl"] .breadcrumb-module-scss-module__KuMrTG__breadcrumbList, [dir="rtl"] .breadcrumb-module-scss-module__KuMrTG__breadcrumbItem, [dir="rtl"] .breadcrumb-module-scss-module__KuMrTG__breadcrumbWrapper, [dir="rtl"] .breadcrumb-module-scss-module__KuMrTG__breadcrumbActions, [dir="rtl"] .breadcrumb-module-scss-module__KuMrTG__breadcrumbActionButton {
  direction: rtl;
}

/* [project]/src/core/new-components/common/alert/alert.module.scss.module.css [app-client] (css) */


/* [project]/src/core/new-components/common/alert/alert-modal.module.scss.module.css [app-client] (css) */
.alert-modal-module-scss-module__mhnHka__overlay {
  z-index: 9999;
  opacity: 0;
  background: #00000080;
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
  position: fixed;
  inset: 0;
}

.alert-modal-module-scss-module__mhnHka__overlayVisible {
  opacity: 1;
}

.alert-modal-module-scss-module__mhnHka__card {
  background: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-card-corner);
  box-shadow: var(--shadow-md);
  padding: var(--space-xlarge);
  flex-direction: column;
  align-items: center;
  width: 100%;
  max-width: 400px;
  transition: transform .2s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
  transform: scale(.95)translateY(-8px);
}

.alert-modal-module-scss-module__mhnHka__cardVisible {
  transform: scale(1)translateY(0);
}

.alert-modal-module-scss-module__mhnHka__closeButton {
  top: var(--space-xlarge);
  background: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--color-font-links-labels);
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background .15s;
  display: flex;
  position: absolute;
  inset-inline-end: var(--space-xlarge);
}

.alert-modal-module-scss-module__mhnHka__closeButton:hover {
  background: var(--color-secondary-50);
}

.alert-modal-module-scss-module__mhnHka__content {
  align-items: center;
  gap: var(--space-huge);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.alert-modal-module-scss-module__mhnHka__iconOuter {
  padding: var(--space-small);
  border-radius: var(--radius-full);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  animation: 2.4s ease-in-out infinite alert-modal-module-scss-module__mhnHka__outerPulse;
  display: flex;
  position: relative;
}

.alert-modal-module-scss-module__mhnHka__iconOuter-info {
  background-color: var(--color-primary-50);
  --pulse-from: var(--color-primary-50);
  --pulse-to: var(--color-primary-100);
}

.alert-modal-module-scss-module__mhnHka__iconOuter-success {
  background-color: var(--color-success-50);
  --pulse-from: var(--color-success-50);
  --pulse-to: var(--color-success-100);
}

.alert-modal-module-scss-module__mhnHka__iconOuter-warning {
  background-color: var(--color-warning-50);
  --pulse-from: var(--color-warning-50);
  --pulse-to: var(--color-warning-100);
}

.alert-modal-module-scss-module__mhnHka__iconOuter-danger, .alert-modal-module-scss-module__mhnHka__iconOuter-error {
  background-color: var(--color-danger-50);
  --pulse-from: var(--color-danger-50);
  --pulse-to: var(--color-danger-100);
}

@keyframes alert-modal-module-scss-module__mhnHka__outerPulse {
  0%, 100% {
    background-color: var(--pulse-from);
    transform: scale(1);
  }

  50% {
    background-color: var(--pulse-to);
    transform: scale(1.08);
  }
}

.alert-modal-module-scss-module__mhnHka__iconInner {
  padding: var(--space-small);
  border-radius: var(--radius-full);
  justify-content: center;
  align-items: center;
  display: flex;
}

.alert-modal-module-scss-module__mhnHka__iconInner-info {
  background-color: var(--color-primary-100);
}

.alert-modal-module-scss-module__mhnHka__iconInner-success {
  background-color: var(--color-success-100);
}

.alert-modal-module-scss-module__mhnHka__iconInner-warning {
  background-color: var(--color-warning-100);
}

.alert-modal-module-scss-module__mhnHka__iconInner-danger, .alert-modal-module-scss-module__mhnHka__iconInner-error {
  background-color: var(--color-danger-100);
}

.alert-modal-module-scss-module__mhnHka__iconWrapper {
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.alert-modal-module-scss-module__mhnHka__messageContainer {
  align-items: center;
  gap: var(--space-small);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.alert-modal-module-scss-module__mhnHka__title {
  font-family: var(--font-family-headings);
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-loose);
  color: var(--color-font-headings);
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
  width: 100%;
  margin: 0;
}

.alert-modal-module-scss-module__mhnHka__description {
  font-family: var(--font-family-texts);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
  color: var(--color-font-body);
  text-align: center;
  overflow-wrap: anywhere;
  word-break: break-word;
  width: 100%;
  margin: 0;
}

.alert-modal-module-scss-module__mhnHka__buttonContainer {
  width: 100%;
  display: flex;
}

.alert-modal-module-scss-module__mhnHka__buttonContainerDouble {
  gap: var(--space-large);
}

/* [project]/src/core/new-components/common/spinner/spinner.module.scss.module.css [app-client] (css) */


/* [project]/src/core/new-components/common/rich-text-display/rich-text-display.module.scss.module.css [app-client] (css) */


/* [project]/src/core/new-components/common/table/table.module.scss.module.css [app-client] (css) */
@keyframes table-module-scss-module__hlEouW__rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes table-module-scss-module__hlEouW__dash {
  0% {
    stroke-dasharray: 1 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90 150;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 90 150;
    stroke-dashoffset: -124px;
  }
}

.table-module-scss-module__hlEouW__tableWrapper {
  background-color: var(--color-white);
  border-radius: var(--radius-card-corner);
  border: 1px solid var(--tabel-color-border-outside, var(--color-border-default));
  width: 100%;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.table-module-scss-module__hlEouW__tableWrapper .table-module-scss-module__hlEouW__pagination {
  z-index: 10;
  position: relative;
  overflow: visible;
}

.table-module-scss-module__hlEouW__tableWrapper .table-module-scss-module__hlEouW__pageSizeDropdownWrapper {
  overflow: visible;
}

.table-module-scss-module__hlEouW__tableContainer {
  width: 100%;
  overflow: auto;
}

.table-module-scss-module__hlEouW__tableContainer.table-module-scss-module__hlEouW__stickyHeader .table-module-scss-module__hlEouW__tableHeader {
  z-index: 10;
  background-color: var(--tabel-color-header-default, var(--color-secondary-50));
  position: sticky;
  top: 0;
}

.table-module-scss-module__hlEouW__table {
  border-collapse: collapse;
  width: 100%;
  font-size: var(--font-size-sm);
  color: var(--color-font-body);
  font-family: var(--font-family-texts);
}

.table-module-scss-module__hlEouW__table.table-module-scss-module__hlEouW__bordered th, .table-module-scss-module__hlEouW__table.table-module-scss-module__hlEouW__bordered td {
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
}

.table-module-scss-module__hlEouW__table.table-module-scss-module__hlEouW__bordered th:last-child, .table-module-scss-module__hlEouW__table.table-module-scss-module__hlEouW__bordered td:last-child {
  border-right: none;
}

.table-module-scss-module__hlEouW__table.table-module-scss-module__hlEouW__hover .table-module-scss-module__hlEouW__tableRow:hover {
  background-color: var(--tabel-color-row-hover, var(--color-secondary-50));
}

.table-module-scss-module__hlEouW__table.table-module-scss-module__hlEouW__dense th, .table-module-scss-module__hlEouW__table.table-module-scss-module__hlEouW__dense td {
  padding: var(--space-small) var(--space-medium);
}

.table-module-scss-module__hlEouW__tableHeader {
  background-color: var(--tabel-color-header-default, var(--color-secondary-50));
  border-bottom: 1px solid var(--tabel-color-header-border-default, var(--color-border-table));
}

.table-module-scss-module__hlEouW__tableHeader th {
  padding: var(--tabel-size-header-cell-padding-top, var(--space-medium)) var(--tabel-size-header-cell-padding-right, var(--space-xlarge));
  text-align: left;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  white-space: nowrap;
  border-right: 1px solid var(--tabel-color-header-border-default, var(--color-border-table));
  height: var(--tabel-size-header-cell-min-height, 48px);
  vertical-align: middle;
  border-bottom: none;
}

.table-module-scss-module__hlEouW__tableHeader th:first-child {
  border-right: 1px solid var(--tabel-color-header-border-default, var(--color-border-table));
}

.table-module-scss-module__hlEouW__tableHeader th:last-child {
  border-right: none;
}

.table-module-scss-module__hlEouW__tableHeader th.table-module-scss-module__hlEouW__checkboxCell {
  text-align: center;
  height: var(--tabel-size-header-cell-min-height, 48px);
  max-width: var(--tabel-size-column-width-checkbox, 64px);
  background: var(--tabel-color-header-default, var(--color-secondary-50));
  border: 0 solid var(--tabel-color-header-border-default, var(--color-border-table));
  padding: 0;
  display: table-cell;
  border-right: 1px solid var(--tabel-color-header-border-default, var(--color-border-table)) !important;
}

.table-module-scss-module__hlEouW__headerCell {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.table-module-scss-module__hlEouW__headerCell.table-module-scss-module__hlEouW__sortable {
  cursor: pointer;
}

.table-module-scss-module__hlEouW__headerContent {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.table-module-scss-module__hlEouW__sortIcon {
  margin-left: var(--space-tiny);
  opacity: .5;
  align-items: center;
  display: inline-flex;
}

.table-module-scss-module__hlEouW__sortIcon svg {
  width: var(--space-large);
  height: var(--space-large);
  color: var(--color-font-links-labels);
  transition: color .15s;
}

.table-module-scss-module__hlEouW__headerCell.table-module-scss-module__hlEouW__sortable:hover .table-module-scss-module__hlEouW__sortIcon svg {
  color: var(--color-font-headings);
}

.table-module-scss-module__hlEouW__tableRow {
  border-bottom: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  background-color: var(--tabel-color-row-default, #fff0);
  height: var(--tabel-size-row-cell-min-height, 64px);
  transition: background-color .15s;
}

.table-module-scss-module__hlEouW__tableRow:last-child {
  border-bottom: none;
}

.table-module-scss-module__hlEouW__tableRow.table-module-scss-module__hlEouW__selected {
  background-color: var(--tabel-color-row-selected, var(--color-secondary-50));
}

.table-module-scss-module__hlEouW__tableCell {
  padding: var(--tabel-size-row-cell-padding-top, var(--space-medium)) var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  vertical-align: middle;
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  height: var(--tabel-size-row-cell-min-height, 64px);
}

.table-module-scss-module__hlEouW__tableCell:first-child {
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  color: var(--color-font-headings);
}

.table-module-scss-module__hlEouW__tableCell:last-child {
  border-right: none;
}

.table-module-scss-module__hlEouW__tableCell:has(.table-module-scss-module__hlEouW__productNameCell) {
  padding: 0;
}

.table-module-scss-module__hlEouW__tableCell[style*="text-align: center"] {
  height: var(--tabel-size-row-cell-min-height, 64px);
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  border-bottom: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  padding: 0;
}

.table-module-scss-module__hlEouW__tableCell[style*="text-align: center"] .table-module-scss-module__hlEouW__cellContent {
  height: var(--tabel-size-row-cell-min-height, 64px);
  padding: var(--tabel-size-row-cell-padding-top, var(--space-medium)) var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  justify-content: center;
  align-items: center;
  gap: var(--space-small);
  width: 100%;
  display: flex;
}

.table-module-scss-module__hlEouW__cellContent {
  min-height: 20px;
  color: inherit;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.table-module-scss-module__hlEouW__cellContent.table-module-scss-module__hlEouW__editable {
  cursor: text;
  padding: var(--space-tiny) var(--space-small);
  border-radius: var(--radius-sm);
}

.table-module-scss-module__hlEouW__cellContent.table-module-scss-module__hlEouW__editable:hover {
  background-color: var(--color-secondary-100);
}

.table-module-scss-module__hlEouW__cellContent [class*="label"] {
  margin: 0 auto;
}

.table-module-scss-module__hlEouW__tableCell[style*="text-align: center"] .table-module-scss-module__hlEouW__cellContent {
  justify-content: center;
}

.table-module-scss-module__hlEouW__cellContent:has(.table-module-scss-module__hlEouW__productNameCell) {
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.table-module-scss-module__hlEouW__productNameCell {
  width: 100%;
  height: 100%;
  min-height: var(--tabel-size-row-cell-min-height, 64px);
  max-height: var(--tabel-size-row-cell-min-height, 64px);
  padding: var(--tabel-size-row-cell-padding-top, var(--space-medium)) var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  align-items: center;
  gap: var(--space-small);
  box-sizing: border-box;
  display: flex;
}

.table-module-scss-module__hlEouW__productImageWrapper {
  width: var(--tabel-size-image-width, 40px);
  height: var(--tabel-size-image-height, 40px);
  min-width: var(--tabel-size-image-width, 40px);
  max-width: var(--tabel-size-image-width, 40px);
  min-height: var(--tabel-size-image-height, 40px);
  max-height: var(--tabel-size-image-height, 40px);
  box-sizing: content-box;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-module-scss-module__hlEouW__productImage {
  width: var(--tabel-size-image-width, 40px);
  height: var(--tabel-size-image-height, 40px);
  min-width: var(--tabel-size-image-width, 40px);
  max-width: var(--tabel-size-image-width, 40px);
  min-height: var(--tabel-size-image-height, 40px);
  max-height: var(--tabel-size-image-height, 40px);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  object-fit: cover;
  aspect-ratio: 1;
  background: 50% / cover no-repeat, #fff3;
  flex-shrink: 0;
  display: block;
}

.table-module-scss-module__hlEouW__productImagePlaceholder {
  width: var(--tabel-size-image-width, 40px);
  height: var(--tabel-size-image-height, 40px);
  min-width: var(--tabel-size-image-width, 40px);
  max-width: var(--tabel-size-image-width, 40px);
  min-height: var(--tabel-size-image-height, 40px);
  max-height: var(--tabel-size-image-height, 40px);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-md);
  aspect-ratio: 1;
  background: #d3d3d3;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-module-scss-module__hlEouW__productNameTextContainer {
  gap: var(--space-tiny);
  flex-direction: column;
  flex: 1;
  min-width: 0;
  display: flex;
}

.table-module-scss-module__hlEouW__productNameText {
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-loose);
  color: var(--color-font-headings);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}

.table-module-scss-module__hlEouW__productIdText {
  font-family: var(--font-family-headings);
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  line-height: var(--line-height-loose);
  color: var(--color-font-body);
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0;
  overflow: hidden;
}

.table-module-scss-module__hlEouW__editCell {
  position: relative;
}

.table-module-scss-module__hlEouW__editInput {
  width: 100%;
  padding: var(--space-tiny) var(--space-small);
  border: 1px solid var(--color-primary-600);
  border-radius: var(--radius-sm);
  font-size: inherit;
  font-family: var(--font-family-texts);
  background-color: var(--color-white);
  outline: none;
}

.table-module-scss-module__hlEouW__editInput:focus {
  border-color: var(--color-primary-600);
  box-shadow: 0 0 0 2px #3572ef1a;
}

.table-module-scss-module__hlEouW__editError {
  margin-top: var(--space-tiny);
  padding: var(--space-tiny) var(--space-small);
  background-color: var(--color-danger-50);
  color: var(--color-danger-600);
  border-radius: var(--radius-sm);
  font-size: var(--font-size-xs);
  white-space: nowrap;
  box-shadow: var(--shadow-sm);
  z-index: 10;
  position: absolute;
  top: 100%;
  left: 0;
}

.table-module-scss-module__hlEouW__checkboxCell {
  border: 0 solid var(--tabel-color-row-border-default, var(--color-border-table));
  vertical-align: middle;
  width: auto;
  padding: 0;
}

.table-module-scss-module__hlEouW__tableHeader .table-module-scss-module__hlEouW__checkboxCell {
  text-align: center;
  height: var(--tabel-size-header-cell-min-height, 48px);
  max-width: var(--tabel-size-column-width-checkbox, 64px);
  background: var(--tabel-color-header-default, var(--color-secondary-50));
  border: 0 solid var(--tabel-color-header-border-default, var(--color-border-table));
  padding: 0;
  display: table-cell;
  border-right: 1px solid var(--tabel-color-header-border-default, var(--color-border-table)) !important;
}

.table-module-scss-module__hlEouW__tableRow .table-module-scss-module__hlEouW__checkboxCell, td.table-module-scss-module__hlEouW__checkboxCell {
  height: var(--tabel-size-row-cell-min-height, 64px);
  max-width: var(--tabel-size-column-width-checkbox, 64px);
  border: 0 solid var(--tabel-color-row-border-default, var(--color-border-table));
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table)) !important;
}

.table-module-scss-module__hlEouW__checkboxCellContent {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.table-module-scss-module__hlEouW__tableHeader .table-module-scss-module__hlEouW__checkboxCell .table-module-scss-module__hlEouW__checkboxCellContent {
  height: var(--tabel-size-header-cell-min-height, 48px);
  padding: var(--tabel-size-header-cell-padding-top, var(--space-medium)) var(--tabel-size-header-cell-padding-right, var(--space-xlarge));
  gap: var(--space-large);
}

.table-module-scss-module__hlEouW__tableRow .table-module-scss-module__hlEouW__checkboxCell .table-module-scss-module__hlEouW__checkboxCellContent, td.table-module-scss-module__hlEouW__checkboxCell .table-module-scss-module__hlEouW__checkboxCellContent {
  height: var(--tabel-size-row-cell-min-height, 64px);
  padding: var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  gap: var(--space-tiny);
}

.table-module-scss-module__hlEouW__checkbox {
  cursor: pointer;
  width: 18px;
  height: 18px;
  accent-color: var(--color-primary-600);
}

.table-module-scss-module__hlEouW__checkbox:focus {
  outline: 2px solid var(--color-primary-600);
  outline-offset: 2px;
}

.table-module-scss-module__hlEouW__customCheckbox {
  aspect-ratio: 1;
  cursor: pointer;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 16px;
  height: 16px;
  transition: color .15s;
  display: inline-flex;
  position: relative;
}

.table-module-scss-module__hlEouW__customCheckbox:focus {
  outline: none;
}

.table-module-scss-module__hlEouW__customCheckbox.table-module-scss-module__hlEouW__disabled {
  cursor: not-allowed;
  opacity: .5;
}

.table-module-scss-module__hlEouW__customCheckbox.table-module-scss-module__hlEouW__checked .table-module-scss-module__hlEouW__checkboxIcon path {
  fill: var(--color-font-disable);
}

.table-module-scss-module__hlEouW__customCheckbox:hover .table-module-scss-module__hlEouW__checkIcon svg {
  color: var(--color-primary-600) !important;
}

.table-module-scss-module__hlEouW__checkIcon {
  aspect-ratio: 1;
  width: 16px;
  height: 16px;
  display: block;
}

.table-module-scss-module__hlEouW__checkIcon svg {
  transition: color .15s;
  color: var(--color-primary-600) !important;
}

.table-module-scss-module__hlEouW__tableHeader .table-module-scss-module__hlEouW__customCheckbox:focus {
  outline: none;
}

.table-module-scss-module__hlEouW__checkboxIcon {
  aspect-ratio: 1;
  width: 16px;
  height: 16px;
  display: block;
}

.table-module-scss-module__hlEouW__checkboxIcon svg {
  transition: color .15s;
  color: var(--color-primary-600) !important;
}

.table-module-scss-module__hlEouW__indeterminateLine {
  display: none;
}

.table-module-scss-module__hlEouW__actionCell {
  width: var(--tabel-size-column-width-action, 100px);
  padding: var(--space-small) var(--space-large);
  text-align: center;
}

.table-module-scss-module__hlEouW__actionButtons {
  justify-content: center;
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.table-module-scss-module__hlEouW__editButton {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: var(--radius-md) !important;
}

.table-module-scss-module__hlEouW__editButton:hover {
  background: var(--color-secondary-50) !important;
}

.table-module-scss-module__hlEouW__editButton svg {
  color: var(--color-font-links-labels) !important;
}

.table-module-scss-module__hlEouW__deleteButton {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: var(--radius-md) !important;
}

.table-module-scss-module__hlEouW__deleteButton svg {
  transition: color .15s;
  color: var(--color-font-links-labels) !important;
}

.table-module-scss-module__hlEouW__deleteButton:hover {
  background: var(--color-secondary-50) !important;
}

.table-module-scss-module__hlEouW__deleteButton:hover svg {
  color: var(--color-danger-600) !important;
}

.table-module-scss-module__hlEouW__pagination {
  padding: var(--space-large) var(--space-xlarge);
  border-top: 1px solid var(--color-border-default);
  background-color: var(--color-white);
  z-index: 1;
  isolation: isolate;
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
  overflow: visible;
}

.table-module-scss-module__hlEouW__paginationInfo {
  align-items: center;
  gap: var(--space-xxlarge);
  color: var(--color-font-links-labels);
  font-size: var(--font-size-sm);
  display: flex;
  overflow: visible;
}

.table-module-scss-module__hlEouW__pageSizeSelector {
  align-items: center;
  gap: var(--space-small);
  display: flex;
  overflow: visible;
}

.table-module-scss-module__hlEouW__pageSizeDropdownWrapper {
  z-index: 1001;
  isolation: isolate;
  position: relative;
}

.table-module-scss-module__hlEouW__pageSizeDropdownTrigger {
  padding: var(--space-tiny) var(--space-small);
  justify-content: center;
  align-items: center;
  gap: var(--space-tiny);
  border-radius: var(--radius-sm);
  border: 1px solid var(--color-border-default);
  background: var(--color-white);
  box-shadow: var(--shadow-sm);
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  font-family: var(--font-family-texts);
  width: auto;
  min-width: fit-content;
  transition: all .15s;
  display: flex;
}

.table-module-scss-module__hlEouW__pageSizeDropdownTrigger:hover:not(:disabled) {
  border-color: var(--color-border-active);
}

.table-module-scss-module__hlEouW__pageSizeDropdownTrigger:focus {
  outline: none;
}

.table-module-scss-module__hlEouW__pageSizeDropdownTrigger:disabled {
  opacity: .6;
  cursor: not-allowed;
}

.table-module-scss-module__hlEouW__pageSizeDropdownTrigger span {
  line-height: 24px;
}

.table-module-scss-module__hlEouW__arrowDown {
  transition: transform .2s;
  display: inline-flex;
  transform: rotate(0);
}

.table-module-scss-module__hlEouW__arrowUp {
  transition: transform .2s;
  display: inline-flex;
  transform: rotate(180deg);
}

.table-module-scss-module__hlEouW__pageSizeDropdownMenu {
  z-index: 1002;
  background: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-sm);
  box-shadow: var(--shadow-lg);
  padding: var(--space-tiny);
  gap: var(--space-tiny);
  flex-direction: column;
  min-width: 100%;
  display: flex;
  position: absolute;
  bottom: calc(100% + 4px);
  left: 0;
}

.table-module-scss-module__hlEouW__pageSizeDropdownItem {
  padding: var(--space-tiny) var(--space-small);
  border-radius: var(--radius-sm);
  cursor: pointer;
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  font-family: var(--font-family-texts);
  text-align: left;
  background: none;
  border: none;
  line-height: 24px;
  transition: background-color .15s;
}

.table-module-scss-module__hlEouW__pageSizeDropdownItem:hover {
  background-color: var(--color-secondary-50);
}

.table-module-scss-module__hlEouW__pageSizeDropdownItem.table-module-scss-module__hlEouW__active {
  background-color: var(--color-secondary-100);
  color: var(--color-font-headings);
  font-weight: var(--font-weight-medium);
}

.table-module-scss-module__hlEouW__paginationControls {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.table-module-scss-module__hlEouW__pageNumbers {
  align-items: center;
  gap: var(--space-tiny);
  display: flex;
}

.table-module-scss-module__hlEouW__pageNumber {
  border: 1px solid var(--color-border-default);
  background-color: var(--color-white);
  border-radius: var(--radius-sm);
  min-width: 32px;
  height: 32px;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-font-links-labels);
  cursor: pointer;
  box-shadow: var(--shadow-sm);
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: all .15s;
  display: flex;
}

.table-module-scss-module__hlEouW__pageNumber:hover:not(:disabled):not(.table-module-scss-module__hlEouW__active) {
  background-color: var(--color-white);
  border-color: var(--color-border-default);
}

.table-module-scss-module__hlEouW__pageNumber.table-module-scss-module__hlEouW__active {
  background-color: var(--color-secondary-100);
  border-color: var(--color-border-default);
  color: var(--color-font-headings);
  font-weight: var(--font-weight-regular);
  box-shadow: var(--shadow-sm);
}

.table-module-scss-module__hlEouW__pageNumber:focus {
  outline: none;
}

.table-module-scss-module__hlEouW__pageNumber:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.table-module-scss-module__hlEouW__paginationDots {
  color: var(--color-font-links-labels);
  -webkit-user-select: none;
  user-select: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  display: flex;
}

.table-module-scss-module__hlEouW__loadingContainer {
  padding: var(--space-enormous) var(--space-xxlarge);
  color: var(--color-font-links-labels);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-module-scss-module__hlEouW__loadingContainer span {
  margin-top: var(--space-large);
  font-size: var(--font-size-sm);
}

.table-module-scss-module__hlEouW__spinner {
  width: 40px;
  height: 40px;
}

.table-module-scss-module__hlEouW__spinnerIcon {
  animation: 1.4s linear infinite table-module-scss-module__hlEouW__rotate;
}

.table-module-scss-module__hlEouW__spinnerPath {
  stroke: var(--color-primary-600);
  stroke-linecap: round;
  animation: 1.4s ease-in-out infinite table-module-scss-module__hlEouW__dash;
}

.table-module-scss-module__hlEouW__emptyContainer {
  padding: var(--space-enormous) var(--space-xxlarge);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.table-module-scss-module__hlEouW__emptyIcon {
  margin-bottom: var(--space-large);
  opacity: .5;
}

.table-module-scss-module__hlEouW__emptyMessage {
  font-size: var(--font-size-md);
  color: var(--color-font-links-labels);
  text-align: center;
}

@media (max-width: 768px) {
  .table-module-scss-module__hlEouW__pagination {
    gap: var(--space-large);
    flex-direction: column;
  }

  .table-module-scss-module__hlEouW__paginationInfo {
    align-items: center;
    gap: var(--space-medium);
    text-align: center;
    flex-direction: column;
    width: 100%;
  }

  .table-module-scss-module__hlEouW__paginationControls .table-module-scss-module__hlEouW__paginationButton {
    font-size: 0 !important;
  }

  :is(.table-module-scss-module__hlEouW__paginationControls .table-module-scss-module__hlEouW__paginationButton [class*="icon"], .table-module-scss-module__hlEouW__paginationControls .table-module-scss-module__hlEouW__paginationButton svg) {
    margin: 0 !important;
    font-size: 16px !important;
  }

  .table-module-scss-module__hlEouW__paginationControls .table-module-scss-module__hlEouW__paginationButton {
    justify-content: center !important;
    align-items: center !important;
    width: 32px !important;
    min-width: 32px !important;
    padding: 0 !important;
    display: inline-flex !important;
  }

  .table-module-scss-module__hlEouW__table {
    font-size: var(--font-size-xs);
  }

  .table-module-scss-module__hlEouW__tableHeader th {
    padding: var(--space-small) var(--space-medium);
    font-size: 11px;
  }

  .table-module-scss-module__hlEouW__tableCell {
    padding: var(--space-small) var(--space-medium);
  }
}

/* [project]/src/core/new-components/common/stat-card/stat-card.module.scss.module.css [app-client] (css) */
.stat-card-module-scss-module__y4lc9G__container {
  padding: var(--space-large-plus) var(--space-xlarge);
  border-radius: var(--radius-card-corner);
  border: 1px solid var(--color-border-default);
  background: var(--color-white);
  box-shadow: var(--shadow-md);
  flex-direction: column;
  display: flex;
}

.stat-card-module-scss-module__y4lc9G__header {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-large);
  margin-bottom: var(--space-xlarge);
  flex-direction: row;
  display: flex;
}

.stat-card-module-scss-module__y4lc9G__title {
  font-family: var(--typeface-headings, Inter);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
  color: var(--fonts-body, #414651);
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.stat-card-module-scss-module__y4lc9G__value {
  font-family: var(--typeface-headings, Inter);
  font-size: var(--font-size-2xl);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
  color: var(--fonts-headings, #25272c);
}

.stat-card-module-scss-module__y4lc9G__iconBox.stat-card-module-scss-module__y4lc9G__primary {
  padding: var(--space-medium);
  align-items: center;
  gap: var(--space-compact);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-primary-200);
  background: linear-gradient(180deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%);
  color: var(--color-primary-600);
  flex-shrink: 0;
  display: flex;
  box-shadow: inset 0 0 6px #0000000a, 0 4px 8px #0000000a;
}

.stat-card-module-scss-module__y4lc9G__iconBox.stat-card-module-scss-module__y4lc9G__secondary {
  padding: var(--space-medium);
  align-items: center;
  gap: var(--space-compact);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-secondary-200);
  background: linear-gradient(180deg, var(--color-secondary-50) 0%, var(--color-secondary-100) 100%);
  color: var(--color-secondary-700);
  flex-shrink: 0;
  display: flex;
  box-shadow: inset 0 0 6px #0000000a, 0 4px 8px #0000000a;
}

.stat-card-module-scss-module__y4lc9G__iconBox.stat-card-module-scss-module__y4lc9G__tertiary {
  padding: var(--space-medium);
  align-items: center;
  gap: var(--space-compact);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-tertiary-200);
  background: linear-gradient(180deg, var(--color-tertiary-50) 0%, var(--color-tertiary-100) 100%);
  color: var(--color-tertiary-600);
  flex-shrink: 0;
  display: flex;
  box-shadow: inset 0 0 6px #0000000a, 0 4px 8px #0000000a;
}

.stat-card-module-scss-module__y4lc9G__iconBox.stat-card-module-scss-module__y4lc9G__warning {
  padding: var(--space-medium);
  align-items: center;
  gap: var(--space-compact);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-warning-200);
  background: linear-gradient(180deg, var(--color-warning-50) 0%, var(--color-warning-100) 100%);
  color: var(--color-warning-700);
  flex-shrink: 0;
  display: flex;
  box-shadow: inset 0 0 6px #0000000a, 0 4px 8px #0000000a;
}

.stat-card-module-scss-module__y4lc9G__iconBox.stat-card-module-scss-module__y4lc9G__danger {
  padding: var(--space-medium);
  align-items: center;
  gap: var(--space-compact);
  border-radius: var(--radius-md);
  border: 1px solid var(--color-danger-200);
  background: linear-gradient(180deg, var(--color-danger-50) 0%, var(--color-danger-100) 100%);
  color: var(--color-danger-600);
  flex-shrink: 0;
  display: flex;
  box-shadow: inset 0 0 6px #0000000a, 0 4px 8px #0000000a;
}

.stat-card-module-scss-module__y4lc9G__content {
  align-items: center;
  gap: var(--space-small);
  flex-direction: row;
  display: flex;
}

.stat-card-module-scss-module__y4lc9G__trendBadge.stat-card-module-scss-module__y4lc9G__up {
  color: var(--color-success-700);
  align-items: center;
  gap: .5px;
  display: flex;
}

.stat-card-module-scss-module__y4lc9G__trendBadge.stat-card-module-scss-module__y4lc9G__down {
  color: var(--color-danger-700);
  align-items: center;
  gap: .5px;
  display: flex;
}

.stat-card-module-scss-module__y4lc9G__trendIconCircle.stat-card-module-scss-module__y4lc9G__up {
  padding: var(--space-tiny);
  background: var(--color-success-50);
  color: var(--color-success-700);
  justify-content: center;
  align-items: center;
  gap: var(--space-compact);
  border-radius: 1000px;
  display: flex;
}

.stat-card-module-scss-module__y4lc9G__trendIconCircle.stat-card-module-scss-module__y4lc9G__down {
  padding: var(--space-tiny);
  background: var(--color-danger-50);
  color: var(--color-danger-700);
  justify-content: center;
  align-items: center;
  gap: var(--space-compact);
  border-radius: 1000px;
  display: flex;
}

.stat-card-module-scss-module__y4lc9G__trendValue {
  font-family: var(--typeface-headings, Inter);
  font-size: var(--font-size-lg);
  font-style: normal;
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
}

.stat-card-module-scss-module__y4lc9G__trendValue.stat-card-module-scss-module__y4lc9G__up {
  color: var(--color-palette-success-700, #1f7634);
}

.stat-card-module-scss-module__y4lc9G__trendValue.stat-card-module-scss-module__y4lc9G__down {
  color: var(--color-palette-danger-700, #c80d0d);
}

.stat-card-module-scss-module__y4lc9G__overview {
  margin-top: var(--space-small);
  font-size: var(--font-size-sm);
  color: var(--color-font-disable);
}

/* [project]/src/core/new-components/common/calendar/calendar.module.scss.module.css [app-client] (css) */
.calendar-module-scss-module__mN9DKq__container {
  inline-size: 320px;
  padding-block: var(--space-xlarge);
  padding-inline: var(--space-xlarge);
  gap: var(--space-xlarge);
  border-radius: var(--radius-lg);
  background-color: var(--color-white);
  flex-direction: column;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__header {
  padding-block: var(--space-tiny);
  padding-inline: var(--space-tiny);
  border-radius: var(--radius-md);
  background-color: var(--color-secondary-50);
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__headerLabel {
  font-family: var(--font-family-texts);
  letter-spacing: var(--letter-spacing-normal);
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  color: var(--color-font-headings);
}

.calendar-module-scss-module__mN9DKq__headerLabel.calendar-module-scss-module__mN9DKq__clickable {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}

.calendar-module-scss-module__mN9DKq__headerLabel.calendar-module-scss-module__mN9DKq__clickable:hover {
  opacity: .8;
}

.calendar-module-scss-module__mN9DKq__headerLabel.calendar-module-scss-module__mN9DKq__clickable:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
  border-radius: var(--radius-xs);
}

.calendar-module-scss-module__mN9DKq__navButton {
  border-radius: var(--radius-sm);
  cursor: pointer;
  block-size: 32px;
  inline-size: 32px;
  color: var(--color-font-links-labels);
  background-color: #0000;
  border: none;
  justify-content: center;
  align-items: center;
  transition: background-color .15s, color .15s;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__navButton:hover {
  background-color: var(--color-secondary-100);
  color: var(--color-font-headings);
}

.calendar-module-scss-module__mN9DKq__navButton:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.calendar-module-scss-module__mN9DKq__navButton:hover {
  background-color: var(--color-white);
}

.calendar-module-scss-module__mN9DKq__daysRow {
  border-block-end: 1px solid var(--color-border-table);
  grid-template-columns: repeat(7, 1fr);
  gap: 0;
  padding-block-end: var(--space-small);
  display: grid;
}

.calendar-module-scss-module__mN9DKq__dayNameCell {
  font-family: var(--font-family-texts);
  letter-spacing: var(--letter-spacing-normal);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-normal);
  color: var(--color-font-links-labels);
  justify-content: center;
  align-items: center;
  min-block-size: 24px;
  min-inline-size: 32px;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__datesGrid {
  grid-template-columns: repeat(7, 1fr);
  gap: 4px 0;
  display: grid;
}

.calendar-module-scss-module__mN9DKq__dateCell {
  font-family: var(--font-family-texts);
  letter-spacing: var(--letter-spacing-normal);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-normal);
  color: var(--color-font-body);
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  block-size: 32px;
  inline-size: 100%;
  padding: 0;
  transition: background-color .15s, border-radius .15s;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__dateCell:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

.calendar-module-scss-module__mN9DKq__dateCell {
  min-width: 32px;
  min-height: 32px;
}

.calendar-module-scss-module__mN9DKq__dateCell:hover, .calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__selected {
  border: 0 solid var(--border-table, #edeef1);
  background: var(--color-palette-secondary-100, #edeef1);
  border-radius: 8px;
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__selected {
  font-weight: var(--font-weight-medium);
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__otherMonth {
  color: var(--color-font-disable);
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__today {
  font-weight: var(--font-weight-semibold);
  color: var(--color-primary-800);
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__rangeStart, .calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__rangeEnd, .calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__inRange {
  background-color: var(--color-palette-secondary-100, #edeef1);
  color: var(--fonts-headings, #25272c);
  z-index: 1;
  border-radius: 0;
  block-size: 32px;
  position: relative;
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__rangeStart {
  border-start-start-radius: 8px;
  border-end-start-radius: 8px;
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__rangeEnd {
  border-start-end-radius: 8px;
  border-end-end-radius: 8px;
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__singleDayRange {
  background-color: var(--color-palette-secondary-100, #edeef1);
  color: var(--fonts-headings, #25272c);
  border-radius: 8px;
  block-size: 32px;
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__inRange:nth-child(7n), .calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__rangeStart:nth-child(7n) {
  border-start-end-radius: 8px;
  border-end-end-radius: 8px;
}

.calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__inRange:nth-child(7n+1), .calendar-module-scss-module__mN9DKq__dateCell.calendar-module-scss-module__mN9DKq__rangeEnd:nth-child(7n+1) {
  border-start-start-radius: 8px;
  border-end-start-radius: 8px;
}

.calendar-module-scss-module__mN9DKq__selectionGrid {
  gap: var(--space-small);
  flex-wrap: wrap;
  align-items: flex-start;
  inline-size: 100%;
  max-inline-size: 320px;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__selectionItem {
  min-block-size: 32px;
  max-block-size: 32px;
  min-inline-size: 62px;
  max-inline-size: 62px;
  padding-block: var(--space-tiny);
  padding-inline: var(--space-small);
  border-radius: var(--radius-sm);
  background-color: var(--color-white);
  cursor: pointer;
  font-family: var(--font-family-texts);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-button);
  color: var(--color-secondary-700);
  border: none;
  justify-content: center;
  align-items: center;
  transition: background-color .15s;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__selectionItem:hover, .calendar-module-scss-module__mN9DKq__selectionItem.calendar-module-scss-module__mN9DKq__selected {
  border: 0 solid var(--border-table, #edeef1);
  background: var(--color-palette-secondary-100, #edeef1);
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-block-size: 32px;
  inline-size: 32px;
  min-inline-size: 32px;
  display: flex;
}

.calendar-module-scss-module__mN9DKq__selectionItem.calendar-module-scss-module__mN9DKq__selected {
  font-weight: var(--font-weight-medium);
}

.calendar-module-scss-module__mN9DKq__selectionItem:focus-visible {
  outline: 2px solid var(--color-primary-500);
  outline-offset: 2px;
}

/* [project]/src/core/new-components/common/collapse-card/collapse-card.module.scss.module.css [app-client] (css) */
.collapse-card-module-scss-module__PTDqMq__collapseCard {
  border-radius: var(--border-radius-top-left, var(--radius-card-corner)) var(--border-radius-top-right, var(--radius-card-corner)) var(--border-radius-bottom-right, var(--radius-card-corner)) var(--border-radius-bottom-left, var(--radius-card-corner));
  background: var(--color-white);
  width: 100%;
  position: relative;
}

.collapse-card-module-scss-module__PTDqMq__collapseCard.collapse-card-module-scss-module__PTDqMq__topBorder {
  border-top: 1px solid var(--color-border-default);
}

.collapse-card-module-scss-module__PTDqMq__collapseCard.collapse-card-module-scss-module__PTDqMq__bottomBorder {
  border-bottom: 1px solid var(--color-border-default);
}

.collapse-card-module-scss-module__PTDqMq__collapseCard.collapse-card-module-scss-module__PTDqMq__leftBorder {
  border-left: 1px solid var(--color-border-default);
}

.collapse-card-module-scss-module__PTDqMq__collapseCard.collapse-card-module-scss-module__PTDqMq__rightBorder {
  border-right: 1px solid var(--color-border-default);
}

.collapse-card-module-scss-module__PTDqMq__header {
  padding: var(--space-medium) var(--space-xlarge);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border-radius: var(--border-radius-top-left, var(--radius-card-corner)) var(--border-radius-top-right, var(--radius-card-corner)) var(--border-radius-bottom-right, var(--radius-card-corner)) var(--border-radius-bottom-left, var(--radius-card-corner));
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.collapse-card-module-scss-module__PTDqMq__header:hover {
  background-color: var(--color-secondary-50);
}

.collapse-card-module-scss-module__PTDqMq__header.collapse-card-module-scss-module__PTDqMq__headerBorder {
  border-bottom: 1px solid var(--color-border-default);
  border-radius: var(--border-radius-top-left, var(--radius-card-corner)) var(--border-radius-top-right, var(--radius-card-corner)) 0 0;
}

.collapse-card-module-scss-module__PTDqMq__title {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
  margin: 0;
}

.collapse-card-module-scss-module__PTDqMq__content {
  padding: var(--space-xlarge);
  gap: var(--space-large-plus);
  flex-direction: column;
  display: flex;
}

.collapse-card-module-scss-module__PTDqMq__content.collapse-card-module-scss-module__PTDqMq__hidden {
  display: none;
}

@media (max-width: 768px) {
  .collapse-card-module-scss-module__PTDqMq__content {
    gap: var(--space-large);
  }
}

/* [project]/src/core/new-components/common/variants-table/variants-table.module.scss.module.css [app-client] (css) */
.variants-table-module-scss-module__Vv771a__container {
  background: var(--color-white);
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-card-corner);
  width: 100%;
  box-shadow: var(--shadow-md);
  overflow: hidden;
}

.variants-table-module-scss-module__Vv771a__table {
  border-collapse: collapse;
  width: 100%;
}

.variants-table-module-scss-module__Vv771a__headerRow {
  background: var(--color-secondary-50);
}

.variants-table-module-scss-module__Vv771a__headerCell {
  padding: var(--space-medium) var(--space-large);
  border-bottom: 1px solid var(--color-border-table);
  border-right: 1px solid var(--color-border-table);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--color-font-links-labels);
  text-align: left;
  vertical-align: middle;
}

.variants-table-module-scss-module__Vv771a__headerCell:last-child {
  border-right: none;
}

.variants-table-module-scss-module__Vv771a__colValueName {
  width: 200px;
}

.variants-table-module-scss-module__Vv771a__colGallery {
  width: 1%;
}

.variants-table-module-scss-module__Vv771a__colSku {
  width: 140px;
}

.variants-table-module-scss-module__Vv771a__colPrice, .variants-table-module-scss-module__Vv771a__colStock, .variants-table-module-scss-module__Vv771a__colPublished {
  width: 90px;
}

.variants-table-module-scss-module__Vv771a__groupRow {
  background: var(--color-white);
  border-bottom: 1px solid var(--color-border-table);
}

.variants-table-module-scss-module__Vv771a__groupRow:hover {
  background: var(--color-secondary-50);
}

.variants-table-module-scss-module__Vv771a__groupNameCell {
  padding: var(--space-compact) var(--space-small) var(--space-compact) var(--space-large);
  border-bottom: 1px solid var(--color-border-table);
  border-right: 1px solid var(--color-border-table);
  vertical-align: middle;
}

.variants-table-module-scss-module__Vv771a__groupHeaderContent {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.variants-table-module-scss-module__Vv771a__groupHeaderLeft, .variants-table-module-scss-module__Vv771a__groupHeaderRight {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.variants-table-module-scss-module__Vv771a__colorSwatch {
  border-radius: var(--radius-full);
  border: 2px solid var(--color-white);
  width: 24px;
  height: 24px;
  box-shadow: var(--shadow-sm);
  flex-shrink: 0;
}

.variants-table-module-scss-module__Vv771a__groupName {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-font-headings);
}

.variants-table-module-scss-module__Vv771a__variantCount {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-secondary-600);
}

.variants-table-module-scss-module__Vv771a__expandButton {
  cursor: pointer;
  width: 32px;
  height: 32px;
  color: var(--color-font-links-labels);
  background: none;
  border: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: color .2s ease-in-out;
  display: flex;
}

.variants-table-module-scss-module__Vv771a__expandButton:hover {
  color: var(--color-primary-600);
}

.variants-table-module-scss-module__Vv771a__childRow {
  background: var(--color-white);
  transition: background-color .2s ease-in-out;
}

.variants-table-module-scss-module__Vv771a__childRow:hover {
  background: var(--color-secondary-50);
}

.variants-table-module-scss-module__Vv771a__childRow.variants-table-module-scss-module__Vv771a__hidden {
  display: none;
}

.variants-table-module-scss-module__Vv771a__childLabelCell {
  padding: var(--space-compact) var(--space-large);
  padding-left: var(--space-huge);
  border-bottom: 1px solid var(--color-border-table);
  border-right: 1px solid var(--color-border-table);
  vertical-align: middle;
}

.variants-table-module-scss-module__Vv771a__badgeGroup {
  align-items: center;
  gap: var(--space-small);
  flex-wrap: wrap;
  display: flex;
}

.variants-table-module-scss-module__Vv771a__childLabel {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  color: var(--color-secondary-700);
}

.variants-table-module-scss-module__Vv771a__cell {
  padding: var(--space-compact) var(--space-large);
  border-bottom: 1px solid var(--color-border-table);
  border-right: 1px solid var(--color-border-table);
  vertical-align: middle;
  height: 64px;
}

.variants-table-module-scss-module__Vv771a__cell:last-child {
  border-right: none;
}

.variants-table-module-scss-module__Vv771a__cellCentered {
  text-align: center;
}

.variants-table-module-scss-module__Vv771a__cellRight {
  text-align: right;
}

.variants-table-module-scss-module__Vv771a__galleryCell {
  white-space: nowrap;
  width: 1%;
  padding: 12px 24px;
}

.variants-table-module-scss-module__Vv771a__galleryRow {
  align-items: center;
  gap: 8px;
  display: flex;
}

.variants-table-module-scss-module__Vv771a__galleryItem {
  border-radius: var(--radius-sm);
  background: var(--color-secondary-100);
  cursor: pointer;
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  transition: transform .2s ease-in-out;
  position: relative;
  overflow: visible;
}

.variants-table-module-scss-module__Vv771a__galleryItem:hover {
  transform: scale(1.05);
}

.variants-table-module-scss-module__Vv771a__thumbnail {
  object-fit: cover;
  border-radius: var(--radius-sm);
}

.variants-table-module-scss-module__Vv771a__removeImageButton {
  border-radius: var(--radius-full);
  background: var(--color-secondary-600);
  border: 1.5px solid var(--color-white);
  cursor: pointer;
  width: 16px;
  height: 16px;
  color: var(--color-white);
  z-index: 1;
  justify-content: center;
  align-items: center;
  padding: 0;
  transition: background-color .2s ease-in-out;
  display: flex;
  position: absolute;
  top: -8px;
  right: -8px;
}

.variants-table-module-scss-module__Vv771a__removeImageButton:hover {
  background: var(--color-secondary-700);
}

.variants-table-module-scss-module__Vv771a__addImageButton {
  border: 1px dashed var(--color-border-default);
  border-radius: var(--radius-sm);
  cursor: pointer;
  width: 40px;
  height: 40px;
  color: var(--color-font-links-labels);
  background: none;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  transition: all .2s ease-in-out;
  display: inline-flex;
}

.variants-table-module-scss-module__Vv771a__addImageButton:hover {
  border-color: var(--color-primary-500);
  color: var(--color-primary-500);
  background: var(--color-primary-50);
}

.variants-table-module-scss-module__Vv771a__inputWrapper {
  width: 100%;
}

.variants-table-module-scss-module__Vv771a__toggleWrapper {
  justify-content: center;
  align-items: center;
  display: flex;
}

.variants-table-module-scss-module__Vv771a__emptyState {
  padding: var(--space-huge);
  text-align: center;
  color: var(--color-secondary-600);
  font-size: var(--font-size-md);
}

.variants-table-module-scss-module__Vv771a__flatRow {
  background: var(--color-white);
  border-bottom: 1px solid var(--color-border-table);
  transition: background-color .2s ease-in-out;
}

.variants-table-module-scss-module__Vv771a__flatRow:hover {
  background: var(--color-secondary-50);
}

.variants-table-module-scss-module__Vv771a__flatLabelCell {
  padding: var(--space-compact) var(--space-large);
  border-bottom: 1px solid var(--color-border-table);
  border-right: 1px solid var(--color-border-table);
  vertical-align: middle;
}

.variants-table-module-scss-module__Vv771a__flatLabelContent {
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.variants-table-module-scss-module__Vv771a__flatLabel {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-regular);
  color: var(--color-font-headings);
}

.variants-table-module-scss-module__Vv771a__errorRow {
  border-bottom: 1px solid var(--color-border-table);
  background: #fef2f2;
}

.variants-table-module-scss-module__Vv771a__errorCell {
  padding: var(--space-medium) var(--space-large);
  border-right: none;
}

.variants-table-module-scss-module__Vv771a__errorMessage {
  align-items: center;
  gap: var(--space-small);
  color: #dc2626;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  display: flex;
}

.variants-table-module-scss-module__Vv771a__errorIcon {
  font-size: 18px;
  line-height: 1;
}

.variants-table-module-scss-module__Vv771a__errorText {
  flex: 1;
}

@media (max-width: 1024px) {
  .variants-table-module-scss-module__Vv771a__container {
    overflow-x: auto;
  }

  .variants-table-module-scss-module__Vv771a__table {
    min-width: 900px;
  }
}

/* [project]/src/core/new-components/common/tabs/tabs.module.scss.module.css [app-client] (css) */
.tabs-module-scss-module__CX0JGq__tabs {
  gap: var(--space-small);
  margin-bottom: var(--space-medium);
  display: flex;
}

.tabs-module-scss-module__CX0JGq__tab {
  padding: var(--space-medium) var(--space-large);
  cursor: pointer;
  align-items: center;
  gap: var(--space-small);
  border-radius: var(--radius-md);
  color: var(--color-font-secondary);
  font-weight: var(--font-weight-medium);
  transition: all .2s ease-in-out;
  display: flex;
}

.tabs-module-scss-module__CX0JGq__tab:hover {
  color: var(--color-font-primary);
  background-color: var(--color-secondary-100);
}

.tabs-module-scss-module__CX0JGq__active {
  color: var(--color-primary-600);
  background-color: var(--color-primary-50);
}

.tabs-module-scss-module__CX0JGq__active:hover {
  color: var(--color-primary-700);
  background-color: var(--color-primary-100);
}

.tabs-module-scss-module__CX0JGq__icon {
  font-size: var(--font-size-large);
}

/* [project]/src/core/new-components/common/card/card.module.scss.module.css [app-client] (css) */
.card-module-scss-module__2QvjPW__card {
  background-color: var(--color-white);
  border: 1px solid var(--color-border-subtle);
  border-radius: var(--radius-card);
  box-shadow: var(--shadow-sm);
  flex-direction: column;
  display: flex;
}

.card-module-scss-module__2QvjPW__header {
  padding: var(--space-medium) var(--space-large);
  border-bottom: 1px solid var(--color-border-subtle);
}

.card-module-scss-module__2QvjPW__title {
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-semibold);
  color: var(--color-font-headings);
  margin: 0;
}

.card-module-scss-module__2QvjPW__description {
  font-size: var(--font-size-small);
  color: var(--color-font-secondary);
  margin-top: var(--space-xsmall);
}

.card-module-scss-module__2QvjPW__content {
  padding: var(--space-large);
  flex-grow: 1;
}

.card-module-scss-module__2QvjPW__actions {
  padding: var(--space-medium) var(--space-large);
  border-top: 1px solid var(--color-border-subtle);
  justify-content: flex-end;
  gap: var(--space-medium);
  display: flex;
}

/* [project]/src/core/new-components/common/select-card/select-card.module.scss.module.css [app-client] (css) */
.select-card-module-scss-module__v1Jhoq__card {
  gap: var(--space-medium);
  padding: var(--space-medium);
  border-radius: var(--radius-card-corner);
  border: 1px solid var(--color-border-table);
  background: var(--color-white);
  cursor: pointer;
  box-sizing: border-box;
  flex-direction: column;
  width: 100%;
  max-width: 380px;
  transition: all .2s ease-in-out;
  display: flex;
}

.select-card-module-scss-module__v1Jhoq__card:hover {
  background: linear-gradient(125.09deg, var(--color-white) 29.893%, var(--color-primary-100) 100%);
  border-color: var(--color-border-default);
  box-shadow: var(--shadow-md);
}

.select-card-module-scss-module__v1Jhoq__card:hover .select-card-module-scss-module__v1Jhoq__action .select-card-module-scss-module__v1Jhoq__actionText {
  color: var(--color-font-headings);
}

.select-card-module-scss-module__v1Jhoq__card:focus {
  outline: 2px solid var(--color-primary-600);
  outline-offset: 2px;
}

.select-card-module-scss-module__v1Jhoq__card:active {
  transform: scale(.98);
}

.select-card-module-scss-module__v1Jhoq__iconContainer {
  border: 1px solid var(--color-primary-200);
  background: linear-gradient(180deg, var(--color-primary-50) 0%, var(--color-primary-100) 100%);
  width: 50px;
  height: 50px;
  box-shadow: var(--shadow-md),inset 0px 0px 6px 0px #0000000a;
  border-radius: 12px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  padding: 13px;
  display: flex;
}

.select-card-module-scss-module__v1Jhoq__iconContainer svg {
  width: 24px;
  height: 24px;
  color: var(--color-primary-600);
}

.select-card-module-scss-module__v1Jhoq__iconContainer span {
  color: var(--color-text-secondary);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
}

.select-card-module-scss-module__v1Jhoq__primary .select-card-module-scss-module__v1Jhoq__iconContainer {
  background: linear-gradient(#f0f5fe 0%, #dce8fd 100%);
  border-color: #c1d8fc;
}

.select-card-module-scss-module__v1Jhoq__primary .select-card-module-scss-module__v1Jhoq__iconContainer svg {
  color: #2e90fa;
}

.select-card-module-scss-module__v1Jhoq__warning .select-card-module-scss-module__v1Jhoq__iconContainer {
  background: linear-gradient(#fffbeb 0%, #fff4c6 100%);
  border-color: #ffe680;
}

.select-card-module-scss-module__v1Jhoq__warning .select-card-module-scss-module__v1Jhoq__iconContainer svg {
  color: #f79009;
}

.select-card-module-scss-module__v1Jhoq__success .select-card-module-scss-module__v1Jhoq__iconContainer {
  background: linear-gradient(#f1fcf2 0%, #dff9e4 100%);
  border-color: #c1f1cb;
}

.select-card-module-scss-module__v1Jhoq__success .select-card-module-scss-module__v1Jhoq__iconContainer svg {
  color: #12b76a;
}

.select-card-module-scss-module__v1Jhoq__content {
  gap: var(--space-tiny);
  flex-direction: column;
  width: 100%;
  display: flex;
}

.select-card-module-scss-module__v1Jhoq__title {
  font-family: var(--typeface-headings);
  font-size: 20px;
  font-weight: var(--font-weight-medium);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-font-headings);
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
  font-style: normal;
  line-height: 32px;
  text-decoration: none;
}

.select-card-module-scss-module__v1Jhoq__description {
  font-family: var(--typeface-headings);
  font-size: 16px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-font-links-labels);
  white-space: pre-wrap;
  word-wrap: break-word;
  margin: 0;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
}

.select-card-module-scss-module__v1Jhoq__action {
  align-items: center;
  gap: var(--space-tiny);
  padding: var(--space-tiny) var(--space-small);
  border-radius: 8px;
  transition: all .2s ease-in-out;
  display: flex;
}

.select-card-module-scss-module__v1Jhoq__actionText {
  font-family: var(--typeface-headings);
  font-size: 14px;
  font-weight: var(--font-weight-regular);
  text-transform: none;
  letter-spacing: 0;
  color: var(--color-font-links-labels);
  text-transform: lowercase;
  font-style: normal;
  line-height: 24px;
  text-decoration: none;
  transition: color .2s ease-in-out;
}

[dir="rtl"] .select-card-module-scss-module__v1Jhoq__action {
  flex-direction: row-reverse;
}

[dir="rtl"] .select-card-module-scss-module__v1Jhoq__card {
  text-align: right;
}

@media (max-width: 768px) {
  .select-card-module-scss-module__v1Jhoq__card {
    width: 100%;
    max-width: 380px;
  }
}

/* [project]/src/core/new-components/common/collapsible-table/collapsible-table.module.scss.module.css [app-client] (css) */
@keyframes collapsible-table-module-scss-module__yTp8FW__rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes collapsible-table-module-scss-module__yTp8FW__dash {
  0% {
    stroke-dasharray: 1 150;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 90 150;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 90 150;
    stroke-dashoffset: -124px;
  }
}

.collapsible-table-module-scss-module__yTp8FW__tableWrapper {
  background-color: var(--color-white);
  border-radius: var(--radius-card-corner);
  border: 1px solid var(--tabel-color-border-outside, var(--color-border-default));
  width: 100%;
  box-shadow: var(--shadow-sm);
  overflow: hidden;
}

.collapsible-table-module-scss-module__yTp8FW__tableContainer {
  -webkit-overflow-scrolling: touch;
  width: 100%;
  overflow: auto;
}

.collapsible-table-module-scss-module__yTp8FW__tableContainer.collapsible-table-module-scss-module__yTp8FW__stickyHeader .collapsible-table-module-scss-module__yTp8FW__tableHeader {
  z-index: 10;
  background-color: var(--tabel-color-header-default, var(--color-secondary-50));
  position: sticky;
  top: 0;
}

.collapsible-table-module-scss-module__yTp8FW__table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  min-width: 900px;
  font-size: var(--font-size-sm);
  color: var(--color-font-body);
  font-family: var(--font-family-texts);
}

.collapsible-table-module-scss-module__yTp8FW__table.collapsible-table-module-scss-module__yTp8FW__bordered th, .collapsible-table-module-scss-module__yTp8FW__table.collapsible-table-module-scss-module__yTp8FW__bordered td {
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
}

.collapsible-table-module-scss-module__yTp8FW__table.collapsible-table-module-scss-module__yTp8FW__bordered th:last-child, .collapsible-table-module-scss-module__yTp8FW__table.collapsible-table-module-scss-module__yTp8FW__bordered td:last-child {
  border-right: none;
}

.collapsible-table-module-scss-module__yTp8FW__table.collapsible-table-module-scss-module__yTp8FW__hover .collapsible-table-module-scss-module__yTp8FW__parentRow:hover {
  background-color: var(--tabel-color-row-hover, var(--color-secondary-50));
}

.collapsible-table-module-scss-module__yTp8FW__table.collapsible-table-module-scss-module__yTp8FW__dense th, .collapsible-table-module-scss-module__yTp8FW__table.collapsible-table-module-scss-module__yTp8FW__dense td {
  padding: var(--space-small) var(--space-medium);
}

.collapsible-table-module-scss-module__yTp8FW__tableHeader {
  background-color: var(--tabel-color-header-default, var(--color-secondary-50));
  border-bottom: 1px solid var(--tabel-color-header-border-default, var(--color-border-table));
}

.collapsible-table-module-scss-module__yTp8FW__tableHeader th {
  padding: var(--tabel-size-header-cell-padding-top, var(--space-medium)) var(--tabel-size-header-cell-padding-right, var(--space-xlarge));
  text-align: left;
  font-weight: var(--font-weight-regular);
  font-size: var(--font-size-sm);
  color: var(--color-font-links-labels);
  white-space: nowrap;
  border-right: 1px solid var(--tabel-color-header-border-default, var(--color-border-table));
  height: var(--tabel-size-header-cell-min-height, 48px);
  vertical-align: middle;
  border-bottom: none;
}

.collapsible-table-module-scss-module__yTp8FW__tableHeader th:last-child {
  border-right: none;
}

.collapsible-table-module-scss-module__yTp8FW__headerCell {
  -webkit-user-select: none;
  user-select: none;
  position: relative;
}

.collapsible-table-module-scss-module__yTp8FW__headerCell.collapsible-table-module-scss-module__yTp8FW__sortable {
  cursor: pointer;
}

.collapsible-table-module-scss-module__yTp8FW__headerContent {
  align-items: center;
  gap: var(--space-tiny);
  white-space: nowrap;
  display: flex;
  overflow: hidden;
}

.collapsible-table-module-scss-module__yTp8FW__sortIcon {
  margin-left: var(--space-tiny);
  opacity: .5;
  flex-shrink: 0;
  align-items: center;
  display: inline-flex;
}

.collapsible-table-module-scss-module__yTp8FW__sortIcon svg {
  width: 14px;
  height: 14px;
  color: var(--color-font-links-labels);
  transition: color .15s;
}

.collapsible-table-module-scss-module__yTp8FW__expandButton {
  color: var(--color-font-headings);
  flex-shrink: 0;
  margin-inline-start: auto;
  box-shadow: none !important;
  background: none !important;
  border: none !important;
}

.collapsible-table-module-scss-module__yTp8FW__expandButton:hover {
  background: none !important;
}

.collapsible-table-module-scss-module__yTp8FW__parentRow {
  border-bottom: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  background-color: var(--tabel-color-row-default, #fff0);
  height: var(--tabel-size-row-cell-min-height, 64px);
  cursor: pointer;
  transition: background-color .15s;
}

.collapsible-table-module-scss-module__yTp8FW__parentRow.collapsible-table-module-scss-module__yTp8FW__expanded {
  background-color: #0000;
  border-bottom-color: #0000;
}

.collapsible-table-module-scss-module__yTp8FW__parentRow.collapsible-table-module-scss-module__yTp8FW__selected {
  background-color: var(--tabel-color-row-selected, var(--color-secondary-50));
}

.collapsible-table-module-scss-module__yTp8FW__parentRow:last-child:not(.collapsible-table-module-scss-module__yTp8FW__expanded) {
  border-bottom: none;
}

.collapsible-table-module-scss-module__yTp8FW__tableCell {
  padding: var(--tabel-size-row-cell-padding-top, var(--space-medium)) var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  vertical-align: middle;
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  height: var(--tabel-size-row-cell-min-height, 64px);
  overflow: hidden;
}

.collapsible-table-module-scss-module__yTp8FW__tableCell:last-child {
  border-right: none;
}

.collapsible-table-module-scss-module__yTp8FW__cellContent {
  min-height: 20px;
  color: inherit;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collapsible-table-module-scss-module__yTp8FW__childrenContainer {
  background-color: var(--color-secondary-50);
}

.collapsible-table-module-scss-module__yTp8FW__childrenInner {
  padding: 0;
}

.collapsible-table-module-scss-module__yTp8FW__childrenTable {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
  color: var(--color-font-body);
  font-size: 14px;
  font-family: var(--font-family-texts);
}

.collapsible-table-module-scss-module__yTp8FW__childrenHeader {
  background-color: #00000008;
}

.collapsible-table-module-scss-module__yTp8FW__childrenHeader th {
  padding: var(--space-micro) var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  text-align: left;
  font-weight: var(--font-weight-regular);
  color: var(--color-font-links-labels);
  white-space: nowrap;
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  border-bottom: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  vertical-align: middle;
  text-transform: uppercase;
  letter-spacing: .03em;
  height: 24px;
  font-size: 11px;
}

.collapsible-table-module-scss-module__yTp8FW__childrenHeader th:last-child {
  border-right: none;
}

.collapsible-table-module-scss-module__yTp8FW__childRow {
  border-bottom: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  background-color: #0000;
  height: 32px;
  transition: background-color .15s;
}

.collapsible-table-module-scss-module__yTp8FW__childRow:hover {
  background-color: #00000005;
}

.collapsible-table-module-scss-module__yTp8FW__childRow:last-child {
  border-bottom: none;
}

.collapsible-table-module-scss-module__yTp8FW__childCell {
  padding: var(--space-micro) var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  vertical-align: middle;
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table));
  height: 40px;
  font-size: 14px;
  overflow: hidden;
}

.collapsible-table-module-scss-module__yTp8FW__childCell:last-child {
  border-right: none;
}

.collapsible-table-module-scss-module__yTp8FW__childCellContent {
  min-height: 14px;
  color: inherit;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.collapsible-table-module-scss-module__yTp8FW__childrenDivider {
  border-bottom: 1px solid var(--color-border-table);
}

.collapsible-table-module-scss-module__yTp8FW__variantIndicator {
  align-items: center;
  gap: var(--space-small);
  font-size: var(--font-size-xs);
  color: var(--color-font-links-labels);
  padding: var(--space-small) var(--space-xlarge);
  font-weight: var(--font-weight-medium);
  display: flex;
}

.collapsible-table-module-scss-module__yTp8FW__checkboxCell {
  width: auto;
  max-width: var(--tabel-size-column-width-checkbox, 64px);
  border: 0 solid var(--tabel-color-row-border-default, var(--color-border-table));
  vertical-align: middle;
  padding: 0;
  border-right: 1px solid var(--tabel-color-row-border-default, var(--color-border-table)) !important;
}

.collapsible-table-module-scss-module__yTp8FW__checkboxCellContent {
  width: 100%;
  height: 100%;
  padding: var(--tabel-size-row-cell-padding-right, var(--space-xlarge));
  justify-content: center;
  align-items: center;
  gap: var(--space-tiny);
  display: flex;
}

.collapsible-table-module-scss-module__yTp8FW__actionCell {
  padding: var(--space-small) var(--space-medium);
  text-align: center;
  white-space: nowrap;
}

.collapsible-table-module-scss-module__yTp8FW__actionButtons {
  justify-content: center;
  align-items: center;
  gap: var(--space-small);
  display: flex;
}

.collapsible-table-module-scss-module__yTp8FW__editButton {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: var(--radius-md) !important;
}

.collapsible-table-module-scss-module__yTp8FW__editButton:hover {
  background: var(--color-secondary-50) !important;
}

.collapsible-table-module-scss-module__yTp8FW__editButton svg {
  color: var(--color-font-links-labels) !important;
}

.collapsible-table-module-scss-module__yTp8FW__deleteButton {
  background: var(--color-white) !important;
  border: 1px solid var(--color-border-default) !important;
  border-radius: var(--radius-md) !important;
}

.collapsible-table-module-scss-module__yTp8FW__deleteButton svg {
  transition: color .15s;
  color: var(--color-font-links-labels) !important;
}

.collapsible-table-module-scss-module__yTp8FW__deleteButton:hover {
  background: var(--color-secondary-50) !important;
}

.collapsible-table-module-scss-module__yTp8FW__deleteButton:hover svg {
  color: var(--color-danger-600) !important;
}

.collapsible-table-module-scss-module__yTp8FW__loadingContainer {
  padding: var(--space-enormous) var(--space-xxlarge);
  color: var(--color-font-links-labels);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collapsible-table-module-scss-module__yTp8FW__loadingContainer span {
  margin-top: var(--space-large);
  font-size: var(--font-size-sm);
}

.collapsible-table-module-scss-module__yTp8FW__spinner {
  width: 40px;
  height: 40px;
}

.collapsible-table-module-scss-module__yTp8FW__spinnerIcon {
  animation: 1.4s linear infinite collapsible-table-module-scss-module__yTp8FW__rotate;
}

.collapsible-table-module-scss-module__yTp8FW__spinnerPath {
  stroke: var(--color-primary-600);
  stroke-linecap: round;
  animation: 1.4s ease-in-out infinite collapsible-table-module-scss-module__yTp8FW__dash;
}

.collapsible-table-module-scss-module__yTp8FW__emptyContainer {
  padding: var(--space-enormous) var(--space-xxlarge);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collapsible-table-module-scss-module__yTp8FW__emptyIcon {
  margin-bottom: var(--space-large);
  opacity: .5;
}

.collapsible-table-module-scss-module__yTp8FW__emptyMessage {
  font-size: var(--font-size-md);
  color: var(--color-font-links-labels);
  text-align: center;
}

.collapsible-table-module-scss-module__yTp8FW__pagination {
  z-index: 10;
  position: relative;
  overflow: visible;
}

@media (max-width: 768px) {
  .collapsible-table-module-scss-module__yTp8FW__table {
    font-size: var(--font-size-xs);
  }

  .collapsible-table-module-scss-module__yTp8FW__tableHeader th {
    padding: var(--space-small) var(--space-medium);
    font-size: 11px;
  }

  .collapsible-table-module-scss-module__yTp8FW__tableCell {
    padding: var(--space-small) var(--space-medium);
  }

  .collapsible-table-module-scss-module__yTp8FW__childCell {
    padding: var(--space-tiny) var(--space-small);
  }

  .collapsible-table-module-scss-module__yTp8FW__childrenInner {
    padding: 0;
  }
}

/* [project]/src/core/new-components/common/ai-template-card/circuit-background.module.scss.module.css [app-client] (css) */
.circuit-background-module-scss-module__Hk15lG__circuit {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.circuit-background-module-scss-module__Hk15lG__tracesWhisker path {
  filter: drop-shadow(0 0 .6px #ca8a0473);
}

.circuit-background-module-scss-module__Hk15lG__tracesData path {
  filter: drop-shadow(0 0 1px #ca8a0480);
}

.circuit-background-module-scss-module__Hk15lG__tracesBus {
  animation: 6.5s ease-in-out infinite circuit-background-module-scss-module__Hk15lG__busBreath;
}

@keyframes circuit-background-module-scss-module__Hk15lG__busBreath {
  0%, 100% {
    opacity: .85;
  }

  50% {
    opacity: 1;
  }
}

.circuit-background-module-scss-module__Hk15lG__components use {
  filter: drop-shadow(0 1px 1px #0006);
}

.circuit-background-module-scss-module__Hk15lG__pads circle {
  filter: drop-shadow(0 0 2px #fde0478c);
}

.circuit-background-module-scss-module__Hk15lG__tracesFlow path {
  stroke-dasharray: 18 220;
  stroke-dashoffset: 220px;
  filter: drop-shadow(0 0 5px #fde047f2);
  animation-name: circuit-background-module-scss-module__Hk15lG__traceFlow;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.circuit-background-module-scss-module__Hk15lG__tracesFeederBase path {
  filter: drop-shadow(0 0 1.5px #d9770699);
}

.circuit-background-module-scss-module__Hk15lG__tracesFeeder path {
  stroke-dasharray: 28 320;
  stroke-dashoffset: 320px;
  filter: drop-shadow(0 0 6px #fde047) drop-shadow(0 0 12px #d97706cc);
  animation-name: circuit-background-module-scss-module__Hk15lG__traceFeed;
  animation-timing-function: cubic-bezier(.4, 0, .2, 1);
  animation-iteration-count: infinite;
}

.circuit-background-module-scss-module__Hk15lG__packets circle {
  filter: drop-shadow(0 0 4px #fef08a) drop-shadow(0 0 10px #d97706b3);
}

.circuit-background-module-scss-module__Hk15lG__orbReceiver circle {
  transform-box: fill-box;
  transform-origin: center;
  filter: drop-shadow(0 0 4px #fde047f2);
  animation: 1.4s ease-in-out infinite circuit-background-module-scss-module__Hk15lG__orbReceiverPulse;
}

.circuit-background-module-scss-module__Hk15lG__vias circle {
  transform-box: fill-box;
  transform-origin: center;
  animation: 2.6s ease-in-out infinite circuit-background-module-scss-module__Hk15lG__nodeCorePulse;
}

.circuit-background-module-scss-module__Hk15lG__vias circle[data-phase="0"] {
  animation-delay: 0s;
}

.circuit-background-module-scss-module__Hk15lG__vias circle[data-phase="1"] {
  animation-delay: .65s;
}

.circuit-background-module-scss-module__Hk15lG__vias circle[data-phase="2"] {
  animation-delay: 1.3s;
}

.circuit-background-module-scss-module__Hk15lG__vias circle[data-phase="3"] {
  animation-delay: 1.95s;
}

.circuit-background-module-scss-module__Hk15lG__viasGlow circle {
  opacity: 0;
  transform-box: fill-box;
  transform-origin: center;
  animation: 2.6s ease-in-out infinite circuit-background-module-scss-module__Hk15lG__nodeGlowPulse;
}

.circuit-background-module-scss-module__Hk15lG__viasGlow circle[data-phase="0"] {
  animation-delay: 0s;
}

.circuit-background-module-scss-module__Hk15lG__viasGlow circle[data-phase="1"] {
  animation-delay: .65s;
}

.circuit-background-module-scss-module__Hk15lG__viasGlow circle[data-phase="2"] {
  animation-delay: 1.3s;
}

.circuit-background-module-scss-module__Hk15lG__viasGlow circle[data-phase="3"] {
  animation-delay: 1.95s;
}

@keyframes circuit-background-module-scss-module__Hk15lG__traceFlow {
  0% {
    stroke-dashoffset: 220px;
    opacity: 0;
  }

  10% {
    opacity: 1;
  }

  90% {
    opacity: 1;
  }

  100% {
    stroke-dashoffset: -18px;
    opacity: 0;
  }
}

@keyframes circuit-background-module-scss-module__Hk15lG__traceFeed {
  0% {
    stroke-dashoffset: 320px;
    opacity: 0;
    stroke-width: 1.6px;
  }

  8% {
    opacity: 1;
  }

  85% {
    opacity: 1;
    stroke-width: 2.4px;
  }

  100% {
    stroke-dashoffset: -28px;
    opacity: 0;
    stroke-width: 3px;
  }
}

@keyframes circuit-background-module-scss-module__Hk15lG__nodeCorePulse {
  0%, 100% {
    fill: #ca8a04;
    transform: scale(1);
  }

  50% {
    fill: #fde047;
    transform: scale(1.35);
  }
}

@keyframes circuit-background-module-scss-module__Hk15lG__nodeGlowPulse {
  0%, 100% {
    opacity: 0;
    transform: scale(.6);
  }

  50% {
    opacity: .85;
    transform: scale(1.4);
  }
}

@keyframes circuit-background-module-scss-module__Hk15lG__orbReceiverPulse {
  0%, 100% {
    opacity: .4;
    transform: scale(.7);
  }

  50% {
    opacity: 1;
    transform: scale(1.3);
  }
}

/* [project]/src/core/new-components/common/ai-template-card/ai-template-card.module.scss.module.css [app-client] (css) */
.ai-template-card-module-scss-module__A0vJfa__card {
  background: var(--color-white);
  border-radius: var(--radius-card-corner);
  width: 252px;
  padding: var(--space-compact);
  gap: var(--space-medium);
  contain: layout style paint;
  cursor: pointer;
  border: 2px solid #0000;
  flex-direction: column;
  flex-shrink: 0;
  transition: transform .4s cubic-bezier(.34, 1.4, .64, 1), box-shadow .35s cubic-bezier(.4, 0, .2, 1), border-color .25s;
  display: flex;
  position: relative;
  transform: translateZ(0);
  box-shadow: 0 12px 20px #0c0c0d1a, 0 2px 6px #0c0c0d0d;
}

.ai-template-card-module-scss-module__A0vJfa__card:after {
  content: "";
  border-radius: calc(var(--radius-card-corner) + 2px);
  -webkit-mask-composite: xor;
  opacity: 0;
  pointer-events: none;
  background: linear-gradient(135deg, #fde047b3 0%, #d9770673 35%, #fde0478c 70%, #d97706b3 100%);
  padding: 2px;
  transition: opacity .35s;
  position: absolute;
  inset: -2px;
  -webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
  -webkit-mask-position: 0 0, 0 0;
  -webkit-mask-size: auto, auto;
  -webkit-mask-repeat: repeat, repeat;
  -webkit-mask-clip: content-box, border-box;
  -webkit-mask-origin: content-box, border-box;
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask-source-type: auto, auto;
  mask-mode: match-source, match-source;
}

.ai-template-card-module-scss-module__A0vJfa__card:hover {
  transform: translate3d(0, -6px, 0);
  box-shadow: 0 26px 44px #4b320c2e, 0 8px 18px #00000014;
}

.ai-template-card-module-scss-module__A0vJfa__card:hover:after {
  opacity: 1;
}

.ai-template-card-module-scss-module__A0vJfa__imageWrapper {
  border-radius: var(--radius-sm);
  contain: paint;
  isolation: isolate;
  background: radial-gradient(75% 55%, #4832128c 0%, #0000 70%), radial-gradient(circle at 18% 12%, #ca8a042e 0%, #0000 45%), radial-gradient(circle at 82% 88%, #ca8a041f 0%, #0000 50%), linear-gradient(160deg, #1a1308 0%, #0d0a06 60%, #07050b 100%);
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 213px;
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: inset 0 1px #fde0472e, inset 0 0 0 1px #fde0470f, inset 0 -40px 60px -20px #00000080;
}

.ai-template-card-module-scss-module__A0vJfa__imageWrapper:before {
  content: "";
  pointer-events: none;
  mix-blend-mode: screen;
  z-index: 1;
  background: linear-gradient(105deg, #0000 30%, #fde0470f 48%, #ffffff0a 52%, #0000 70%) 0 0 / 220% 220%;
  animation: 7s linear infinite ai-template-card-module-scss-module__A0vJfa__aiSheen;
  position: absolute;
  inset: 0;
}

@keyframes ai-template-card-module-scss-module__A0vJfa__aiSheen {
  0% {
    background-position: 200% 0;
  }

  100% {
    background-position: -200% 0;
  }
}

.ai-template-card-module-scss-module__A0vJfa__orbHalo {
  filter: blur(22px);
  z-index: 1;
  pointer-events: none;
  background: radial-gradient(circle, #fde04773 0%, #d9770652 25%, #ca8a0433 50%, #0000 72%);
  border-radius: 50%;
  width: 240px;
  height: 240px;
  transition: transform .5s cubic-bezier(.4, 0, .2, 1), opacity .5s;
  animation: 3.6s ease-in-out infinite ai-template-card-module-scss-module__A0vJfa__orbHaloPulse;
  position: absolute;
}

@keyframes ai-template-card-module-scss-module__A0vJfa__orbHaloPulse {
  0%, 100% {
    opacity: .7;
    transform: scale(1);
  }

  50% {
    opacity: 1;
    transform: scale(1.08);
  }
}

.ai-template-card-module-scss-module__A0vJfa__card:hover .ai-template-card-module-scss-module__A0vJfa__orbHalo {
  opacity: 1;
  transform: scale(1.16);
}

.ai-template-card-module-scss-module__A0vJfa__orbWrapper {
  border-radius: var(--radius-full);
  will-change: transform;
  z-index: 2;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 124px;
  height: 124px;
  display: flex;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
  box-shadow: 0 8px 24px #0000002e;
}

.ai-template-card-module-scss-module__A0vJfa__orb {
  object-fit: cover;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  width: 100%;
  height: 100%;
  display: block;
}

.ai-template-card-module-scss-module__A0vJfa__body {
  gap: var(--space-large);
  min-height: 0;
  padding: 0 var(--space-tiny);
  flex-direction: column;
  flex: 1;
  display: flex;
}

.ai-template-card-module-scss-module__A0vJfa__info {
  gap: var(--space-tiny);
  flex-direction: column;
  display: flex;
}

.ai-template-card-module-scss-module__A0vJfa__title {
  font-size: var(--font-size-h4);
  font-weight: var(--font-weight-semibold);
  line-height: var(--line-height-normal);
  background: linear-gradient(135deg, #1a1308 0%, #3a2a0a 50%, #2b1e08 100%);
  -webkit-text-fill-color: #0000;
  letter-spacing: -.01em;
  -webkit-background-clip: text;
  background-clip: text;
}

.ai-template-card-module-scss-module__A0vJfa__description {
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-regular);
  line-height: var(--line-height-relaxed);
  color: var(--color-font-body);
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.ai-template-card-module-scss-module__A0vJfa__actions {
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-top: auto;
  display: flex;
}

.ai-template-card-module-scss-module__A0vJfa__actionButton {
  justify-content: center;
  align-items: center;
  gap: var(--space-small);
  width: 100%;
  height: 38px;
  padding: 0 var(--space-medium);
  appearance: none;
  border-radius: var(--radius-sm);
  background: var(--color-white);
  color: #d97706;
  font-family: var(--typeface-buttons);
  font-size: var(--font-size-text-sm);
  font-weight: var(--font-weight-semibold);
  white-space: nowrap;
  text-transform: capitalize;
  letter-spacing: .01em;
  cursor: pointer;
  border: 1.5px solid #fcd34d;
  line-height: 1;
  transition: background-color .2s, border-color .2s, box-shadow .2s, transform .2s cubic-bezier(.4, 0, .2, 1);
  display: inline-flex;
}

.ai-template-card-module-scss-module__A0vJfa__actionButton span {
  color: #0f0f10;
  transition: color .2s;
}

.ai-template-card-module-scss-module__A0vJfa__actionButton:hover {
  color: #b45309;
  background: #fffbeb;
  border-color: #f59e0b;
  transform: translate3d(0, -1px, 0);
  box-shadow: 0 4px 12px #d977062e;
}

.ai-template-card-module-scss-module__A0vJfa__actionButton:hover span {
  color: #000;
}

.ai-template-card-module-scss-module__A0vJfa__actionButton:active {
  background: #fef3c7;
  transform: translate3d(0, 0, 0);
  box-shadow: 0 1px 2px #d977061f;
}

.ai-template-card-module-scss-module__A0vJfa__actionButton:disabled {
  cursor: not-allowed;
  opacity: .6;
  box-shadow: none;
  transform: none;
}

.ai-template-card-module-scss-module__A0vJfa__error {
  color: var(--color-danger-600);
  font-size: var(--font-size-text-sm);
  margin-block-start: var(--space-tiny);
}

/* [project]/src/core/new-components/common/avatar/avatar.module.scss.module.css [app-client] (css) */
.avatar-module-scss-module__ZW7T5G__avatar {
  color: #1a1a1a;
  background-color: #96c0fa;
  border-radius: 64px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.avatar-module-scss-module__ZW7T5G__image {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.avatar-module-scss-module__ZW7T5G__initials {
  font-family: var(--typeface-headings, "Inter", sans-serif);
  color: #1a1a1a;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
}

/* [project]/src/core/new-components/ui/snackbar/snackbar.module.scss.module.css [app-client] (css) */
.snackbar-module-scss-module__ZgKRaq__snackbarContainer {
  z-index: 9999;
  pointer-events: none;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 12px;
  max-height: calc(100vh - 48px);
  display: flex;
  position: fixed;
  bottom: 24px;
  right: 24px;
  overflow: visible;
}

@media (max-width: 640px) {
  .snackbar-module-scss-module__ZgKRaq__snackbarContainer {
    align-items: stretch;
    max-height: calc(100vh - 32px);
    bottom: 16px;
    left: 16px;
    right: 16px;
  }
}

.snackbar-module-scss-module__ZgKRaq__snackbarCard {
  pointer-events: auto;
  border: 1px solid #0000;
  border-radius: 12px;
  flex-direction: column;
  gap: 16px;
  width: 352px;
  padding: 16px 16px 0;
  transition: all .4s cubic-bezier(.34, 1.56, .64, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 4px 8px #0000000a;
}

@media (max-width: 640px) {
  .snackbar-module-scss-module__ZgKRaq__snackbarCard {
    width: 100%;
  }
}

.snackbar-module-scss-module__ZgKRaq__snackbarCard.snackbar-module-scss-module__ZgKRaq__visible {
  opacity: 1;
  animation: .6s cubic-bezier(.34, 1.56, .64, 1) snackbar-module-scss-module__ZgKRaq__slideInBounce;
  transform: translateX(0)scale(1);
}

.snackbar-module-scss-module__ZgKRaq__snackbarCard.snackbar-module-scss-module__ZgKRaq__hidden {
  opacity: 0;
  transition: all .4s cubic-bezier(.4, 0, 1, 1);
  transform: translateY(20px)scale(.95);
}

.snackbar-module-scss-module__ZgKRaq__snackbarCard.snackbar-module-scss-module__ZgKRaq__exiting {
  animation: .4s cubic-bezier(.4, 0, 1, 1) forwards snackbar-module-scss-module__ZgKRaq__slideOutToBottom;
}

.snackbar-module-scss-module__ZgKRaq__snackbarContent {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.snackbar-module-scss-module__ZgKRaq__snackbarIcon {
  background: #fff;
  border: 2px solid #0000;
  border-radius: 41px;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  padding: 8px;
  display: flex;
  box-shadow: 0 6px 16px #0000000f;
}

.snackbar-module-scss-module__ZgKRaq__snackbarIcon svg {
  transform-origin: top;
  animation: 1s ease-in-out infinite snackbar-module-scss-module__ZgKRaq__iconSwing;
}

.snackbar-module-scss-module__ZgKRaq__snackbarText {
  flex: 1;
  min-width: 0;
  padding-left: 8px;
}

.snackbar-module-scss-module__ZgKRaq__snackbarTitle {
  color: #25272c;
  margin: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.3;
}

.snackbar-module-scss-module__ZgKRaq__snackbarMessage {
  color: #414651;
  margin: 4px 0 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
}

.snackbar-module-scss-module__ZgKRaq__snackbarClose {
  color: #414651;
  cursor: pointer;
  z-index: 1;
  background-color: #0000;
  border: none;
  border-radius: 50%;
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  transition: all .25s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
  top: 16px;
  right: 16px;
}

.snackbar-module-scss-module__ZgKRaq__snackbarClose:hover {
  color: #25272c;
  background-color: #00000014;
  transform: rotate(90deg)scale(1.15);
}

.snackbar-module-scss-module__ZgKRaq__snackbarClose:active {
  background-color: #0000001f;
  transform: rotate(90deg)scale(.95);
}

.snackbar-module-scss-module__ZgKRaq__snackbarClose:focus {
  outline: none;
  box-shadow: 0 0 0 2px #0000001a;
}

.snackbar-module-scss-module__ZgKRaq__snackbarClose:focus-visible {
  box-shadow: 0 0 0 2px #0003;
}

.snackbar-module-scss-module__ZgKRaq__snackbarProgress {
  background: #0000001a;
  border-radius: 0 0 12px 12px;
  width: calc(100% + 32px);
  height: 4px;
  position: relative;
  bottom: 0;
  left: -16px;
  right: -16px;
  overflow: hidden;
}

.snackbar-module-scss-module__ZgKRaq__snackbarProgressBar {
  will-change: width;
  height: 100%;
  transition: none;
  position: absolute;
  top: 0;
  left: 0;
}

.snackbar-module-scss-module__ZgKRaq__success {
  background: linear-gradient(180deg, var(--color-success-100) -35%, var(--color-success-300) 235%);
  border-color: var(--color-success-200);
}

.snackbar-module-scss-module__ZgKRaq__success .snackbar-module-scss-module__ZgKRaq__snackbarIcon {
  border-color: var(--color-success-50);
  color: var(--color-success-600);
}

.snackbar-module-scss-module__ZgKRaq__success .snackbar-module-scss-module__ZgKRaq__snackbarProgressBar {
  background: var(--color-success-500);
}

.snackbar-module-scss-module__ZgKRaq__danger {
  background: linear-gradient(180deg, var(--color-danger-100) -35%, var(--color-danger-300) 235%);
  border-color: var(--color-danger-200);
}

.snackbar-module-scss-module__ZgKRaq__danger .snackbar-module-scss-module__ZgKRaq__snackbarIcon {
  border-color: var(--color-danger-50);
  color: var(--color-danger-600);
}

.snackbar-module-scss-module__ZgKRaq__danger .snackbar-module-scss-module__ZgKRaq__snackbarProgressBar {
  background: var(--color-danger-500);
}

.snackbar-module-scss-module__ZgKRaq__warning {
  background: linear-gradient(180deg, var(--color-warning-100) -35%, var(--color-warning-300) 235%);
  border-color: var(--color-warning-200);
}

.snackbar-module-scss-module__ZgKRaq__warning .snackbar-module-scss-module__ZgKRaq__snackbarIcon {
  border-color: var(--color-warning-50);
  color: var(--color-warning-600);
}

.snackbar-module-scss-module__ZgKRaq__warning .snackbar-module-scss-module__ZgKRaq__snackbarProgressBar {
  background: var(--color-warning-500);
}

.snackbar-module-scss-module__ZgKRaq__info {
  background: linear-gradient(180deg, var(--color-primary-100) -35%, var(--color-primary-300) 235%);
  border-color: var(--color-primary-200);
}

.snackbar-module-scss-module__ZgKRaq__info .snackbar-module-scss-module__ZgKRaq__snackbarIcon {
  border-color: var(--color-primary-50);
  color: var(--color-primary-600);
}

.snackbar-module-scss-module__ZgKRaq__info .snackbar-module-scss-module__ZgKRaq__snackbarProgressBar {
  background: var(--color-primary-500);
}

.snackbar-module-scss-module__ZgKRaq__default {
  background: linear-gradient(180deg, var(--color-secondary-100) -35%, var(--color-secondary-300) 235%);
  border-color: var(--color-secondary-200);
}

.snackbar-module-scss-module__ZgKRaq__default .snackbar-module-scss-module__ZgKRaq__snackbarIcon {
  border-color: var(--color-secondary-50);
  color: var(--color-secondary-600);
}

.snackbar-module-scss-module__ZgKRaq__default .snackbar-module-scss-module__ZgKRaq__snackbarProgressBar {
  background: var(--color-secondary-500);
}

@keyframes snackbar-module-scss-module__ZgKRaq__slideInFromBottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes snackbar-module-scss-module__ZgKRaq__slideOutToBottom {
  0% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }

  100% {
    opacity: 0;
    transform: translateY(100%)scale(.95);
  }
}

@keyframes snackbar-module-scss-module__ZgKRaq__slideInBounce {
  0% {
    opacity: 0;
    transform: translateY(100%)scale(.9);
  }

  60% {
    opacity: 1;
    transform: translateY(-8px)scale(1.02);
  }

  100% {
    opacity: 1;
    transform: translateY(0)scale(1);
  }
}

@keyframes snackbar-module-scss-module__ZgKRaq__iconSwing {
  0% {
    transform: rotate(0);
  }

  10% {
    transform: rotate(15deg);
  }

  20% {
    transform: rotate(-12deg);
  }

  30% {
    transform: rotate(10deg);
  }

  40% {
    transform: rotate(-8deg);
  }

  50% {
    transform: rotate(5deg);
  }

  60% {
    transform: rotate(-3deg);
  }

  70% {
    transform: rotate(2deg);
  }

  80% {
    transform: rotate(-1deg);
  }

  100% {
    transform: rotate(0);
  }
}

/* [next]/internal/font/google/parisienne_bfe9913e.module.css [app-client] (css) */
@font-face {
  font-family: Parisienne;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/392b53bd7cca9fbe-s.0x_kxa9tnq21d.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Parisienne;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/308823598d090913-s.1o-9h6wxnmd7v.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Parisienne Fallback;
  src: local(Arial);
  ascent-override: 108.7%;
  descent-override: 53.04%;
  line-gap-override: 0.0%;
  size-adjust: 84.23%;
}

.parisienne_bfe9913e-module__rFIX9G__className {
  font-family: Parisienne, Parisienne Fallback;
  font-style: normal;
  font-weight: 400;
}

/* [next]/internal/font/google/passions_conflict_a0224b3e.module.css [app-client] (css) */
@font-face {
  font-family: Passions Conflict;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e65df6c7b7a531ac-s.3kveqlaykrmo0.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Passions Conflict;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/39a8c3c35bd5704e-s.1o7uv5nr7morj.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Passions Conflict;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c174774866f7460b-s.30o67xkw6_0-v.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Passions Conflict Fallback;
  src: local(Arial);
  ascent-override: 127.61%;
  descent-override: 59.55%;
  line-gap-override: 0.0%;
  size-adjust: 58.77%;
}

.passions_conflict_a0224b3e-module__LI-loW__className {
  font-family: Passions Conflict, Passions Conflict Fallback;
  font-style: normal;
  font-weight: 400;
}

/* [next]/internal/font/google/petit_formal_script_8cc5c8f6.module.css [app-client] (css) */
@font-face {
  font-family: Petit Formal Script;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/4cf21e7b1a139386-s.2-nqhnqh3ei0g.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Petit Formal Script;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/28b509d3421c55f0-s.3mhro0g6zl0nm.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Petit Formal Script Fallback;
  src: local(Arial);
  ascent-override: 81.8%;
  descent-override: 21.2%;
  line-gap-override: 0.0%;
  size-adjust: 121.36%;
}

.petit_formal_script_8cc5c8f6-module__GLl4Ea__className {
  font-family: Petit Formal Script, Petit Formal Script Fallback;
  font-style: normal;
  font-weight: 400;
}

/* [next]/internal/font/google/el_messiri_c3b6c0b7.module.css [app-client] (css) */
@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/bdbeee9d91ec0c78-s.p.10yd3ypge-a6n.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/bf2627ff6b01e343-s.0dwofz5kemipa.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d0e407831c5f9d51-s.0c2nn78ep-3j8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/173f0f83f71fd8cd-s.1lef-am24b6cs.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/bdbeee9d91ec0c78-s.p.10yd3ypge-a6n.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/bf2627ff6b01e343-s.0dwofz5kemipa.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d0e407831c5f9d51-s.0c2nn78ep-3j8.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: El Messiri;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/173f0f83f71fd8cd-s.1lef-am24b6cs.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: El Messiri Fallback;
  src: local(Arial);
  ascent-override: 106.39%;
  descent-override: 56.8%;
  line-gap-override: 0.0%;
  size-adjust: 95.78%;
}

.el_messiri_c3b6c0b7-module__qnG5Za__className {
  font-family: El Messiri, El Messiri Fallback;
  font-style: normal;
}

/* [next]/internal/font/google/aref_ruqaa_53786720.module.css [app-client] (css) */
@font-face {
  font-family: Aref Ruqaa;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/dda2c5944c1d02d1-s.p.0af27si8jwinc.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Aref Ruqaa;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/e8ba957d662877bf-s.1mprr7kby5oqm.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Aref Ruqaa;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/5ae4266cc2887673-s.2dauwsk05cgbv.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Aref Ruqaa;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/610e555290c4abf9-s.p.2-ung-zkeya_q.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Aref Ruqaa;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/cb9f40b539e4eb17-s.3csrcw6h5joon.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Aref Ruqaa;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/86edf9f828ca22c4-s.2uf6bsah8_4mx.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Aref Ruqaa Fallback;
  src: local(Times New Roman);
  ascent-override: 114.29%;
  descent-override: 22.84%;
  line-gap-override: 9.17%;
  size-adjust: 106.83%;
}

.aref_ruqaa_53786720-module__iCSKUW__className {
  font-family: Aref Ruqaa, Aref Ruqaa Fallback;
  font-style: normal;
}

/* [next]/internal/font/google/rubik_79de5c17.module.css [app-client] (css) */
@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/098850a6eb1f8577-s.p.1e7lfzpvfrh7f.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/098850a6eb1f8577-s.p.1e7lfzpvfrh7f.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/098850a6eb1f8577-s.p.1e7lfzpvfrh7f.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/098850a6eb1f8577-s.p.1e7lfzpvfrh7f.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/098850a6eb1f8577-s.p.1e7lfzpvfrh7f.woff2") format("woff2");
  unicode-range: U+6??, U+750-77F, U+870-88E, U+890-891, U+897-8E1, U+8E3-8FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/6dac7af80352e41b-s.1-avrnevmoafi.woff2") format("woff2");
  unicode-range: U+460-52F, U+1C80-1C8A, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/21445b8bd0ec5702-s.1n1ntp5se85-_.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/87c7f5b5afcd23bd-s.0kf5m0zv7sxld.woff2") format("woff2");
  unicode-range: U+307-308, U+590-5FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/d25394c5b8ff78eb-s.0ongx-zmnmtio.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Rubik;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/c9f6ebf08ddd616b-s.p.0sv86lbjkn8rn.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Rubik Fallback;
  src: local(Arial);
  ascent-override: 89.06%;
  descent-override: 23.81%;
  line-gap-override: 0.0%;
  size-adjust: 104.98%;
}

.rubik_79de5c17-module__MgegTq__className {
  font-family: Rubik, Rubik Fallback;
  font-style: normal;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__0grum7q._.css.map*/