.spinner[data-v-33a532ac] {
    display: block;
    width: 36px;
    height: 36px;
    border: 2px solid var(--sf-base-border-secondary); 
    border-top-color: var(--sf-base-border-dark); 
    border-radius: 50%;
    animation: spin-33a532ac 1s linear infinite;
}
@keyframes spin-33a532ac {
0% { transform: rotate(0deg);
}
100% { transform: rotate(360deg);
}
}

@media (hover: hover) {
.button--variant-primary[data-v-408465a2]:hover {
      background-color: var(--sf-button-primary-background-hover);
}
.button--variant-secondary[data-v-408465a2]:hover {
      background-color: var(--sf-button-secondary-background-hover);
}
.button--variant-tertiary[data-v-408465a2]:hover {
      background-color: var(--sf-button-tertiary-background-hover);
}
.button--variant-negative[data-v-408465a2]:hover {
      background-color: var(--sf-button-negative-background-hover);
}
.button--variant-negative:hover .button__inner[data-v-408465a2] {
      color: var(--sf-button-negative-foreground-hover);
}
.button--variant-negative:hover svg[data-v-408465a2] {
      stroke: var(--sf-button-negative-foreground-hover);
}
}
.button[data-v-408465a2] {
    border: none;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    border-radius: 8px;
    box-sizing: border-box;
    overflow: hidden;
}
.button .button__spinner[data-v-408465a2] {
    position: absolute;
    width: 24px;
    height: 24px;
}
.button__content[data-v-408465a2] {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.button__inner {
&[data-v-408465a2] {
    display: flex;
    gap: 8px;
    align-items: center;
    font-weight: 580;
    letter-spacing: 0.16px;
    line-height: 20px;
    font-size: 16px;
}
& svg[data-v-408465a2] {
      pointer-events: none;
}
}
.button__inner--hidden[data-v-408465a2] {
    visibility: hidden;
}
.button--size-l {
&[data-v-408465a2] {
    border-radius: 12px;
    height: 52px;
    width: 52px;
}
& svg[data-v-408465a2] {
      width: 24px;
      height: 24px;
}
}
.button--size-m {
&[data-v-408465a2] {
    border-radius: 12px;
    height: 48px;
    width: 48px;
}
& svg[data-v-408465a2] {
      width: 24px;
      height: 24px;
}
}
.button--size-s {
&[data-v-408465a2] {
    border-radius: 8px;
    height: 44px;
    width: 44px;
}
& .button__inner[data-v-408465a2] {
      font-size: 14px;
}
& svg[data-v-408465a2] {
      width: 20px;
      height: 20px;
}
}
.button--variant-primary {
&[data-v-408465a2] {
    background-color: var(--sf-button-primary-background-default);
}
&.button--active[data-v-408465a2] {
      background-color: var(--sf-button-primary-background-pressed);
}
&[data-v-408465a2]:active {
      background-color: var(--sf-button-primary-background-pressed);
}
&[data-v-408465a2]:disabled {
      background-color: var(--sf-button-primary-background-disabled);
      cursor: not-allowed;
}
& .button__inner[data-v-408465a2] {
      color: var(--sf-base-text-white);
}
& svg[data-v-408465a2] {
      stroke: var(--sf-base-icon-white);
}
}
.button--variant-secondary {
&[data-v-408465a2] {
    background-color: var(--sf-button-secondary-background-default);
    border: 1px solid var(--sf-base-border-primary);
}
&.button--active[data-v-408465a2] {
      background-color: var(--sf-button-secondary-background-pressed);
}
&[data-v-408465a2]:active {
      background-color: var(--sf-button-secondary-background-pressed);
}
&:disabled {
&[data-v-408465a2] {
      background-color: var(--sf-button-secondary-background-disabled);
      border-color: var(--sf-base-border-secondary);
      cursor: not-allowed;
}
& .button__inner[data-v-408465a2] {
        color: var(--sf-base-text-secondary);
}
& svg[data-v-408465a2] {
        stroke: var(--sf-base-icon-secondary);
}
}
& .button__inner[data-v-408465a2] {
      color: var(--sf-base-text-primary);
}
}
.button--variant-tertiary {
&[data-v-408465a2] {
    background-color: var(--sf-button-tertiary-background-default);
}
&.button--active[data-v-408465a2] {
      background-color: var(--sf-button-tertiary-background-pressed);
}
&[data-v-408465a2]:active {
      background-color: var(--sf-button-tertiary-background-pressed);
}
&:disabled {
&[data-v-408465a2] {
      background-color: var(--sf-button-tertiary-background-disabled);
      color: var(--sf-base-text-secondary);
      cursor: not-allowed;
}
& svg[data-v-408465a2] {
        stroke: var(--sf-base-icon-secondary);
}
}
}
.button--variant-negative {
&[data-v-408465a2] {
    background-color: var(--sf-button-negative-background-default);
}
&.button--active[data-v-408465a2] {
      background-color: var(--sf-button-negative-background-pressed);
}
&[data-v-408465a2]:active {
      background-color: var(--sf-button-negative-background-pressed);
}
&:disabled {
&[data-v-408465a2] {
      background-color: var(--sf-button-negative-background-disabled);
      cursor: not-allowed;
}
& .button__inner[data-v-408465a2] {
        color: var(--sf-button-negative-foreground-disabled);
}
& svg[data-v-408465a2] {
        stroke: var(--sf-button-negative-foreground-disabled);
}
}
& .button__inner[data-v-408465a2] {
      color: var(--sf-button-negative-foreground-default);
}
}
.button--rect[data-v-408465a2] {
    padding: 0 24px;
    width: fit-content;
}

@media (hover: hover) {
.tab[data-v-a613b5d7]:hover {
      cursor: pointer;
}
.tab:hover .tab-dash[data-v-a613b5d7] {
      background-color: var(--sf-button-primary-background-hover);
}
.tab:hover .tab-dash-hover[data-v-a613b5d7] {
      visibility: visible;
}
}
.tabs[data-v-a613b5d7] {
    display: flex;
    position: relative;
    overflow-x: auto;
}
.tab-fill[data-v-a613b5d7] {
    flex: 1;
}
.tabs-line[data-v-a613b5d7] {
    position: absolute;
    height: 1px;
    background: var(--sf-base-border-primary);
    width: 100%;
    bottom: 0;
    margin: 0;
    border: none;
}
.tab[data-v-a613b5d7] {
    font-size: 16px;
    color: var(--sf-base-text-secondary);
    position: relative;
    padding: 12px 8px 0 8px;
    gap: 8px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.tab-active[data-v-a613b5d7] {
    color: var(--sf-base-text-primary);
    font-weight: 500;
}
.tab-disabled[data-v-a613b5d7] {
    cursor: not-allowed;
    pointer-events: none;
}
.tab-dash[data-v-a613b5d7] {
    width: calc(100% - 4px);
    height: 4px;
    background-color: var(--sf-button-primary-background-default);
    border-radius: 100px 100px 0 0;
    z-index: 1;
}
.tab-dash-hover[data-v-a613b5d7] {
    width: calc(100% - 4px);
    height: 2px;
    background-color: var(--sf-base-text-tertiary);
    border-radius: 100px 100px 0 0;
    z-index: 1;
    visibility: hidden;
}

.text[data-v-911c824b] {
    white-space: nowrap;
}
.text-primary[data-v-911c824b] {
    color: var(--sf-base-text-primary);
}
.text-secondary[data-v-911c824b] {
    color: var(--sf-base-text-secondary);
}
.text-tertiary[data-v-911c824b] {
    color: var(--sf-base-text-tertiary);
}
.text-white[data-v-911c824b] {
    color: var(--sf-base-text-white);
}
.text-success[data-v-911c824b] {
    color: var(--sf-base-text-success);
}
.text-warning[data-v-911c824b] {
    color: var(--sf-base-text-warning);
}
.text-error[data-v-911c824b] {
    color: var(--sf-base-text-error);
}
.text-size-success[data-v-911c824b] {
    color: var(--sf-size-text-success);
}
.text-size-warning[data-v-911c824b] {
    color: var(--sf-size-text-warning);
}
.text-size-error[data-v-911c824b] {
    color: var(--sf-size-text-error);
}
.text--uppercase[data-v-911c824b] {
    text-transform: uppercase;
}
.text--wrap[data-v-911c824b] {
    white-space: wrap;
}
.text--ellipsis[data-v-911c824b] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media (hover: hover) {
.radio-btn[data-v-ea13a657]:hover::before {
      background-color: var(--sf-control-background-hover);
      border-color: var(--sf-base-border-black);
}
.radio-btn[data-v-ea13a657]:has(input[type="radio"]:checked):hover::before {
      border-color: var(--sf-control-background-active-hover);
}
}
.radio-btn[data-v-ea13a657] {
    display: inline-block;
    cursor: pointer;
    position: relative;
    min-height: 20px;
    min-width: 20px;
    width: fit-content;
}
.radio-btn__description[data-v-ea13a657] {
    display: flex;
    flex-direction: column;
    margin-left: 28px;
}
.radio-btn__description[data-v-ea13a657] .text {
    display: inline-block;
}
.radio-btn input[type="radio"][data-v-ea13a657] {
    display: none;
}
.radio-btn[data-v-ea13a657]::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 1px;
    left: 0;
    border-style: solid;
    border-color: var(--sf-base-border-dark);
    background-color: var(--sf-control-background-default);
    border-width: 1px;
    border-radius: 100%;
    box-sizing: border-box;
}
.radio-btn--disabled[data-v-ea13a657] {
    pointer-events: none;
    cursor: not-allowed;
}
.radio-btn--disabled[data-v-ea13a657]:before {
    background-color: var(--sf-control-background-disabled);
    border-color: var(--sf-base-border-primary);
}
.radio-btn[data-v-ea13a657]:has(input[type="radio"]:checked)::before {
    border-width: 6px;
    border-color: var(--sf-control-background-active-default);
}
.radio-btn:has(input[type="radio"]:checked).radio-btn--disabled[data-v-ea13a657]:before {
    border-color: var(--sf-control-background-active-disabled);
}

.tag[data-v-afd9c639] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 4px 8px;
    width: fit-content;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    letter-spacing: 0.12px;
}
.tag-neutral[data-v-afd9c639] {
    background-color: var(--sf-tag-background-neutral);
    color: var(--sf-tag-text-neutral);
}
.tag-success[data-v-afd9c639] {
    background-color: var(--sf-tag-background-success);
    color: var(--sf-tag-text-success);
}
.tag-warning[data-v-afd9c639] {
    background-color: var(--sf-tag-background-warning);
    color: var(--sf-tag-text-warning);
}
.tag-error[data-v-afd9c639] {
    background-color: var(--sf-tag-background-error);
    color: var(--sf-tag-text-error);
}
.tag-black[data-v-afd9c639] {
    background-color: var(--sf-tag-background-black);
    color: var(--sf-tag-text-black);
}

.input[data-v-c3d6d0c7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.input__wrapper[data-v-c3d6d0c7] {
    position: relative;
}
.input__wrapper > svg[data-v-c3d6d0c7] {
    stroke: var(--sf-base-icon-secondary);
}
.input__label[data-v-c3d6d0c7],
  .input__description[data-v-c3d6d0c7] {
    font-size: 14px;
    line-height: 20px;
    color: var(--sf-base-text-secondary);
}
.input__label-required[data-v-c3d6d0c7] {
    color: var(--sf-base-text-error);
}
.input__icon[data-v-c3d6d0c7] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.input__icon--before[data-v-c3d6d0c7] {
    left: 16px;
}
.input__icon--after[data-v-c3d6d0c7] {
    right: 16px;
}
.input__icon--clear[data-v-c3d6d0c7] {
    right: 16px;
    cursor: pointer;
    display: none;
}
.input__field[data-v-c3d6d0c7] {
    padding-left: 16px;
    padding-right: 16px;
    width: 100%;
    outline: none;
    text-overflow: ellipsis;
}
.input__field[data-v-c3d6d0c7]:disabled {
    pointer-events: none;
    opacity: 0.4;
}
.input__field[data-v-c3d6d0c7]::placeholder {
    color: var(--sf-base-text-tertiary);
}
.input__field[data-v-c3d6d0c7]:focus {
    border: 1px solid var(--sf-base-border-dark);
    background-color: var(--sf-base-background-secondary);
}
.input__wrapper:has(.input__icon--clear:hover) > .input__field[data-v-c3d6d0c7]:not(.input__field--with-icon-after):not(:placeholder-shown),
  .input__field[data-v-c3d6d0c7]:not(.input__field--with-icon-after):not(:placeholder-shown):hover,
  .input__field[data-v-c3d6d0c7]:not(.input__field--with-icon-after):not(:placeholder-shown):focus {
    padding-right: 48px;
}
.input__wrapper:has(.input__icon--clear:hover) > .input__field--with-icon-after[data-v-c3d6d0c7],
  .input__field--with-icon-after[data-v-c3d6d0c7]:not(:placeholder-shown):hover,
  .input__field--with-icon-after[data-v-c3d6d0c7]:not(:placeholder-shown):focus {
    padding-right: 80px;
}
.input__field:not(:placeholder-shown) + .input__icon--clear[data-v-c3d6d0c7]:hover,
  .input__field:not(:placeholder-shown):focus + .input__icon--clear[data-v-c3d6d0c7],
  .input__field:not(:placeholder-shown):hover + .input__icon--clear[data-v-c3d6d0c7] {
    display: initial;
}
.input__field--with-icon-before[data-v-c3d6d0c7] {
    padding-left: 48px;
}
.input__field--with-icon-after[data-v-c3d6d0c7] {
    padding-right: 48px;
}
.input__field--size-s[data-v-c3d6d0c7] {
    padding-top: 8px;
    padding-bottom: 8px;
    border-radius: 8px;
}
.input__field--size-m[data-v-c3d6d0c7] {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 12px;
}
.input__field--size-l[data-v-c3d6d0c7] {
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 12px;
}
.input__field--primary[data-v-c3d6d0c7] {
    background-color: var(--sf-input-primary-background-default);
    border: 1px solid transparent;
}
.input__wrapper:has(.input__icon--clear:hover) > .input__field--primary[data-v-c3d6d0c7]:not(:focus),
  .input__field--primary[data-v-c3d6d0c7]:hover {
    background-color: var(--sf-input-primary-background-hover);
    border-color: var(--sf-base-border-primary);
}
.input__field--primary[data-v-c3d6d0c7]:focus {
    background-color: var(--sf-input-primary-background-pressed);
    border-color: var(--sf-base-border-dark);
}
.input__field--secondary[data-v-c3d6d0c7] {
    background-color: var(--sf-input-secondary-background-default);
    border: 1px solid transparent;
}
.input__wrapper:has(.input__icon--clear:hover) > .input__field--secondary[data-v-c3d6d0c7]:not(:focus),
  .input__field--secondary[data-v-c3d6d0c7]:hover {
    background-color: var(--sf-input-secondary-background-hover);
    border: 1px solid var(--sf-base-border-primary);
}
.input__field--secondary[data-v-c3d6d0c7]:focus {
    background-color: var(--sf-input-secondary-background-pressed);
    border: 1px solid var(--sf-base-border-dark);
}

.connection[data-v-9aaf0920] {
    width: fit-content;
    display: flex;
    gap: 4px;
    align-items: center;
}
.connection__dot[data-v-9aaf0920] {
    height: 4px;
    width: 4px;
    border-radius: 100%;
    display: inline-block;
}
.connection__dot--success[data-v-9aaf0920] {
    background-color: var(--sf-base-icon-success);
}
.connection__dot--neutral[data-v-9aaf0920] {
    background-color: var(--sf-base-icon-tertiary);
}
.connection__dot--warning[data-v-9aaf0920] {
    background-color: var(--sf-base-icon-warning);
}
.connection__dot--error[data-v-9aaf0920] {
    background-color: var(--sf-base-icon-error);
}

.statusbar[data-v-828c55af] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 16px 20px 8px;
}
.statusbar__rfid[data-v-828c55af] {
    gap: 0;
}
.statusbar__power[data-v-828c55af] {
    display: block;
    text-align: right;
    width: 15px;
    line-height: 20px;
}
.statusbar__rfid[data-v-828c55af] .connection__dot {
    margin-left: 4px;
}
.statusbar__icon[data-v-828c55af] {
    width: 20px;
    height: 20px;
    stroke: var(--sf-base-icon-secondary);
}
.statusbar__right[data-v-828c55af] {
    margin-left: auto;
}
.statusbar__battery[data-v-828c55af] {
    display: flex;
    position: relative;
    width: fit-content;
    height: fit-content;
}
.statusbar__battery-icon[data-v-828c55af] {
    fill: var(--sf-base-icon-secondary);
}
.statusbar__battery-text[data-v-828c55af] {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--sf-base-text-white);
}

.avatar {
&[data-v-80c8b807] {
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 100%;
    background: linear-gradient(var(--sf-success-300), var(--sf-success-600));
}
.photo[data-v-80c8b807] {
      height: 100%;
      width: 100%;
      object-fit: cover;
}
&.empty[data-v-80c8b807] {
      background: linear-gradient(var(--sf-alt-100), var(--sf-alt-300));
}
&.l {
&[data-v-80c8b807] {
      width: 54px;
      height: 54px;
}
span.initials[data-v-80c8b807] {
        font-size: 18px;
}
}
&.xl {
&[data-v-80c8b807] {
      width: 116px;
      height: 116px;
}
span.initials[data-v-80c8b807] {
        font-size: 36px;
}
}
&.m {
&[data-v-80c8b807] {
      width: 30px;
      height: 30px;
}
span.initials[data-v-80c8b807] {
        font-size: 12px;
}
}
&.s {
&[data-v-80c8b807] {
      width: 24px;
      height: 24px;
}
span.initials[data-v-80c8b807] {
        font-size: 10px;
}
}
&.ml {
&[data-v-80c8b807] {
      width: 42px;
      height: 42px;
}
span.initials[data-v-80c8b807] {
        font-size: 16px;
}
}
}

.tile[data-v-9bc92442] {
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
    padding: 16px;
}

.sf__notification-count[data-v-8cb79c5f] {
    display: flex;
    position: relative;
}
.sf__notification-count span[data-v-8cb79c5f] {
    position: absolute;
    padding: 0 4px;
    top: -3px;
    left: 12px;
    background-color: var(--sf-base-text-error);
    border-radius: 8px;
}

.sf__grabber[data-v-6230f1d3] {
    display: flex;
    justify-content: center;
    padding: 8px;
}
.sf__grabber span[data-v-6230f1d3] {
    border-radius: 100px;
    background-color: var(--sf-base-icon-secondary);
    height: 4px;
    width: 36px;
}

.modal-background[data-v-c499e300] {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--sf-base-background-modal);
}
.modal {
&[data-v-c499e300] {
    display: flex;
    flex-direction: column;
    height: fit-content;
    position: absolute;
    bottom: 0;
    background: var(--sf-base-background-white);
    left: 0;
    right: 0;
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    min-height: 50px;
    overflow: hidden;
    z-index: 1;
    max-height: calc(100% - 76px);
    box-shadow: var(--sf-shadow-top-m);
    }
&.with-grabber {
.modal-header[data-v-c499e300] {
        padding: 6px 16px 12px;
}
.close[data-v-c499e300] {
        top: 22px;
}
}
.close {
&[data-v-c499e300] {
      display: flex;
      position: absolute;
      padding: 6px;
      right: 16px;
      top: 16px;
      background-color: var(--sf-base-background-secondary);
      border-radius: 100%;
        }
svg[data-v-c499e300] {
        stroke: var(--sf-base-icon-secondary);
}
}
}
.modal--full-height[data-v-c499e300] {
    height: 100%;
}
.modal-header {
&[data-v-c499e300] {
    display: flex;
    flex-direction: column;
    padding: 16px 16px 12px;
    }
&.border[data-v-c499e300] {
      border-bottom: 1px solid var(--sf-base-border-primary);
}
&.modal-variant_primary {
&[data-v-c499e300] {
      background-color: var(--sf-base-background-primary);
      border: none;
        }
&.border[data-v-c499e300] {
        border-bottom: none;
}
}
&.modal-variant_white[data-v-c499e300] {
      background-color: var(--sf-base-background-white);
}
}
.modal-content[data-v-c499e300] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 20px;
    padding: 16px;
    overflow-y: auto;
}
.modal-footer[data-v-c499e300] {
    padding: 16px;
    margin-top: auto;
}

.sf__segment[data-v-22e6bead] {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.sf__segment-list[data-v-22e6bead] {
    display: flex;
    overflow: hidden;
}
.sf__segment-list button[data-v-22e6bead] {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    background: none;
    border: 1px solid var(--sf-base-border-primary);
}
.sf__segment-list button[data-v-22e6bead]:not(:first-of-type) {
    border-left: none;
}
.sf__segment-list button[data-v-22e6bead]:first-of-type {
    border-radius: 8px 0 0 8px;
}
.sf__segment-list button[data-v-22e6bead]:last-of-type {
    border-radius: 0 8px 8px 0;
}
.sf__segment-list .active[data-v-22e6bead] {
    background-color: var(--sf-segment-background-active-default);
    color: var(--sf-base-text-white);
}

.notification[data-v-a4f662c4] {
    padding: 11px 16px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    gap: 12px;
    box-shadow: 0px 0px 6px 0px rgba(63, 69, 84, 0.08);
    box-shadow: 0px 8px 12px 0px rgba(63, 69, 84, 0.08);
    z-index: 1000;
    border: 1px;
    border-style: solid;
    width: fit-content;
    position: absolute;
}
.notification-content[data-v-a4f662c4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.notification-icon[data-v-a4f662c4] {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 2px;
}
.notification-icon svg[data-v-a4f662c4] {
    width: 20px;
    height: 20px;
}
.notification--success[data-v-a4f662c4] {
    background-color: var(--sf-base-background-success);
    border-color: var(--sf-base-border-success);
}
.notification--success .notification-icon[data-v-a4f662c4] {
    background-color: var(--sf-toast-background-success);
}
.notification--success .notification-icon svg[data-v-a4f662c4] {
    stroke: var(--sf-toast-icon-success);
}
.notification--error[data-v-a4f662c4] {
    background-color: var(--sf-base-background-error);
    border-color: var(--sf-base-border-error);
}
.notification--error .notification-icon[data-v-a4f662c4] {
    background-color: var(--sf-toast-background-error);
}
.notification--error .notification-icon svg[data-v-a4f662c4] {
    stroke: var(--sf-toast-icon-error);
}
.notification--warning[data-v-a4f662c4] {
    background-color: var(--sf-base-background-warning);
    border-color: var(--sf-base-border-warning);
}
.notification--warning .notification-icon[data-v-a4f662c4] {
    background-color: var(--sf-toast-background-warning);
}
.notification--warning .notification-icon svg[data-v-a4f662c4] {
    stroke: var(--sf-toast-icon-warning);
}

  /* Анимации */
.notification-enter-active[data-v-a4f662c4],
  .notification-leave-active[data-v-a4f662c4] {
    transition: all 0.3s ease;
}
.notification-enter-from[data-v-a4f662c4],
  .notification-leave-to[data-v-a4f662c4] {
    opacity: 0;
    transform: translateX(30px);
}
.notification--left[data-v-a4f662c4] {
    left: 0;
}
.notification--right[data-v-a4f662c4] {
    right: 0;
}

.notification-container[data-v-a114e38b] {
    position: fixed;
    top: 20px;
    left: 20px;
    right: 20px;
    z-index: 10000;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.notification-container.mobile[data-v-a114e38b] {
    top: 44px;
}
.notification-list-move[data-v-a114e38b] {
    transition: all 0.3s ease;
}

.dropdown[data-v-f6d5c814] {
    position: relative;
    display: inline-block;

    --sf-dropdown-padding: 8px;
}
.dropdown .dropdown-trigger[data-v-f6d5c814] {
    cursor: pointer;
}
.dropdown .default-trigger[data-v-f6d5c814] {
    padding: 8px 16px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.dropdown .dropdown-content[data-v-f6d5c814] {
    position: absolute;
    background: var(--sf-dropdown-background);
    border-radius: 12px;
    box-shadow: var(--sf-shadow-bot-s);
    z-index: 1000;
}
.dropdown-content--fixed[data-v-f6d5c814] {
    position: fixed;
    background: var(--sf-dropdown-background);
    border-radius: 12px;
    box-shadow: var(--sf-shadow-bot-s);
    z-index: 1000;
}
.dropdown .dropdown-content.align-bottom-left[data-v-f6d5c814] {
    top: calc(100% + var(--sf-dropdown-padding));
    left: 0;
}
.dropdown .dropdown-content.align-bottom-right[data-v-f6d5c814] {
    top: calc(100% + var(--sf-dropdown-padding));
    right: 0;
}
.dropdown .dropdown-content.align-top-left[data-v-f6d5c814] {
    bottom: calc(100% + var(--sf-dropdown-padding));
    left: 0;
}
.dropdown .dropdown-content.align-top-right[data-v-f6d5c814] {
    bottom: calc(100% + var(--sf-dropdown-padding));
    right: 0;
}
.dropdown .dropdown-content.align-left-top[data-v-f6d5c814] {
    right: calc(100% + var(--sf-dropdown-padding));
    top: 0;
}
.dropdown .dropdown-content.align-left-bottom[data-v-f6d5c814] {
    right: calc(100% + var(--sf-dropdown-padding));
    bottom: 0;
}
.dropdown .dropdown-content.align-right-top[data-v-f6d5c814] {
    left: calc(100% + var(--sf-dropdown-padding));
    top: 0;
}
.dropdown .dropdown-content.align-right-bottom[data-v-f6d5c814] {
    left: calc(100% + var(--sf-dropdown-padding));
    bottom: 0;
}
.dropdown .dropdown-content.align-bottom-center[data-v-f6d5c814] {
    top: calc(100% + var(--sf-dropdown-padding));
    left: 50%;
    transform: translateX(-50%);
}

.icon-button[data-v-ec5db95e] {
    display: flex;
    padding: 6px;
    background-color: transparent;
    border-radius: 8px;
}
.icon-button svg[data-v-ec5db95e-s] {
    stroke: var(--sf-base-icon-secondary);
}
.icon-button[data-v-ec5db95e]:hover {
    cursor: pointer;
    background-color: var(--sf-base-background-secondary);
}
.icon-button--active[data-v-ec5db95e],
  .icon-button[data-v-ec5db95e]:active {
    background-color: var(--sf-base-background-secondary);
}
.icon-button--active svg[data-v-ec5db95e-s],
  .icon-button:active svg[data-v-ec5db95e-s] {
    stroke: var(--sf-base-icon-primary);
}
.icon-button[data-v-ec5db95e]:disabled {
    pointer-events: none;
}

.drawer__close[data-v-bfd7b734] {
    position: absolute;
    top: 14px;
    right: 16px;
}

.drawer__overlay[data-v-4e714654] {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    background-color: var(--sf-base-background-modal);
    z-index: 998;
}

.drawer-wrapper[data-v-1f94807c] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    overflow: hidden;
}
.drawer[data-v-1f94807c] {
    position: absolute;
    top: 0;
    width: fit-content;
    height: 100%;
    background-color: var(--sf-base-background-primary);
    z-index: 999;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.drawer--align-right[data-v-1f94807c] {
    right: 0;
    box-shadow: var(--sf-shadow-left-m);
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}
.drawer--align-right.drawer--opened[data-v-1f94807c],
  .drawer--align-left.drawer--opened[data-v-1f94807c] {
    transition: transform 300ms ease-out;
}
.drawer--align-right.drawer--closed[data-v-1f94807c],
  .drawer--align-left.drawer--closed[data-v-1f94807c] {
    transition: transform 300ms ease-in;
}
.drawer--align-left[data-v-1f94807c] {
    left: 0;
    box-shadow: var(--sf-shadow-right-m);
    border-top-right-radius: 16px;
    border-bottom-right-radius: 16px;
}
.drawer-fade-enter-active[data-v-1f94807c],
  .drawer-fade-leave-active[data-v-1f94807c] {
    transition: all 300ms;
}
.drawer-fade-enter-from .drawer--align-right[data-v-1f94807c],
  .drawer-fade-leave-to .drawer--align-right[data-v-1f94807c] {
    transform: translateX(100%);
}
.drawer-fade-enter-from .drawer--align-left[data-v-1f94807c],
  .drawer-fade-leave-to .drawer--align-left[data-v-1f94807c] {
    transform: translateX(-100%);
}
.drawer-fade-enter-to .drawer[data-v-1f94807c],
  .drawer-fade-leave-from .drawer[data-v-1f94807c] {
    transform: translateX(0);
}

.drawer__footer[data-v-cf328b90] {
    display: flex;
    padding: 16px 20px;
}

.drawer__content[data-v-e4742418] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 20px;
    overflow-y: auto;
}

.drawer__title[data-v-8cea4897] {
    padding: 20px;
}

.select__option {
&[data-v-43854193] {
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    flex-shrink: 0;
    min-width: 48px;
}
&[data-v-43854193]:hover {
      background-color: var(--sf-dropdown-item-hover);
}
&[data-v-43854193]:active {
      background-color: var(--sf-dropdown-item-pressed);
}
}
.select__option--selected[data-v-43854193] {
    background-color: var(--sf-dropdown-item-pressed);
}
.select__option[disabled][data-v-43854193] {
    opacity: 0.4;
    pointer-events: none;
}

.select-input[data-v-3cd11941] {
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.select-input span[data-v-3cd11941] {
    line-height: 24px;
}
.select-input__value[data-v-3cd11941] {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.select-input__field[data-v-3cd11941] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    outline: none;
    font: inherit;
    color: inherit;
    line-height: 24px;
}
.select-input--s[data-v-3cd11941] {
    padding: 8px 12px;
}
.select-input--m[data-v-3cd11941] {
    padding: 12px 16px;
}
.select-input--l[data-v-3cd11941] {
    padding: 14px 16px;
}
.select-input--primary[data-v-3cd11941] {
    background-color: var(--sf-input-primary-background-default);
    border-color: transparent;
}
.select-input--primary[data-v-3cd11941]:hover {
    background-color: var(--sf-input-primary-background-hover);
    border-color: var(--sf-base-border-primary);
}
.select-input--primary[data-v-3cd11941]:focus,
  .select-input--primary[data-v-3cd11941]:focus-within {
    background-color: var(--sf-input-primary-background-pressed);
    border-color: var(--sf-base-border-dark);
}
.select-input--secondary[data-v-3cd11941] {
    background-color: var(--sf-input-secondary-background-default);
    border-color: transparent;
}
.select-input--secondary[data-v-3cd11941]:hover {
    background-color: var(--sf-input-secondary-background-hover);
    border-color: var(--sf-base-border-primary);
}
.select-input--secondary[data-v-3cd11941]:focus,
  .select-input--secondary[data-v-3cd11941]:focus-within {
    background-color: var(--sf-input-secondary-background-pressed);
    border-color: var(--sf-base-border-dark);
}
.select-input__icon {
&[data-v-3cd11941] {
    display: flex;
    margin-left: auto;
    gap: 8px;
    }
&[data-v-3cd11941] .icon:not(.select-input__close) {
      pointer-events: none;
}
}
.select-input__icon svg[data-v-3cd11941] {
    stroke: var(--sf-base-icon-secondary);
}
.select-input__close[data-v-3cd11941] {
    cursor: pointer;
}

.select-label__required[data-v-4c03357c] {
    color: var(--sf-base-text-error);
}

.select[data-v-a49ae081] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.select[disabled][data-v-a49ae081] {
    pointer-events: none;
    opacity: 0.4;
}
.select__options {
&[data-v-a49ae081] {
    display: flex;
    flex-direction: column;
    position: absolute;
    background-color: var(--sf-dropdown-background);
    padding: 4px;
    border-radius: 12px;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    gap: 2px;
    z-index: 1;
    min-height: 50px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: var(--sf-shadow-bot-s);
    }
&.top-position[data-v-a49ae081] {
      top: calc(100% - 18px);
}
}

.autocomplete__option {
&[data-v-f64cb8b5] {
    flex-shrink: 0;
    min-height: 48px;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
&[data-v-f64cb8b5]:hover {
      background-color: var(--sf-dropdown-item-hover);
}
&[data-v-f64cb8b5]:active {
      background-color: var(--sf-dropdown-item-pressed);
}
}
.autocomplete__option--selected[data-v-f64cb8b5] {
    background-color: var(--sf-dropdown-item-pressed);
}
.autocomplete__option[disabled][data-v-f64cb8b5] {
    opacity: 0.4;
    pointer-events: none;
}

.autocomplete-label__required[data-v-7d10603c] {
    color: var(--sf-base-text-error);
}

.autocomplete-input[data-v-30fc3d42] {
    border-style: solid;
    border-width: 1px;
    border-radius: 8px;
    display: flex;
    align-items: center;
}
.autocomplete-input__field[data-v-30fc3d42] {
    flex: 1;
    min-width: 0;
    border: none;
    background: transparent;
    outline: none;
    font: inherit;
    color: inherit;
    line-height: 24px;
}
.autocomplete-input__field[data-v-30fc3d42]::placeholder {
    color: var(--sf-base-text-tertiary);
}
.autocomplete-input--s[data-v-30fc3d42] {
    padding: 8px 12px;
}
.autocomplete-input--m[data-v-30fc3d42] {
    padding: 12px 16px;
}
.autocomplete-input--l[data-v-30fc3d42] {
    padding: 14px 16px;
}
.autocomplete-input--primary[data-v-30fc3d42] {
    background-color: var(--sf-input-primary-background-default);
    border-color: transparent;
}
.autocomplete-input--primary[data-v-30fc3d42]:hover {
    background-color: var(--sf-input-primary-background-hover);
    border-color: var(--sf-base-border-primary);
}
.autocomplete-input--primary[data-v-30fc3d42]:focus-within {
    background-color: var(--sf-input-primary-background-pressed);
    border-color: var(--sf-base-border-dark);
}
.autocomplete-input--secondary[data-v-30fc3d42] {
    background-color: var(--sf-input-secondary-background-default);
    border-color: transparent;
}
.autocomplete-input--secondary[data-v-30fc3d42]:hover {
    background-color: var(--sf-input-secondary-background-hover);
    border-color: var(--sf-base-border-primary);
}
.autocomplete-input--secondary[data-v-30fc3d42]:focus-within {
    background-color: var(--sf-input-secondary-background-pressed);
    border-color: var(--sf-base-border-dark);
}
.autocomplete-input__icon {
&[data-v-30fc3d42] {
    display: flex;
    margin-left: auto;
    gap: 8px;
    }
&[data-v-30fc3d42] .icon:not(.autocomplete-input__close) {
      pointer-events: none;
}
}
.autocomplete-input__icon svg[data-v-30fc3d42] {
    stroke: var(--sf-base-icon-secondary);
}
.autocomplete-input__close[data-v-30fc3d42] {
    cursor: pointer;
}

.autocomplete[data-v-0bcf0f5f] {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.autocomplete[disabled][data-v-0bcf0f5f] {
    pointer-events: none;
    opacity: 0.4;
}
.autocomplete__trigger[data-v-0bcf0f5f] {
    cursor: pointer;
}
.autocomplete__trigger[data-v-0bcf0f5f] .autocomplete-input {
    cursor: text;
}
.autocomplete__options {
&[data-v-0bcf0f5f] {
    display: flex;
    flex-direction: column;
    position: absolute;
    background-color: var(--sf-dropdown-background);
    padding: 4px;
    border-radius: 12px;
    top: calc(100% + 8px);
    left: 0;
    width: 100%;
    gap: 2px;
    z-index: 1;
    min-height: 50px;
    max-height: 300px;
    overflow-y: auto;
    box-shadow: var(--sf-shadow-bot-s);
    }
&.top-position[data-v-0bcf0f5f] {
      top: calc(100% - 18px);
}
}

.status[data-v-5dce6cc5] {
    display: flex;
    align-items: center;
    gap: 6px;
}
.status__dot[data-v-5dce6cc5] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.status__dot-success[data-v-5dce6cc5] {
    background-color: var(--sf-base-icon-success);
}
.status__dot-warning[data-v-5dce6cc5] {
    background-color: var(--sf-base-icon-warning);
}
.status__dot-error[data-v-5dce6cc5] {
    background-color: var(--sf-base-icon-error);
}
.status__dot-neutral[data-v-5dce6cc5] {
    background-color: var(--sf-base-icon-tertiary);
}

.page-button[data-v-bb71abe7] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    min-width: 232px;
    padding: 12px 16px;
    border-radius: 16px;
    cursor: pointer;
    background-color: var(--sf-button-page-background-default);
}
.page-button[data-v-bb71abe7]:hover {
    background-color: var(--sf-button-page-background-hover);
}
.page-button[data-v-bb71abe7]:active {
    background-color: var(--sf-button-page-background-pressed);
}
.page-button[data-v-bb71abe7]:disabled {
    pointer-events: none;
    background-color: var(--sf-button-page-background-disabled);
}
.page-button__icon[data-v-bb71abe7] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px;
    border-radius: 50%;
    background-color: var(--sf-button-page-foreground-default);
}
.page-button:hover .page-button__icon[data-v-bb71abe7] {
    background-color: var(--sf-button-page-foreground-hover);
}
.page-button:active .page-button__icon[data-v-bb71abe7] {
    background-color: var(--sf-button-page-foreground-pressed);
}
.page-button:disabled .page-button__icon[data-v-bb71abe7] {
    background-color: var(--sf-button-page-foreground-disabled);
}
.page-button__icon svg[data-v-bb71abe7] {
    stroke: var(--sf-button-page-background-default);
}
.page-button:hover .page-button__icon svg[data-v-bb71abe7] {
    stroke: var(--sf-button-page-background-hover);
}
.page-button:active .page-button__icon svg[data-v-bb71abe7] {
    stroke: var(--sf-button-page-background-pressed);
}
.page-button:disabled .page-button__icon svg[data-v-bb71abe7] {
    stroke: var(--sf-button-page-background-disabled);
}
.page-button__label[data-v-bb71abe7] {
    white-space: pre-line;
    color: var(--sf-button-page-foreground-default);
}
.page-button:hover .page-button__label[data-v-bb71abe7] {
    color: var(--sf-button-page-foreground-hover);
}
.page-button:active .page-button__label[data-v-bb71abe7] {
    color: var(--sf-button-page-foreground-pressed);
}
.page-button:disabled .page-button__label[data-v-bb71abe7] {
    color: var(--sf-button-page-foreground-disabled);
}

.checkbox[data-v-ca508759] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.checkbox__label[data-v-ca508759] {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}
.checkbox__fake-input[data-v-ca508759] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 1px solid var(--sf-base-border-dark);
    border-radius: 4px;
    background-color: var(--sf-control-background-default);
}
.checkbox__input[data-v-ca508759] {
    display: none;
}
.checkbox__description[data-v-ca508759] {
    display: inline-flex;
    padding-left: 28px;
}
.checkbox__label:hover .checkbox__fake-input[data-v-ca508759] {
    background-color: var(--sf-control-background-hover);
    border-color: var(--sf-base-border-black);
}
.checkbox:has(input:checked) .checkbox__fake-input[data-v-ca508759] {
    border-color: transparent;
    background-color: var(--sf-control-background-active-default);
}
.checkbox:has(input:checked) .checkbox__label:hover .checkbox__fake-input[data-v-ca508759] {
    background-color: var(--sf-control-background-active-hover);
}
.checkbox:has(input:disabled) .checkbox__label .checkbox__fake-input[data-v-ca508759] {
    background-color: var(--sf-base-background-secondary);
    border-color: var(--sf-base-border-primary);
}
.checkbox:has(input:checked:disabled) .checkbox__label .checkbox__fake-input[data-v-ca508759] {
    background-color: var(--sf-control-background-active-disabled);
}

.breadcrumbs__item[data-v-5cba6f0b] {
    list-style: none;
}
.breadcrumbs__item a[data-v-5cba6f0b] {
    text-decoration: none;
}
.breadcrumbs__item a[data-v-5cba6f0b]:hover {
    cursor: pointer;
    border-bottom: 1px solid var(--sf-base-border-dark);
}
.breadcrumbs__arrow[data-v-5cba6f0b] {
    width: 16px;
    height: 16px;
    margin: 0 6px;
    stroke: var(--sf-base-icon-secondary);
}
.breadcrumbs__arrow[data-v-5cba6f0b]:last-of-type {
    display: none;
}

.breadcrumbs[data-v-26c1d592] {
    display: flex;
}
.breadcrumbs__list[data-v-26c1d592] {
    display: flex;
    align-items: center;
}

.tabs-part-global[data-v-06cfb948] {
    display: flex;
    gap: 16px;
}
.tabs-part-global__tab--active[data-v-06cfb948] {
    color: var(--sf-base-text-primary);
}
.tabs-part-global__tab[data-v-06cfb948]:not(.tabs-part-global__tab--active):hover {
    color: var(--sf-base-text-secondary);
    cursor: pointer;
}
.tabs-part-global__tab[disabled][data-v-06cfb948] {
    opacity: 0.4;
    pointer-events: none;
}

.table-actions[data-v-f6180f14] {
    position: fixed;
    display: flex;
    flex-direction: column;
    width: 310px;
    gap: 2px;
    background-color: var(--sf-dropdown-background);
    border-radius: 12px;
    padding: 4px;
    z-index: 1000;
    box-shadow: var(--sf-shadow-bot-s);
}
.table-actions__item[data-v-f6180f14] {
    display: flex;
    gap: 12px;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    border-radius: 8px;
}
.table-actions__item[data-v-f6180f14]:hover {
    background-color: var(--sf-dropdown-item-hover);
}
.table-actions__item[data-v-f6180f14]:active {
    background-color: var(--sf-dropdown-item-pressed);
}
.table-actions__item svg[data-v-f6180f14] {
    stroke: var(--sf-base-icon-secondary);
}

.table-container[data-v-08531fae] {
    display: flex;
    flex-direction: column;
    overflow-y: visible;
    width: 100%;
    background-color: var(--sf-base-background-white);
    border-radius: 16px;
    padding: 0 16px 8px;
}
.table-container__top-border-radius[data-v-08531fae] {
    position: sticky;
    top: 0;
    margin: 0 -16px;
}
.table-container__after[data-v-08531fae],
  .table-container__before[data-v-08531fae] {
    width: 16px;
    height: 16px;
    background-color: var(--sf-base-background-primary);
    position: absolute;
    top: 0;
}
.table-container__before[data-v-08531fae] {
    left: 0;
}
.table-container__after[data-v-08531fae] {
    right: 0;
}
.table-container__after[data-v-08531fae]::before,
  .table-container__before[data-v-08531fae]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--sf-base-background-white);
}
.table-container__after[data-v-08531fae]::before {
    border-top-right-radius: 16px;
}
.table-container__before[data-v-08531fae]::before {
    border-top-left-radius: 16px;
}
.table[data-v-08531fae] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.table__head[data-v-08531fae] {
    position: sticky;
    background-color: var(--sf-base-background-white);
    z-index: 1;
    top: 0;
}
.table__head[data-v-08531fae]::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    background-color: var(--sf-base-border-secondary);
}
.table__body[data-v-08531fae] {
    overflow-y: auto;
}
.table__body[data-v-08531fae]:before {
    content: "";
    display: block;
    height: 2px;
}
.table__body-row--hovered .table__cell[data-v-08531fae] {
    background-color: var(--sf-base-background-primary);
}
.table__body-row--expanded .table__cell[data-v-08531fae] {
    background-color: var(--sf-base-background-primary);
}
.table__body-row--hovered .table__cell[data-v-08531fae]:first-of-type {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.table__body-row--expanded .table__cell[data-v-08531fae]:first-of-type {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 0;
}
.table__body-row--hovered .table__cell[data-v-08531fae]:last-of-type {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}
.table__body-row--expanded .table__cell[data-v-08531fae]:last-of-type {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 0;
}
.table__body-row--expandable[data-v-08531fae] {
    cursor: pointer;
}
.table__head-cell[data-v-08531fae] {
    padding: 16px 8px 16px;
    text-transform: uppercase;
    text-align: left;
    font-weight: normal;
}
.table__body-cell[data-v-08531fae] {
    vertical-align: top;
    padding: 18px 8px 16px;
}
.table__head-cell[data-v-08531fae],
  .table__body-cell[data-v-08531fae] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.table__actions-cell[data-v-08531fae] {
    width: 52px;
    padding: 9px 8px;
}
.table__expand-cell[data-v-08531fae] {
    width: 52px;
    padding: 9px 8px;
    text-align: right;
}
.table__expand-button[data-v-08531fae] {
    margin-left: auto;
}
.table__extended-cell[data-v-08531fae] {
    background-color: var(--sf-base-background-primary);
    border-top: 2px solid var(--sf-base-background-secondary);
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.table__overflow-menu-container[data-v-08531fae] {
    position: relative;
    display: flex;
    justify-content: end;
}
.table__overflow-menu-icon[data-v-08531fae] {
    visibility: hidden;
}
.table__overflow-menu-icon--hovered[data-v-08531fae] {
    visibility: visible;
}

.skeleton[data-v-8a4c6e58] {
    background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
    background-size: 200% 100%;
    animation: shimmer-8a4c6e58 1.5s infinite;
    border-radius: 8px;
}
@keyframes shimmer-8a4c6e58 {
0% {
      background-position: 200% 0;
}
100% {
      background-position: -200% 0;
}
}

.modal-overlay[data-v-74be8baa] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--sf-base-background-modal);
    z-index: 1000;
}
.modal-content[data-v-74be8baa] {
    background: var(--sf-base-background-white);
    border-radius: 16px;
    box-shadow: var(--sf-shadow-bot-m);
}

  /* Анимации появления */
.v-enter-active[data-v-74be8baa] {
    animation: modal-in-74be8baa 200ms cubic-bezier(0.45, 1.45, 0.8, 1);
}
.v-leave-active[data-v-74be8baa] {
    animation: modal-out-74be8baa 100ms ease-in;
}
@keyframes modal-in-74be8baa {
from {
      opacity: 0;
      transform: scale(0.8);
}
to {
      opacity: 1;
      transform: scale(1);
}
}
@keyframes modal-out-74be8baa {
from {
      opacity: 1;
      transform: scale(1);
}
to {
      opacity: 0;
      transform: scale(0.8);
}
}

.textarea[data-v-a1f89d16] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.textarea__wrapper[data-v-a1f89d16] {
    position: relative;
}
.textarea__wrapper > svg[data-v-a1f89d16] {
    stroke: var(--sf-base-icon-secondary);
}
.textarea__label[data-v-a1f89d16],
  .textarea__description[data-v-a1f89d16] {
    font-size: 14px;
    line-height: 20px;
    color: var(--sf-base-text-secondary);
}
.textarea__label-required[data-v-a1f89d16] {
    color: var(--sf-base-text-error);
}
.textarea__icon[data-v-a1f89d16] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}
.textarea__field[data-v-a1f89d16] {
    padding: 9px 12px;
    width: 100%;
    border-radius: 8px;
    resize: none;
    outline: none;
    min-height: 200px;
}
.textarea__field[data-v-a1f89d16]:disabled {
    pointer-events: none;
}
.textarea__field[data-v-a1f89d16]::placeholder {
    color: var(--sf-base-text-tertiary);
}
.textarea__field[data-v-a1f89d16]:hover {
    border-color: var(--sf-base-border-dark);
}
.textarea__field[data-v-a1f89d16]:focus {
    border: 1px solid var(--sf-base-border-dark);
    background-color: var(--sf-base-background-secondary);
}
.textarea__field--stroked[data-v-a1f89d16] {
    background-color: var(--sf-base-background-white);
    border: 1px solid var(--sf-base-border-primary);
}
.textarea__field--stroked[data-v-a1f89d16]:focus {
    background-color: var(--sf-base-background-secondary);
    border-color: var(--sf-base-border-dark);
}
.textarea__field--filled[data-v-a1f89d16] {
    background-color: var(--sf-base-background-primary);
    border: 1px solid transparent;
}
.textarea__field--filled[data-v-a1f89d16]:focus {
    background-color: var(--sf-base-background-secondary);
    border: 1px solid var(--sf-base-border-dark);
}

.chip[data-v-91fa85fc] {
    display: flex;
    gap: 2px;
    width: fit-content;
    background-color: var(--sf-chips-background-default);
}
.chip[data-v-91fa85fc]:hover {
    cursor: pointer;
    background-color: var(--sf-chips-background-hover);
}
.chip.chip--disabled[data-v-91fa85fc] {
    opacity: 0.4;
    background-color: var(--sf-chips-background-disabled);
}
.chip--active[data-v-91fa85fc] {
    background-color: var(--sf-chips-background-active-default);
}
.chip--active[data-v-91fa85fc]:hover {
    background-color: var(--sf-chips-background-active-hover);
}
.chip--active.chip--disabled[data-v-91fa85fc] {
    background-color: var(--sf-chips-background-active-disabled);
}
.chip--s[data-v-91fa85fc] {
    border-radius: 100px;
    padding: 8px 12px;
}
.chip--m[data-v-91fa85fc] {
    border-radius: 12px;
    padding: 12px 16px;
}
.chip--disabled[data-v-91fa85fc] {
    pointer-events: none;
}

.badge[data-v-34e842b4] {
    font-weight: 400;
    letter-spacing: 0.12px;
    padding: 8px 12px;
    border-radius: 8px;
    width: fit-content;
    font-family: Onest;
}
.badge--bold[data-v-34e842b4] {
    font-weight: 600;
}
.badge--xs[data-v-34e842b4] {
    padding: 2px 8px;
    font-size: 12px;
    line-height: 16px;
}
.badge--s[data-v-34e842b4] {
    padding: 6px 10px;
    font-size: 14px;
    line-height: 18px;
}
.badge--m[data-v-34e842b4] {
    padding: 8px 12px;
    font-size: 16px;
    line-height: 20px;
}
.badge--primary[data-v-34e842b4] {
    background-color: var(--sf-base-background-secondary);
    color: var(--sf-base-text-secondary);
}
.badge--success[data-v-34e842b4] {
    background-color: var(--sf-base-background-success);
    color: var(--sf-toast-text-success);
}
.badge--warning[data-v-34e842b4] {
    background-color: var(--sf-base-background-warning);
    color: var(--sf-toast-text-warning);
}
.badge--error[data-v-34e842b4] {
    background-color: var(--sf-base-background-error);
    color: var(--sf-toast-text-error);
}
.badge--info[data-v-34e842b4] {
    background-color: var(--sf-base-background-info);
    color: var(--sf-toast-icon-background-info);
}

.toggle[data-v-1814934f] {
    position: relative;
    display: inline-block;
    width: 40px;
    height: 24px;
    cursor: pointer;
}
.toggle__input[data-v-1814934f] {
    opacity: 0;
    width: 0;
    height: 0;
}
.toggle__slider[data-v-1814934f] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: var(--sf-control-background-default);
    border-radius: 24px;
    border: 1px solid var(--sf-base-border-dark);
    transition: 0.3s;
}
.toggle__slider[data-v-1814934f]:hover {
    border-color: var(--sf-base-border-black);
    background-color: var(--sf-control-background-hover);
}
.toggle__slider[data-v-1814934f]:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 2px;
    bottom: 2px;
    background-color: var(--sf-base-border-dark);
    border-radius: 50%;
    transition: 0.3s;
}
input:checked + .toggle__slider[data-v-1814934f] {
    background-color: var(--sf-control-background-active-default);
    border-color: transparent;
}
input:checked + .toggle__slider[data-v-1814934f]:hover {
    background-color: var(--sf-control-background-active-hover);
}
input:checked + .toggle__slider[data-v-1814934f]:before {
    background-color: var(--sf-base-icon-white);
    transform: translateX(16px);
}

.tooltip-wrapper[data-v-5d280175] {
    cursor: pointer;
}
.tooltip__content[data-v-5d280175] {
    position: fixed;
    z-index: 1000;
    max-width: var(--879813a8);
    padding: 8px 12px;
    background-color: rgba(0, 0, 0, 0.8);
    color: #ffffff;
    border-radius: 8px;
}

.press-scan[data-v-fc4cdaa2] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.press-scan svg[data-v-fc4cdaa2] {
    stroke: #ffffff;
}
.press-scan .scan-block[data-v-fc4cdaa2] {
    display: flex;
    gap: 8px;
    align-items: center;
    animation-name: arrow-fc4cdaa2;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.press-scan .text-block[data-v-fc4cdaa2] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.press-scan .scan-right[data-v-fc4cdaa2] {
    display: flex;
    gap: 4px;
    align-items: center;
}
.press-scan .scan-button[data-v-fc4cdaa2] {
    height: 74px;
    width: 6px;
    border-radius: 10px;
    background-color: #ffffff;
}
.press-scan .scan-text[data-v-fc4cdaa2] {
    text-align: center;
    white-space: break-spaces;
    color: #ffffff;
}
.press-scan .scan-text[data-v-fc4cdaa2]:nth-child(2) {
    font-size: 14px;
    color: #b3b3b3;
}
@keyframes arrow-fc4cdaa2 {
from {
      gap: 8px;
}
50% {
      gap: 4px
}
to {
      gap: 8px;
}
}

.pointer-barcode-button[data-v-6a607381] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 4px;
}
.pointer-barcode-button__right[data-v-6a607381],
  .pointer-barcode-button__left[data-v-6a607381] {
    display: flex;
    gap: 8px;
    align-items: center;
    animation-name: arrow-6a607381;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.pointer-barcode-button__description[data-v-6a607381] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
    white-space: break-spaces;
}
.pointer-barcode-button__line[data-v-6a607381] {
    height: 74px;
    width: 6px;
    border-radius: 10px;
    background-color: var(--sf-base-icon-white);
}
@keyframes arrow-6a607381 {
from { gap: 8px;
}
50% { gap: 4px;
}
to { gap: 8px;
}
}

.background[data-v-7abdaf80] {
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.8);
}

[data-v-8a4642b1] .pointer-barcode-button {
    margin-top: 215px;
}
.scan-screen__modal[data-v-8a4642b1] {
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-primary);
    padding: 16px;
    border-radius: 16px 16px 0 0;
    margin-top: auto;
    gap: 12px;
    position: relative;
}
.scan-screen__header[data-v-8a4642b1] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.scan-screen__title[data-v-8a4642b1] {
    margin: 3px 0;
}
.scan-screen__close[data-v-8a4642b1] {
    position: absolute;
    top: 16px;
    right: 16px;
    display: flex;
    border-radius: 100%;
    background-color: var(--sf-base-background-secondary);
    padding: 5px;
}
.scan-screen__content[data-v-8a4642b1] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: center;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
    padding: 20px 0 16px;
    min-height: 106px;
}

.scan-screen-success[data-v-7a0c8f6f] {
    display: flex;
    border-radius: 100%;
    border: 2px solid var(--sf-base-icon-success);
    padding: 4px;
}
.scan-screen-success svg[data-v-7a0c8f6f] {
    stroke: var(--sf-base-icon-success);
}

.scan-screen-error[data-v-a681cbc5] {
    display: flex;
    border-radius: 100%;
    border: 2px solid var(--sf-base-icon-error);
    padding: 4px;
}
.scan-screen-error svg[data-v-a681cbc5] {
    stroke: var(--sf-base-icon-error);
}

.image[data-v-3b363235] {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    background-color: var(--sf-base-background-secondary);
}
.image img[data-v-3b363235] {
    width: 80%;
}
.image img[data-v-3b363235]:not(.image__default) {
    width: 100%;
}

.product-short-card[data-v-ef87039b] {
    display: flex;
    flex: 1;
    flex-direction: column;
    background-color: var(--sf-base-background-secondary);
}
.product-short-card__content[data-v-ef87039b] {
    display: flex;
    flex-direction: column;
    flex: 1;
    position: relative;
}
.product-short-card__img[data-v-ef87039b] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.product-short-card__img img[data-v-ef87039b] {
    width: 100%;
}
.product-short-card__info[data-v-ef87039b] {
    display: flex;
    justify-content: space-between;
    padding: 12px 16px 16px;
    margin-top: auto;
    align-items: flex-end;
}
.product-short-card__details[data-v-ef87039b] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.product-short-card__blur[data-v-ef87039b] {
    backdrop-filter: blur(7px);
}

.scan-modal[data-v-9beafc99] {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    padding: 20px 16px;
    gap: 16px;
    align-items: center;
    background-color: var(--sf-base-background-white);
    border-radius: 16px 16px 0 0;
    box-shadow: var(--sf-shadow-top-s);
}
[data-v-9beafc99]::slotted(.scan-modal__icon) {
    width: 70px;
    height: 70px;
    stroke: var(var(--sf-base-icon-secondary));
}
.scan-modal__header[data-v-9beafc99] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}
.scan-modal__subtitle-empty[data-v-9beafc99] {
    width: 100%;
    height: 36px;
    visibility: hidden;
}
.scan-modal__buttons[data-v-9beafc99] {
    display: flex;
    gap: 8px;
    width: 100%;
}
.scan-modal__button-back[data-v-9beafc99] {
    white-space: nowrap;
    flex-shrink: 0;
}
.scan-modal__button-ok[data-v-9beafc99] {
    flex: 1;
    padding: 14px 15px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.correct-pair__icon[data-v-4ee7fb15] {
    display: flex;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    padding: 6px;
    margin: 12px;
    border-color: var(--sf-base-icon-success);
}
.correct-pair__button[data-v-4ee7fb15] {
    white-space: nowrap;
    width: 50%;
}

.alarming[data-v-dc9a4078] {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    justify-content: space-between;
    background-color: var(--sf-base-background-primary);
}
.alarming__content[data-v-dc9a4078] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    white-space: break-spaces;
    padding: 0 16px;
}
.alarming__title[data-v-dc9a4078] {
    margin-top: 24px;
}
.alarming__subtitle[data-v-dc9a4078] {
    margin-top: 8px;
}
.alarming__buttons[data-v-dc9a4078] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 0 16px 20px;
}
.alarming__buttons button[data-v-dc9a4078-s] {
    width: 100%;
}

.scan-epc-with-product[data-v-350fd2db] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-card);
    overflow: hidden;
}

.top-bar[data-v-e81dddc9] {
    display: flex;
    align-items: center;
    padding: 0 8px;
    justify-content: space-between;
}
.top-bar__right[data-v-e81dddc9],
  .top-bar__left[data-v-e81dddc9] {
    display: flex;
    padding: 12px;
}
.top-bar__placeholder[data-v-e81dddc9] {
    width: 24px;
    height: 24px;
}
.top-bar__title-container[data-v-e81dddc9] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
    text-align: center;
}
.top-bar__title-container[data-v-e81dddc9] .text {
    text-overflow: ellipsis;
    overflow: hidden;
}

.logging-data__row[data-v-db8e344d] {
    display: flex;
    margin-bottom: 4px;
    flex-wrap: wrap;
}
.logging-data__row--nested[data-v-db8e344d] {
    flex-direction: column;
}
.logging-data__key[data-v-db8e344d] {
    font-weight: 500;
    color: var(--sf-base-text-secondary);
    margin-right: 4px;
    white-space: nowrap;
}
.logging-data__nested[data-v-db8e344d] {
    width: 100%;
}
.logging-data__nested-content[data-v-db8e344d] {
    border-left: 2px solid #e5e5e5;
    padding-left: 8px;
    margin: 4px 0;
}
.logging-data__value[data-v-db8e344d] {
    padding-left: 4px;
    word-break: break-word;
    flex: 1;
    color: var(--sf-base-text-primary);
}

.logging__buttons[data-v-7157679f] {
    position: absolute;
    z-index: 1000;
    top: 7px;
    left: 0;
    display: flex;
    gap: 2px;
    width: 100%;
    justify-content: center;
}
.logging__buttons[data-v-7157679f] .button {
    width: 30px;
    height: 30px;
}
.logging__list[data-v-7157679f] {
    position: absolute;
    z-index: 1000;
    top: 40px;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--sf-base-background-white);
    overflow-y: auto;
}
.logging__item {
&[data-v-7157679f] {
    border-bottom: 1px solid var(--sf-base-border-secondary);
    padding: 4px 8px;
    }
&.error[data-v-7157679f] {
      background-color: var(--sf-base-background-error);
}
}
.logging__header[data-v-7157679f] {
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}
.logging__title[data-v-7157679f] {
    display: flex;
    gap: 12px;
    align-items: center;
    flex: 1;
    justify-content: space-between;
    overflow: hidden;
}
.logging__title span[data-v-7157679f]:first-of-type {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.logging__timestamp[data-v-7157679f] {
    white-space: nowrap;
    color: var(--sf-base-text-secondary);
    font-size: 0.9em;
}
.logging__chevron[data-v-7157679f] {
    transition: transform 0.2s;
}
.logging__chevron--expanded[data-v-7157679f] {
    transform: rotate(90deg);
}
.logging__content[data-v-7157679f] {
    padding: 8px;
    background-color: var(--sf-base-background-card);
    border-radius: 4px;
}
.logging__data-row[data-v-7157679f] {
    display: flex;
    gap: 8px;
    margin-bottom: 4px;
}
.logging__data-key[data-v-7157679f] {
    font-weight: 500;
    color: var(--sf-base-text-secondary);
}
.logging__data-value[data-v-7157679f] {
    word-break: break-all;
}

.quarantine[data-v-2a023b0d] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    z-index: 1;
    justify-content: space-between;
    flex: 1;
    background-color: var(--sf-base-background-white);
}
.quarantine .content[data-v-2a023b0d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 16px;
    gap: 24px;
}
.quarantine .content .text-block[data-v-2a023b0d] {
    display: flex;
    flex-direction: column;
    text-align: center;
    gap: 8px;
}
.quarantine .footer[data-v-2a023b0d] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 20px;
}
.quarantine .footer button[data-v-2a023b0d] {
    width: 100%;
}

.item-zone-carousel {
&[data-v-331dd34c] {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    gap: 8px;
}
&[data-v-331dd34c]::-webkit-scrollbar {
      display: none;
}
}
.item-zone-carousel__zone {
&[data-v-331dd34c] {
    flex: 0 0 80%;
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-secondary);
    border-radius: 12px;
    scroll-snap-align: center;
    cursor: pointer;
    transition: transform 0.2s;
}
&[data-v-331dd34c]:only-child {
      flex: 1;
}
}
.item-zone-carousel__zone--active[data-v-331dd34c] {
    transform: scale(1.02);
}
.item-zone-carousel__navigation[data-v-331dd34c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}
.item-zone-carousel__dots[data-v-331dd34c] {
    display: flex;
    gap: 8px;
}
.item-zone-carousel__dot[data-v-331dd34c] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0.4;
    background-color: var(--sf-base-border-dark);
}
.item-zone-carousel__dot--active[data-v-331dd34c] {
    opacity: 1;
    background-color: var(--sf-base-border-dark);
}
.item-zone-carousel__row {
&[data-v-331dd34c] {
    display: flex;
    justify-content: center;
    padding: 17px 0px;
}
&[data-v-331dd34c]:not(:first-child) {
      border-top: 1px solid var(--sf-base-border-primary);
}
}
.item-zone-carousel__not-found[data-v-331dd34c] {
    height: 88px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--sf-base-background-secondary);
}

.product-zone__info {
&[data-v-2708ed74] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    overflow: hidden;
}
&[data-v-2708ed74] .item-zone-carousel__row {
      padding: 9px 0px;
}
}
.product-zone__info-header[data-v-2708ed74] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.product-zone__info-header[data-v-2708ed74] .icon {
    width: 16px;
    height: 16px;
    stroke: var(--sf-tag-text-success);
}

.product-zone[data-v-00457ea9] {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: var(--sf-base-background-white);
}
.product-zone__image[data-v-00457ea9] {
    width: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.block-item[data-v-de38c603] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 328px;
    padding: 24px 20px 20px;
}
.block-item__content[data-v-de38c603] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.block-item__content-description[data-v-de38c603] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.block-item__content-description[data-v-de38c603] >  .text {
    text-align: center;
}
.block-item__footer[data-v-de38c603] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.block-item__footer[data-v-de38c603] .button {
    width: 100%;
}

.block-item[data-v-84b5f236] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 328px;
    padding: 24px 20px 20px;
}
.block-item__content[data-v-84b5f236] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.block-item__content-description[data-v-84b5f236] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.block-item__content-description[data-v-84b5f236] >  .text {
    text-align: center;
}
.block-item__footer[data-v-84b5f236] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.block-item__footer[data-v-84b5f236] .button {
    width: 100%;
}

.item {
&[data-v-fcb2cc72] {
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
}
.content[data-v-fcb2cc72] {
      display: flex;
      flex: 1;
      gap: 12px;
      align-items: center;
      overflow: hidden;
}
.item__image[data-v-fcb2cc72] {
      display: flex;
      flex-shrink: 0;
      align-items: center;
      width: 50px;
      height: 56px;
      overflow: hidden;
      border-radius: 8px;
}
.info {
&[data-v-fcb2cc72] {
      display: flex;
      flex-direction: column;
      gap: 4px;
      overflow: hidden;
}
&.with-additional-info {
&[data-v-fcb2cc72] {
        gap: 0;
}
&[data-v-fcb2cc72] .text {
          white-space: wrap;
}
}
&[data-v-fcb2cc72] .text {
        overflow: hidden;
        text-overflow: ellipsis;
}
}
}

.search-item-uhf[data-v-a16d6854] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 24px 20px 20px;
    width: 330px;
    max-height: 95vh;
    overflow: hidden;
}
.search-item-uhf__icon[data-v-a16d6854] {
    display: flex;
    justify-content: center;
    align-items: center;
}
.search-item-uhf__header[data-v-a16d6854] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
}
.search-item-uhf__content {
&[data-v-a16d6854] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    min-height: 0;
    }
&[data-v-a16d6854] .item {
      padding: 12px;
      border-radius: 16px;
      background-color: var(--sf-base-background-primary);
}
}
.search-item-uhf__size-list {
&[data-v-a16d6854] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    overflow-y: auto;
    }
&[data-v-a16d6854] .button {
      width: calc(50% - 4px);
}
}
.search-item-uhf__footer {
&[data-v-a16d6854] {
    margin-top: 8px;
    }
&[data-v-a16d6854] .button {
      width: 100%;
}
}

.card-item {
&[data-v-20f06a37] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
& .card-item__buttons {
&[data-v-20f06a37] {
      display: flex;
      gap: 8px;
}
&[data-v-20f06a37] .button:first-child {
        flex: 1;
}
}
}
.card-item__image[data-v-20f06a37] {
    position: absolute;
    height: 100%;
    width: 100%;
    border-radius: initial;
    z-index: 1;
}
.card-item__image[data-v-20f06a37] img:not(.image__default) {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.card-item__header[data-v-20f06a37] {
    z-index: 1;
    background-color: var(--sf-base-background-card);
    backdrop-filter: blur(20px);
}
.card-item__content[data-v-20f06a37] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex: 1;
}
.card-item__details[data-v-20f06a37] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    background: #14141499;
    border-radius: 16px;
    padding: 12px 16px;
    backdrop-filter: blur(20px);
    transition: bottom 0.3s ease-out;
    z-index: 2;
}
.card-item__details--hide[data-v-20f06a37] {
    bottom: -132px;
}
.card-item__details[data-v-20f06a37] .product-zone__info > .text {
    color: #ffffff;
}
.card-item__zone-not-found[data-v-20f06a37] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.card-item__zone-not-found[data-v-20f06a37] >  .text {
    color: #ffffff;
}
.zone-not-found__info[data-v-20f06a37] {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: var(--sf-base-background-white);
}
.product-zone__info {
&[data-v-20f06a37] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
&[data-v-20f06a37] .item-zone-carousel__row {
      padding: 17px 0px;
}
}
.product-zone__info-header {
&[data-v-20f06a37] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
&[data-v-20f06a37] .text {
      color: #ffffff;
}
}
.product-zone__carousel[data-v-20f06a37] {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    scroll-behavior: smooth;
    gap: 8px;
}
.product-zone__carousel[data-v-20f06a37]::-webkit-scrollbar {
    display: none;
}
.product-zone__zone[data-v-20f06a37] {
    flex: 0 0 80%;
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-secondary);
    border-radius: 12px;
    scroll-snap-align: center;
    cursor: pointer;
    transition: transform 0.2s;
}
.product-zone__zone[data-v-20f06a37]:only-child {
    flex: 1;
}
.product-zone__zone--active[data-v-20f06a37] {
    transform: scale(1.02);
}
.product-zone__navigation[data-v-20f06a37] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 4px;
    margin-top: 2px;
}
.product-zone__dots[data-v-20f06a37] {
    display: flex;
    gap: 8px;
}
.product-zone__dot[data-v-20f06a37] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    opacity: 0.4;
    background-color: var(--sf-base-border-dark);
}
.product-zone__dot--active[data-v-20f06a37] {
    opacity: 1;
    background-color: var(--sf-base-border-dark);
}
.product-zone__row[data-v-20f06a37] {
    display: flex;
}
.product-zone__row[data-v-20f06a37]:not(:first-child) {
    border-top: 1px solid var(--sf-base-border-primary);
}
.product-zone__column[data-v-20f06a37] {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 17px 2px;
}
.column--no-border[data-v-20f06a37] {
    padding-top: 16px;
}
.product-zone__column[data-v-20f06a37]:not(:first-child) {
    border-left: 1px solid var(--sf-base-border-primary);
}

.counter-with-button {
&[data-v-0f8cb145] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4px;
    border-radius: 8px;
    background-color: var(--sf-base-background-primary);
}
&.active[data-v-0f8cb145] {
      background-color: var(--sf-base-background-black);
}
& span[data-v-0f8cb145] {
      flex: 1;
}
}

.product-not-found[data-v-ffac5c44] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 12px;
}

.order-item {
&[data-v-f3a82d56] {
    display: flex;
    flex-direction: column;
    max-width: 328px;
    gap: 8px;
    padding: 12px 16px 16px;
    background-color: var(--sf-base-background-white);
    border-radius: 16px;
    border: 2px solid transparent;
}
&.warning[data-v-f3a82d56] {
      border-color: var(--sf-base-icon-warning);
}
&.danger[data-v-f3a82d56] {
      border-color: var(--sf-base-icon-error);
}
.status {
&[data-v-f3a82d56] {
      display: flex;
      gap: 4px;
}
.date-time[data-v-f3a82d56] {
        margin-left: auto;
}
&[data-v-f3a82d56] .badge {
        padding: 4px 8px;
        font-weight: 600;
        white-space: nowrap;
}
}
.container {
&[data-v-f3a82d56] {
      display: flex;
      justify-content: space-between;
}
.info {
&[data-v-f3a82d56] {
        display: flex;
        flex-direction: column;
        gap: 6px;
}
.number-total[data-v-f3a82d56] {
          display: flex;
          gap: 8px;
}
.total-items[data-v-f3a82d56] {
          display: flex;
          align-items: center;
          gap: 3px;
          padding: 1px 6px 1px 4px;
          border-radius: 100px;
          background-color: var(--sf-base-background-secondary);
}
.route[data-v-f3a82d56] {
          display: flex;
          gap: 8px;
}
.points {
&[data-v-f3a82d56] {
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          align-items: center;
          padding: 2px 0;
          position: relative;
          width: 16px;
          min-height: 36px;
          z-index: 0;
}
.point-color-woman[data-v-f3a82d56] rect {
            fill: var(--sf-base-icon-error);
}
.point-color-man[data-v-f3a82d56] rect {
            fill: var(--sf-base-icon-info);
}
.point-color-kids[data-v-f3a82d56] rect {
            fill: var(--sf-base-icon-success);
}
&[data-v-f3a82d56] > * {
            position: relative;
            z-index: 1;
}
&[data-v-f3a82d56]::before {
            content: "";
            position: absolute;
            top: 9px;
            bottom: 9px;
            left: 50%;
            border-left: 2px dashed var(--sf-base-background-dark);
            transform: translateX(-50%);
            pointer-events: none;
            z-index: 0;
}
}
.route-text[data-v-f3a82d56] {
          display: flex;
          flex-direction: column;
          gap: 6px;
}
}
}
.comment {
&[data-v-f3a82d56] {
      display: flex;
      gap: 6px;
      padding: 6px 10px;
      background-color: var(--sf-base-background-secondary);
      border-radius: 8px;
      overflow: hidden;
}
&[data-v-f3a82d56] .text {
        overflow: hidden;
        text-overflow: ellipsis;
}
svg[data-v-f3a82d56] {
        flex-shrink: 0;
}
}
.attention {
&[data-v-f3a82d56] {
      display: flex;
      align-items: center;
      gap: 4px;
      padding: 4px 8px;
      border-radius: 8px;
}
&[data-v-f3a82d56] .icon path {
        stroke: var(--sf-tag-text-error);
        stroke-width: 3px;
}
&.warning[data-v-f3a82d56] {
        background-color: var(--sf-tag-background-warning);
}
&.danger[data-v-f3a82d56] {
        background-color: var(--sf-tag-background-error);
}
}
}

.widget[data-v-acbdc6c7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-primary);
    z-index: 1;
}

.button-glass[data-v-e9e632ac] {
    width: 64px;
    height: 64px;
    background-color: var(--sf-base-background-tabbar);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow:
      0px 0px 3px 0px #3f45541f,
      0px 8px 20px 0px #3f45542e,
      1px 1px 0px 0px #ffffff99 inset,
      -1px -1px 0px 0px #ffffff66 inset;
    backdrop-filter: blur(12px);
}
.button-glass__badge[data-v-e9e632ac] {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--sf-base-icon-error);
    border-radius: 100%;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 8px;
    right: 8px;
}

.login-page__footer[data-v-c5c7b20f] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: auto;
    background-color: #ffffff;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
}

.login-page__user[data-v-c16090ab] {
    display: flex;
    width: 100%;
    gap: 16px;
    align-items: center;
}
.login-page__avatar[data-v-c16090ab] {
    flex-shrink: 0;
}
.login-page__info[data-v-c16090ab] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.login-page__info[data-v-c16090ab] .text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.login-page__name[data-v-c16090ab] {
    color: #141414;
}
.login-page__text[data-v-c16090ab] {
    color: #828690;
}
.login-page__enter-btn[data-v-c16090ab] {
    margin-top: 24px;
    width: 100%;
}

.scan-icon[data-v-70cccbef] {
    margin-top: 24px;
}
.login-page__footer-title[data-v-70cccbef] {
    color: #141414;
}
.login-page__footer-subtitle[data-v-70cccbef]{
    color: #828690;
}

.login-page[data-v-029f51dc] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: #000000;
}
.login-page[data-v-029f51dc] .statusbar {
    background-color: #000000;
}
.login-page[data-v-029f51dc] .statusbar__icon {
    stroke: #ffffff;
}
.login-page[data-v-029f51dc] .statusbar__battery-icon {
    fill: #ffffff;
}
.login-page[data-v-029f51dc] .statusbar__battery-text {
    color: #000000;
}
.login-page .press-scan[data-v-029f51dc] {
    margin: 175px 4px 0;
}
.login-page .footer[data-v-029f51dc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    margin-top: auto;
    background-color: #ffffff;
    border-radius: 16px 16px 0 0;
    padding: 24px 16px;
}
.login-page .footer .icon[data-v-029f51dc] {
    margin-top: 24px;
}
@keyframes arrow-029f51dc {
from {
      gap: 8px;
}
50% {
      gap: 4px;
}
to {
      gap: 8px;
}
}

.orders-not-found {
&[data-v-29a8741e] {
    display: flex;
    width: 100%;
    height: 100%;
    flex-direction: column;
    align-items: center;
    padding: 110px 16px 0;
    background-color: var(--sf-base-background-primary);
    text-align: center;
}
.icon[data-v-29a8741e] {
      width: fit-content;
      height: fit-content;
      padding: 25px 33px;
      background-color: var(--sf-base-background-white);
      border-radius: 50%;
      margin-bottom: 16px;
}
&[data-v-29a8741e] .text:first-of-type {
      margin-bottom: 8px;
}
}

.filter-modal[data-v-aa6a8396] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.filter-modal__section[data-v-aa6a8396] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.filter-modal__section__option-list {
&[data-v-aa6a8396] {
    display: flex;
    flex-direction: column;
    }
&[data-v-aa6a8396] .checkbox {
      padding: 12px 0;
}
}
.filter-modal__footer {
&[data-v-aa6a8396] {
    display: flex;
    gap: 8px;
    }
&[data-v-aa6a8396] .button {
      flex: 1;
}
}

.orders-widget {
&[data-v-a5d44673] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-white);
    z-index: 1;
}
.filter-chips {
&[data-v-a5d44673] {
      display: flex;
      flex-shrink: 0;
      gap: 4px;
      overflow-x: auto;
      padding: 0 16px 16px;
}
& > div[data-v-a5d44673] {
        flex: 1;
        justify-content: center;
}
}
.order-list {
&[data-v-a5d44673] {
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 8px;
      padding: 16px 8px;
      overflow-y: auto;
      background-color: var(--sf-base-background-primary);
}
&[data-v-a5d44673] .order-item {
        max-width: 344px;
}
}
}
.orders-widget__filter-btn[data-v-a5d44673] {
    position: absolute;
    bottom: 16px;
    right: 8px;
    width: 64px;
    height: 64px;
    background-color: var(--sf-base-background-tabbar);
    border-radius: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: var(--sf-shadow-glass);
}
.orders-widget__filter-counter[data-v-a5d44673] {
    position: absolute;
    top: 8px;
    right: 8px;
    width: 20px;
    height: 20px;
    background-color: var(--sf-base-icon-error);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.widget__label-write-epc[data-v-0d8003b3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
}
.label-write-epc__write-epc[data-v-0d8003b3] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-secondary);
}
.write-epc__footer[data-v-0d8003b3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--sf-base-background-white);
    box-shadow: var(--sf-shadow-top-s);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 20px 16px;
    margin-top: auto;
}
.write-epc__footer-description[data-v-0d8003b3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    text-align: center;
}
.write-epc__footer[data-v-0d8003b3] .button {
    width: 100%;
    margin-top: 38px;
}
.correct-pair__icon[data-v-0d8003b3] {
    display: flex;
    border-width: 2px;
    border-style: solid;
    border-radius: 50%;
    padding: 6px;
    margin: 12px;
    border-color: var(--sf-base-icon-success);
}

.widget__repair-alarm[data-v-fa8b2b4d] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-white);
    z-index: 1;
}
.repair-alarm__container {
&[data-v-fa8b2b4d] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0 16px 20px;
    gap: 8px;
    }
&[data-v-fa8b2b4d] .button {
      width: 100%;
}
&[data-v-fa8b2b4d] .text {
      white-space: break-spaces;
      text-align: center;
}
}
.repair-alarm__content[data-v-fa8b2b4d] {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;
}
.repair-alarm__content__container {
&[data-v-fa8b2b4d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    }
&[data-v-fa8b2b4d] .text:first-of-type {
      margin-bottom: 8px;
      margin-top: 24px;
}
}

.widget__label-printing-ut[data-v-5097cf11] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
}
.label-printing-ut__write-epc[data-v-5097cf11] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-secondary);
}
.write-epc__footer[data-v-5097cf11] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: var(--sf-base-background-white);
    box-shadow: var(--sf-shadow-top-s);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    padding: 20px 16px;
    margin-top: auto;
}
.write-epc__footer-description[data-v-5097cf11] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 16px;
    text-align: center;
}
.write-epc__footer[data-v-5097cf11] .button {
    width: 100%;
    margin-top: 38px;
}
.label-printing-ut__qr-code[data-v-5097cf11] {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    background-color: var(--sf-base-background-white);
}
.qr-code__content[data-v-5097cf11] {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    padding: 0 16px;
}
.qr-code__content-description[data-v-5097cf11] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
}
.qr-code__footer[data-v-5097cf11] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 16px 16px 20px;
    margin-top: auto;
    width: 100%;
}
.qr-code__footer[data-v-5097cf11] .button {
    width: 100%;
}

.section[data-v-98173a0f] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.section-block[data-v-a3bc6705] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.section-row[data-v-fdb8b5d2] {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}

.order-create-modal__header {
&[data-v-8f00d3eb] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
&[data-v-8f00d3eb] .text:first-of-type {
      padding: 3px 0;
}
}
.order-create-modal__content {
&[data-v-8f00d3eb] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
&[data-v-8f00d3eb] .input {
      width: 100%;
}
}
.order-create-modal__separator {
&[data-v-8f00d3eb] {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    margin: 16px 0;
}
hr[data-v-8f00d3eb] {
      flex: 1;
      border: 0;
      border-bottom: 1px solid transparent;
      border-image: repeating-linear-gradient(to right, var(--sf-base-border-primary) 0 6px, transparent 6px 12px) 1;
}
}
.order-create-modal__scan[data-v-8f00d3eb] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 8px;
}
.order-create-modal__items {
&[data-v-8f00d3eb] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
&[data-v-8f00d3eb] .item {
      padding: 12px;
      border-radius: 16px;
      background-color: var(--sf-base-background-white);
}
&.loading[data-v-8f00d3eb] {
      opacity: 0.4;
}
}

.order-create-item {
&[data-v-a58dd07b] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    background-color: var(--sf-base-background-primary);
    border-radius: 16px;
    padding: 12px;
    position: relative;
}
.close[data-v-a58dd07b] {
      position: absolute;
      top: 8px;
      right: 8px;
}
&[data-v-a58dd07b] .item {
      padding-right: 36px;
}
.sizes {
&[data-v-a58dd07b] {
      display: flex;
      flex-direction: column;
}
.row {
&[data-v-a58dd07b] {
        display: flex;
        flex: 1;
        align-items: center;
        text-align: center;
        padding: 8px 0;
}
&[data-v-a58dd07b] > :first-child {
          flex: 1;
}
&[data-v-a58dd07b] > :last-child {
          flex: 0 160px;
}
}
}
}

.order-create-success {
&[data-v-80c10b63] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
    padding: 16px;
}
.content[data-v-80c10b63] {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;
}
.description[data-v-80c10b63] {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 8px;
      margin-top: 24px;
}
.order-number[data-v-80c10b63] {
      display: flex;
      gap: 8px;
      margin-top: 16px;
}
.order-number-item[data-v-80c10b63] {
      border-radius: 16px;
      height: 86px;
      width: 62px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: var(--sf-base-background-primary);
}
&[data-v-80c10b63] .button {
      width: 100%;
}
}

.order-create-widget {
&[data-v-6cff5c07] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
    flex-direction: column;
    background-color: var(--sf-base-background-white);
}
.content {
&[data-v-6cff5c07] {
      display: flex;
      gap: 20px;
      flex-direction: column;
      flex: 1;
      padding: 16px;
      overflow-y: auto;
}
&[data-v-6cff5c07] .textarea textarea {
        min-height: 80px;
        max-height: 80px;
}
.count-items {
&[data-v-6cff5c07] {
        display: flex;
        flex-direction: column;
        gap: 8px;
}
.scroll-anchor[data-v-6cff5c07] {
          height: 0;
}
}
}
.add-item-button[data-v-6cff5c07] {
      width: 100%;
      margin-top: auto;
      flex-shrink: 0;
}
.footer {
&[data-v-6cff5c07] {
      padding: 16px;
      border-radius: 16px 16px 0 0;
      box-shadow: var(--sf-shadow-top-s);
}
&[data-v-6cff5c07] .button {
        width: 100%;
}
}
}

.widget__alarming[data-v-dd381557] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
}

.check-alarming-item-wrapper[data-v-7dc04919] {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    width: 100%;
}
.check-alarming-item-background[data-v-7dc04919] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: var(--sf-tag-background-error);
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 20px;
    border-radius: 16px;
}
.delete-icon[data-v-7dc04919] {
    opacity: var(--1444e745);
}
.check-alarming-item[data-v-7dc04919] {
    position: relative;
    background-color: white;
    display: flex;
    gap: 12px;
    transition: transform 0.2s ease;
}
.check-alarming-item[data-v-7dc04919] .image {
    width: 52px;
    height: 60px;
}
.check-alarming-item__info[data-v-7dc04919] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    flex: 1;
}
.check-alarming-item__status-container[data-v-7dc04919] {
    display: flex;
    border-radius: 12px;
    overflow: hidden;
}
.check-alarming-item__status[data-v-7dc04919] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
    padding: 8px;
    background-color: var(--sf-base-background-secondary);
}
.check-alarming-item__status--success[data-v-7dc04919] {
    background-color: var(--sf-base-background-success);
}

.check-alarming-clear-item[data-v-f328182c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex: 1;
    padding: 10px 16px;
    background-color: var(--sf-base-background-secondary);
}
.check-alarming-clear-item--error[data-v-f328182c] {
    background-color: var(--sf-base-background-error);
}

.check-alarming-section[data-v-41ff2692] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.check-alarming-single[data-v-e2fa7852] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    background-color: var(--sf-base-background-primary);
}
.check-alarming-single__content[data-v-e2fa7852] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    gap: 28px;
    padding: 8px 16px;
}
.check-alarming-single__content[data-v-e2fa7852] .check-alarming-item {
    padding: 12px;
    background-color: var(--sf-base-background-white);
    border-radius: 16px;
}
.check-alarming-single__footer[data-v-e2fa7852] {
    position: absolute;
    bottom: 16px;
    left: 16px;
    right: 16px;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: var(--sf-shadow-bot-m);
}
.check-alarming-single__clear-items[data-v-e2fa7852] {
    display: flex;
}
.check-alarming-single__clear-items[data-v-e2fa7852] .check-alarming-clear-item:not(:first-of-type) {
    border-left: 1px solid var(--sf-base-border-primary);
}
.check-alarming-single__footer-item[data-v-e2fa7852] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 12px 12px 8px;
    align-items: center;
    background-color: var(--sf-base-background-white);
}
.check-alarming-single__footer-item[data-v-e2fa7852] .check-alarming-item {
    width: 100%;
}
.check-alarming-single__footer-count[data-v-e2fa7852] {
    display: flex;
    justify-content: center;
    gap: 4px;
    padding: 12px 12px 8px;
    background-color: var(--sf-base-background-white);
}
.check-alarming-single__footer-info[data-v-e2fa7852] {
    display: flex;
    width: 100%;
}
.check-alarming-single__footer-info[data-v-e2fa7852] .text:nth-of-type(2) {
    margin-left: auto;
}
.check-alarming-single__footer-info[data-v-e2fa7852] .text:nth-of-type(3) {
    margin-left: 4px;
}
.loading-indicator[data-v-e2fa7852] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
}

  /* Анимация моргания для индикатора загрузки (пока не загрузилось) */
.loading-indicator[data-v-e2fa7852]:not(.completed) {
    animation: blink-e2fa7852 1s ease-in-out infinite;
}

  /* Убираем анимацию для завершённого состояния */
.loading-indicator.completed[data-v-e2fa7852] {
    opacity: 1;
}
@keyframes blink-e2fa7852 {
0%,
    100% {
      opacity: 1;
}
50% {
      opacity: 0.3;
}
}

.check-alarming-multi[data-v-5b45925c] {
    display: flex;
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    background-color: var(--sf-base-background-primary);
}
.widget-check-alarming__content[data-v-5b45925c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    padding: 16px;
    overflow: hidden;
}
.widget-check-alarming__details[data-v-5b45925c] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.widget-check-alarming__details-row[data-v-5b45925c] {
    display: flex;
    gap: 8px;
}
.widget-check-alarming__details-row--unknown[data-v-5b45925c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
}
.widget-check-alarming__tile[data-v-5b45925c] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
    padding: 16px;
    background-color: var(--sf-base-background-secondary);
    border-radius: 16px;
}
.widget-check-alarming__tile-title[data-v-5b45925c] {
    display: flex;
    gap: 4px;
}
.widget-check-alarming__tile-count[data-v-5b45925c] {
    font-weight: 580;
    font-size: 40px;
    line-height: 52px;
}
.widget-check-alarming__tile-count--small[data-v-5b45925c] {
    font-weight: 580;
    font-size: 32px;
    line-height: 42px;
}
.widget-check-alarming__details-item--error[data-v-5b45925c] {
    background-color: var(--sf-base-background-error);
}
.tile__epc-alarm[data-v-5b45925c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}
.tile__epc-alarm__info[data-v-5b45925c] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
}
.widget-check-alarming__status[data-v-5b45925c] {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 16px 16px;
    gap: 8px;
    margin-top: auto;
}

.widget-check-alarming[data-v-2be8d197] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.widget__write-alarm[data-v-3b10541f] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.write-alarm[data-v-3b10541f] {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.card-page-short-footer[data-v-ab3103b5] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
[data-v-ab3103b5] .scan-modal__button-ok .button__inner {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
}

.card-page-short[data-v-381fbaad] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-card);
}

.widget-check-pairs[data-v-681c40cc] {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.item[data-v-3a77d78f] {
    display: flex;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
.item__content[data-v-3a77d78f] {
    display: flex;
    flex: 1;
    gap: 12px;
    padding: 12px;
    align-items: center;
    overflow: hidden;
}
.item__image[data-v-3a77d78f] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 50px;
    height: 56px;
    overflow: hidden;
    border-radius: 8px;
}
.item__info[data-v-3a77d78f] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}
.item__info[data-v-3a77d78f] .text {
    overflow: hidden;
    text-overflow: ellipsis;
}

.parent-item[data-v-ad27294a] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    padding: 4px 0;
}

.widget__search-product[data-v-36f55ad7] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-primary);
    z-index: 1;
}
.search-product__input[data-v-36f55ad7] {
    position: sticky;
    top: 0;
    padding-bottom: 12px;
    background-color: var(--sf-base-background-primary);
    z-index: 1;
}
.search-product__content[data-v-36f55ad7] {
    display: flex;
    flex-direction: column;
    padding: 0 16px 16px;
    overflow: hidden;
    overflow-y: auto;
}
.search-product__items[data-v-36f55ad7] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.search-product__items--loading[data-v-36f55ad7] {
    opacity: 0.4;
}

.sales-item-list {
&[data-v-6742f86e] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    background-color: var(--sf-base-background-primary);
}
.content[data-v-6742f86e] {
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 8px;
      padding: 6px 16px;
      overflow-y: auto;
}
.placeholder[data-v-6742f86e] {
      text-align: center;
}
}

.sales-item {
&[data-v-721883e2] {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 12px;
    background-color: var(--sf-base-background-white);
}
.image-container[data-v-721883e2] {
      position: relative;
}
.image[data-v-721883e2] {
      height: 118px;
      width: 90px;
      display: flex;
      align-items: center;
      justify-content: center;
}
.container[data-v-721883e2] {
      display: flex;
      flex-direction: column;
      gap: 6px;
      flex: 1;
}
.row[data-v-721883e2] {
      display: flex;
      border-radius: 12px;
      overflow: hidden;
}
.status[data-v-721883e2] {
      padding: 12px;
      justify-content: center;
      align-items: center;
      background-color: var(--sf-base-background-secondary);
}
.epc[data-v-721883e2],
    .cis[data-v-721883e2] {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      padding: 8px;
      background-color: var(--sf-base-background-secondary);
}
.exist[data-v-721883e2] {
      background-color: var(--sf-base-background-success);
}
}

.widget__check-sales[data-v-e00832e2] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
}

.product-fitting-list[data-v-9642ac6e] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    background-color: var(--sf-base-background-primary);
}
.product-fitting-list__content[data-v-9642ac6e] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
    padding: 6px 16px;
    overflow-y: auto;
}
.product-fitting-list__placeholder[data-v-9642ac6e] {
    text-align: center;
}

.widget__product-zoning[data-v-4666904c] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    z-index: 1;
}

.product-zoning-list[data-v-4aedcecd] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}
.product-zoning-list[data-v-4aedcecd] .tabs .tab {
    flex: 1;
}
.product-zoning-list__content[data-v-4aedcecd] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
    padding: 16px;
    overflow-y: auto;
}
.product-zoning-list__content-item[data-v-4aedcecd] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}

.add-product-item[data-v-d325d9f3] {
    display: flex;
    border-radius: 12px;
    width: 100%;
    border: 1px solid var(--sf-base-border-secondary);
    background-color: var(--sf-base-background-white);
    overflow: hidden;
    flex-shrink: 0;
}
.add-product-item__content[data-v-d325d9f3] {
    display: flex;
    flex: 1;
    padding: 11px 12px;
    gap: 12px;
    align-items: center;
    overflow: hidden;
}
.add-product-item__image[data-v-d325d9f3] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 50px;
    height: 56px;
    overflow: hidden;
    border-radius: 8px;
}
.add-product-item__image img[data-v-d325d9f3] {
    width: 100%;
}
.add-product-item__info[data-v-d325d9f3] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
}
.add-product-item__info[data-v-d325d9f3] .text {
    overflow: hidden;
    text-overflow: ellipsis;
}
.add-product-item__delete[data-v-d325d9f3] {
    display: flex;
    padding: 28px 8px;
    background-color: var(--sf-base-background-error);
}

.product-zoning-exist-zone-modal[data-v-8484b874] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px;
    width: 328px;
}
.product-zoning-exist-zone-modal__content[data-v-8484b874] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}
.product-zoning-exist-zone-modal__content[data-v-8484b874] .icon path {
    stroke-width: 1px;
}
.product-zoning-exist-zone-modal[data-v-8484b874] .product-zone {
    width: 100%;
    padding: 0;
}
.product-zoning-exist-zone-modal__title[data-v-8484b874] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}
.product-zoning-exist-zone-modal__footer[data-v-8484b874] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.product-zoning-exist-zone-modal__footer[data-v-8484b874] button {
    width: 100%;
    padding: 0;
}

.add-product-modal__header[data-v-ef9b57c5] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.add-product-modal__header-title[data-v-ef9b57c5] {
    padding: 3px 0px;
}
.add-product-modal__empty[data-v-ef9b57c5] {
    display: flex;
    flex-direction: column;
    flex: 1;
    justify-content: center;
    align-items: center;
    gap: 12px;
    overflow: hidden;
}
.add-product-modal__empty-text[data-v-ef9b57c5] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    white-space: pre-wrap;
    text-align: center;
}
.add-product-modal__items[data-v-ef9b57c5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.add-product-modal__add-btn[data-v-ef9b57c5] {
    width: 100%;
}

.product-zone-group-item[data-v-3047bfe0] {
    display: flex;
    border-radius: 12px;
    width: 100%;
    border: 1px solid var(--sf-base-border-secondary);
    background-color: var(--sf-base-background-white);
    overflow: hidden;
    flex-shrink: 0;
}
.product-zone-group-item__content[data-v-3047bfe0] {
    display: flex;
    flex: 1;
    padding: 12px;
    gap: 12px;
    align-items: center;
    overflow: hidden;
}
.product-zone-group-item__image {
&[data-v-3047bfe0] {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    width: 48px;
    height: 62px;
    overflow: hidden;
    border-radius: 8px;
    }
& img[data-v-3047bfe0] {
      width: 100%;
}
}
.product-zone-group-item__info {
&[data-v-3047bfe0] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    overflow: hidden;
    }
&[data-v-3047bfe0] .text {
      overflow: hidden;
      text-overflow: ellipsis;
}
}
.product-zone-group-item__delete[data-v-3047bfe0] {
    display: flex;
    padding: 28px 8px;
    background-color: var(--sf-base-background-error);
}

.delete-modal[data-v-68fbb193] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 300px;
    padding: 24px 20px 20px;
}
.delete-modal__content[data-v-68fbb193] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.delete-modal__content-description[data-v-68fbb193] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.delete-modal__footer[data-v-68fbb193] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.delete-modal__footer button[data-v-68fbb193] {
    width: 100%;
}

.product-zoning-group[data-v-98308dfb] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.product-zoning-group__title[data-v-98308dfb] {
    padding: 16px 0 8px;
}

.items-in-zone[data-v-f10a67bd] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    background-color: var(--sf-base-background-secondary);
    padding: 16px;
    border-radius: 16px;
}
.items-in-zone__content[data-v-f10a67bd] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
}
.items-in-zone__count {
&[data-v-f10a67bd] {
    display: flex;
    gap: 6px;
    align-items: flex-end;
    }
&[data-v-f10a67bd] .text {
&:first-of-type {
        font-weight: 580;
        font-size: 40px;
        line-height: 52px;
        letter-spacing: 0;
}
&:last-of-type {
        margin-bottom: 8px;
}
}
}

.items-without-zone[data-v-3c886bcc] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: center;
    background-color: var(--sf-base-background-secondary);
    padding: 16px;
    border-radius: 16px;
}
.items-without-zone__content {
&[data-v-3c886bcc] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    }
&[data-v-3c886bcc] .text:last-of-type {
      font-weight: 580;
      font-size: 32px;
      line-height: 42px;
      letter-spacing: 0;
}
}

.check-binding[data-v-a0271845] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.check-binding__content[data-v-a0271845] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    padding: 8px 16px 16px;
}
.check-binding__item-list[data-v-a0271845] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.check-binding__info-scan[data-v-a0271845] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 20px 16px 16px;
    align-items: center;
}

.found-item {
&[data-v-3140d9d8] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
&[data-v-3140d9d8] .button {
      width: 100%;
}
}
.found-item__content {
&[data-v-3140d9d8] {
    display: flex;
    gap: 12px;
}
&[data-v-3140d9d8] .image {
      width: 48px;
      height: 62px;
}
}
.found-item__info[data-v-3140d9d8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.found-item-group[data-v-4cdc82b3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.found-item-group__header[data-v-4cdc82b3] {
    display: flex;
    flex-direction: column;
}
.found-item-group__content[data-v-4cdc82b3] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.unlink-item-dialog[data-v-c01b1d5e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 328px;
    padding: 24px 20px 20px;
}
.unlink-item-dialog__content[data-v-c01b1d5e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.unlink-item-dialog__content-description[data-v-c01b1d5e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.unlink-item-dialog__footer {
&[data-v-c01b1d5e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    }
&[data-v-c01b1d5e] .button {
      width: 100%;
}
}

.found-item-list[data-v-023b5413] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}
.found-item-list__content[data-v-023b5413] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    padding: 16px;
}

.not-binding-item {
&[data-v-ac60b11c] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
&[data-v-ac60b11c] .button {
      width: 100%;
}
}
.not-binding-item__content {
&[data-v-ac60b11c] {
    display: flex;
    gap: 12px;
}
&[data-v-ac60b11c] .image {
      width: 48px;
      height: 62px;
}
}
.not-binding-item__info[data-v-ac60b11c] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.unlink-item-dialog[data-v-48c91757] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 328px;
    padding: 24px 20px 20px;
}
.unlink-item-dialog__content[data-v-48c91757] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.unlink-item-dialog__content-description[data-v-48c91757] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.unlink-item-dialog__footer {
&[data-v-48c91757] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    }
&[data-v-48c91757] .button {
      width: 100%;
}
}

.not-binding-item-list[data-v-7177ff43] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.not-binding-item-list__content[data-v-7177ff43] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 8px;
    overflow-y: auto;
}

.not-binding-dialog[data-v-31881374] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px;
    width: 328px;
}
.not-binding-dialog__content[data-v-31881374] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}
.not-binding-dialog__content[data-v-31881374] .icon path {
    stroke-width: 1px;
}
.not-binding-dialog[data-v-31881374] .product-zone {
    width: 100%;
    padding: 0;
}
.not-binding-dialog__title[data-v-31881374] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}
.not-binding-dialog__footer[data-v-31881374] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.not-binding-dialog__footer[data-v-31881374] button {
    width: 100%;
    padding: 0;
}

.exist-zone-dialog[data-v-28469e3e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    padding: 20px;
    width: 328px;
}
.exist-zone-dialog__content[data-v-28469e3e] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    align-items: center;
}
.exist-zone-dialog__content[data-v-28469e3e] .icon path {
    stroke-width: 1px;
}
.exist-zone-dialog[data-v-28469e3e] .product-zone {
    width: 100%;
    padding: 0;
}
.exist-zone-dialog__title[data-v-28469e3e] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    text-align: center;
}
.exist-zone-dialog__footer[data-v-28469e3e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.exist-zone-dialog__footer[data-v-28469e3e] button {
    width: 100%;
    padding: 0;
}

.check-binding-item-in-zone[data-v-51f003db] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-primary);
}

.zoning-skeleton[data-v-3458058a] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 4px;
    background-color: var(--sf-base-background-primary);
    position: absolute;
    top: 92px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.zoning-skeleton__item {
&[data-v-3458058a] {
    display: flex;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
    }
[data-v-3458058a] .skeleton {
      border-radius: 8px;
}
}
.zoning-skeleton__info[data-v-3458058a] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.delete-modal[data-v-838a5c6e] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 328px;
    padding: 24px 20px 20px;
}
.delete-modal__content[data-v-838a5c6e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}
.delete-modal__content-description[data-v-838a5c6e] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.delete-modal__footer[data-v-838a5c6e] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.delete-modal__footer button[data-v-838a5c6e] {
    width: 100%;
}
.hold-button[data-v-838a5c6e] {
    position: relative;
    overflow: hidden;
}
.hold-button[data-v-838a5c6e]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: var(--hold-progress);
    height: 100%;
    background-color: var(--sf-base-background-modal);
    transition: width 0.1s linear;
    pointer-events: none;
}

.product-zoning-list[data-v-c927f7ab] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
}
.product-zoning-list[data-v-c927f7ab] .tabs .tab {
    flex: 1;
}
.product-zoning-list__content[data-v-c927f7ab] {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 0px 16px 16px;
    gap: 8px;
    overflow-y: auto;
}
.product-zoning-list__content-item[data-v-c927f7ab] {
    display: flex;
    gap: 8px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 16px;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
.product-zoning-list__content-footer[data-v-c927f7ab] {
    padding: 16px;
    background-color: var(--sf-base-background-white);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
}
.product-zoning-list__content-footer {
&[data-v-c927f7ab] {
    display: flex;
    gap: 8px;
    }
&[data-v-c927f7ab] button:first-of-type {
      flex: 1;
}
&[data-v-c927f7ab] button:last-of-type {
      margin-left: auto;
}
}

.widget__product-zoning[data-v-3d010b66] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: var(--sf-base-background-primary);
    z-index: 1;
}

.order-skeleton[data-v-83893326] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 16px;
    padding: 16px;
}

.order-complete-modal {
&[data-v-30bae254] {
    width: 328px;
    height: 520px;
    display: flex;
    flex-direction: column;
    padding: 20px;
    gap: 24px;
}
.content[data-v-30bae254] {
      display: flex;
      flex-direction: column;
      gap: 16px;
      align-items: center;
      overflow-y: auto;
}
.info[data-v-30bae254] {
      display: flex;
      flex-direction: column;
      gap: 4px;
      align-items: center;
      text-align: center;
}
.not-scanned-items {
&[data-v-30bae254] {
      display: flex;
      flex-direction: column;
      gap: 12px;
      width: 100%;
      overflow-y: auto;
}
&[data-v-30bae254] .item .item__image {
        width: 52px;
        height: 64px;
}
&[data-v-30bae254] .item .info {
        gap: 0;
}
&[data-v-30bae254] .item .info .text:first-of-type {
        margin-bottom: 2px;
}
&[data-v-30bae254] .item .content {
        align-items: flex-start;
}
}
.additional-info[data-v-30bae254] {
      display: flex;
      gap: 4px;
      flex-wrap: wrap;
      margin-top: 4px;
}
.reasons[data-v-30bae254] {
      display: flex;
      gap: 8px;
}
.footer {
&[data-v-30bae254] {
      display: flex;
      flex-direction: column;
      gap: 8px;
}
&[data-v-30bae254] .button {
        width: 100%;
}
}
}

.order-route-direction {
&[data-v-e9d2ca56] {
    display: flex;
    gap: 8px;
}
.points {
&[data-v-e9d2ca56] {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      align-items: center;
      padding: 2px 0;
      position: relative;
      width: 16px;
      min-height: 36px;
      z-index: 0;
}
.point-color-woman[data-v-e9d2ca56] rect {
        fill: var(--sf-base-icon-error);
}
.point-color-man[data-v-e9d2ca56] rect {
        fill: var(--sf-base-icon-info);
}
.point-color-kids[data-v-e9d2ca56] rect {
        fill: var(--sf-base-icon-success);
}
&[data-v-e9d2ca56] > * {
        position: relative;
        z-index: 1;
}
&[data-v-e9d2ca56]::before {
        content: "";
        position: absolute;
        top: 9px;
        bottom: 9px;
        left: 50%;
        border-left: 2px dashed var(--sf-base-background-dark);
        transform: translateX(-50%);
        pointer-events: none;
        z-index: 0;
}
}
.route-text[data-v-e9d2ca56] {
      display: flex;
      flex-direction: column;
      gap: 8px;
}
}

.order-comment[data-v-2bcbd036] {
    display: flex;
    gap: 6px;
    padding: 6px 10px;
    background-color: var(--sf-base-background-secondary);
    border-radius: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.order-collected-progress {
&[data-v-b0db55fe] {
    display: flex;
    background-color: var(--sf-base-background-primary);
    border-radius: 12px;
    padding: 2px 0 6px;
    margin-top: 8px;
}
&.completed {
&[data-v-b0db55fe] {
      background-color: var(--sf-size-background-success-default);
}
&[data-v-b0db55fe] .text {
        color: var(--sf-size-text-success);
}
}
.item {
&[data-v-b0db55fe] {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;
}
&[data-v-b0db55fe] .text:last-of-type {
        margin-top: -4px;
}
}
}

.order-card-item-picking-head {
&[data-v-02795e17] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.cell[data-v-02795e17] {
      display: flex;
      align-items: center;
      flex: 1;
}
}

.order-card-item-picking-column {
&[data-v-5813c4d7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 4px;
    border-radius: 12px;
    overflow: hidden;
}
&.success .cell {
&[data-v-5813c4d7] {
      background-color: var(--sf-size-background-success-default);
}
&[data-v-5813c4d7] .text {
        color: var(--sf-size-text-success);
}
}
&.warning .cell {
&[data-v-5813c4d7] {
      background-color: var(--sf-size-background-warning-default);
}
&[data-v-5813c4d7] .text {
        color: var(--sf-size-text-warning);
}
}
&.danger .cell {
&[data-v-5813c4d7] {
      background-color: var(--sf-size-background-error-default);
}
&[data-v-5813c4d7] .text {
        color: var(--sf-size-text-error);
}
}
.cell[data-v-5813c4d7] {
      display: flex;
      align-items: center;
      justify-content: center;
      flex: 1;
      background-color: var(--sf-base-background-primary);
}
}

.order-card-item-picking {
&[data-v-868639e7] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 12px;
    padding: 16px 16px 0;
    position: relative;
    min-width: 100%;
    max-width: 360px;
}
.item {
&[data-v-868639e7] {
      display: flex;
      gap: 16px;
}
.image-container[data-v-868639e7] {
        position: relative;
}
.success-banner[data-v-868639e7] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--sf-base-background-loader);
}
.description {
&[data-v-868639e7] {
        display: flex;
        flex-direction: column;
        gap: 6px;
        overflow: hidden;
        padding: 4px 0;
        flex: 1;
        position: relative;
}
&[data-v-868639e7] .text {
          overflow: hidden;
          text-overflow: ellipsis;
}
&[data-v-868639e7] .text:first-of-type {
          padding-right: 36px;
}
}
&[data-v-868639e7] .image {
        flex-shrink: 0;
}
&[data-v-868639e7] .image img {
        height: 110px;
}
}
.good-list[data-v-868639e7] {
      display: flex;
      border-radius: 16px;
      gap: 4px;
      flex: 1;
}
}
.order-card-item-picking__locator[data-v-868639e7] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px;
}

.order-card-picking {
&[data-v-f880a50f] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    overflow-y: hidden;
}
.content[data-v-f880a50f] {
      display: flex;
      flex-direction: column;
      flex: 1;
      background-color: var(--sf-base-background-primary);
      overflow-y: auto;
      gap: 8px;
}
.info[data-v-f880a50f] {
      display: flex;
      flex-direction: column;
      padding: 0 16px 16px;
      gap: 8px;
      background-color: var(--sf-base-background-white);
      border-radius: 0 0 16px 16px;
}
.info-container[data-v-f880a50f] {
      display: flex;
      justify-content: space-between;
}
.number-route[data-v-f880a50f] {
      display: flex;
      flex-direction: column;
      gap: 6px;
}
.item-list-wrapper[data-v-f880a50f] {
      overflow: hidden;
      display: flex;
      flex-direction: column;
      flex: 1;
      gap: 8px;
      padding-bottom: 16px;
      background-color: var(--sf-base-background-white);
      border-radius: 16px 16px 0 0;

      /* Отключаем выделение текста при перетаскивании */
      user-select: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
}
.item-list {
&[data-v-f880a50f] {
      display: flex;
      flex: 1;
      transition: transform 0.4s cubic-bezier(0.2, 1.25, 0.6, 1);
      will-change: transform;
}
.item-wrapper[data-v-f880a50f] {
        display: flex;
        flex: 0 0 100%;
        transition: transform 0.4s cubic-bezier(0.2, 1.25, 0.6, 1);
        transform-origin: center;
        will-change: transform;
}
}
.image-list-shadow {
&[data-v-f880a50f] {
      display: flex;
      justify-content: flex-end;
      position: absolute;
      right: 16px;
      top: 0;
      width: 80px;
      height: 100%;
      background: linear-gradient(
        to left,
        var(--sf-base-background-white),
        var(--sf-base-background-white),
        var(--sf-base-background-white),
        transparent
      );
      pointer-events: none;
}
&[data-v-f880a50f] .button {
        pointer-events: all;
}
}
.dot-list[data-v-f880a50f] {
      display: flex;
      justify-content: center;
      width: 100%;
}
.dot-container-wrapper[data-v-f880a50f] {
      overflow: hidden;
      width: calc(6px * 5 + 8px * 4); /* 5 точек по 6px + 4 gap по 8px = 62px */
      display: flex;
      justify-content: flex-start;
}
.dot-container {
&[data-v-f880a50f] {
      display: flex;
      gap: 8px;
      transition: transform 0.4s ease;
}
.dot {
&[data-v-f880a50f] {
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: var(--sf-base-border-dark);
        flex-shrink: 0;
        transition:
          opacity 0.4s ease,
          transform 0.4s ease;
        opacity: 0.4;
}
&.active[data-v-f880a50f] {
          opacity: 1;
}
}
}
.image-list {
&[data-v-f880a50f] {
      display: flex;
      align-items: center;
      padding: 0 16px;
      position: relative;
}
.image-list-scroll {
&[data-v-f880a50f] {
        flex: 1;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
        position: relative;
        display: flex;
        gap: 8px;
        padding-right: 70px;
}
&[data-v-f880a50f]::-webkit-scrollbar {
          display: none;
}
&[data-v-f880a50f] .image {
          outline: 1px solid var(--sf-base-border-primary);
          outline-offset: -1px;
          cursor: pointer;
          flex-shrink: 0;
          transition: border-color 0.4s ease;
&.active {
            outline-offset: -2px;
            outline: 2px solid var(--sf-base-border-black);
}
}
&[data-v-f880a50f] .image img {
          height: 52px;
          width: 44px;
          object-fit: cover;
}
}
.image-list-scroll-item {
&[data-v-f880a50f] {
        position: relative;
}
.success-banner[data-v-f880a50f] {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          display: flex;
          align-items: center;
          justify-content: center;
          background-color: var(--sf-base-background-loader);
}
}
.image-list-button[data-v-f880a50f] {
        flex-shrink: 0;
}
}
}

.order-card-executer {
&[data-v-e2b93b80] {
    display: flex;
    gap: 16px;
    align-items: center;
}
&[data-v-e2b93b80] .avatar {
      flex-shrink: 0;
      width: 36px;
      height: 36px;
}
.info {
&[data-v-e2b93b80] {
      display: flex;
      flex-direction: column;
      gap: 2px;
      overflow: hidden;
}
&[data-v-e2b93b80] .text {
        text-overflow: ellipsis;
        overflow: hidden;
}
}
}

.order-item-list[data-v-e9a409f6] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 4px;
    padding: 16px;
}

.order-card-item-list-title[data-v-e7d66074] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

.order-card-item-completed {
&[data-v-ce1fc2a3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
.divider[data-v-ce1fc2a3] {
      height: 1px;
      width: 100%;
      background-color: var(--sf-base-border-primary);
}
.size-list-container[data-v-ce1fc2a3] {
      display: flex;
      flex-direction: column;
      gap: 8px;
}
.size-list[data-v-ce1fc2a3] {
      display: flex;
      gap: 8px;
      flex-wrap: wrap;
}
}

.order-card-status[data-v-d9169da8] {
    padding: 4px 8px;
    font-weight: 600;
    white-space: nowrap;
}

.order-card-completed {
&[data-v-e80aae47] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    overflow-y: hidden;
}
.content[data-v-e80aae47] {
      display: flex;
      flex-direction: column;
      flex: 1;
      background-color: var(--sf-base-background-primary);
      overflow-y: auto;
}
.info {
&[data-v-e80aae47] {
      display: flex;
      flex-direction: column;
      padding: 0 16px 16px;
      gap: 8px;
      background-color: var(--sf-base-background-white);
      border-radius: 0 0 16px 16px;
}
.status-date[data-v-e80aae47] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.number-route-container[data-v-e80aae47] {
        display: flex;
        justify-content: space-between;
}
.number-route[data-v-e80aae47] {
        display: flex;
        flex-direction: column;
        gap: 6px;
}
.divider[data-v-e80aae47] {
        margin: 8px 0 7px;
        border: 0;
        border-bottom: 1px solid var(--sf-base-border-primary);
}
}
}

.order-card-item-created {
&[data-v-21291e42] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 12px;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
.good-list[data-v-21291e42] {
      display: flex;
      gap: 4px;
      flex-wrap: wrap;
}
}

.order-card-created-footer {
&[data-v-106aaae1] {
    padding: 16px;
    border-radius: 16px 16px 0 0;
    background-color: var(--sf-base-background-white);
    position: sticky;
    bottom: 0;
}
&[data-v-106aaae1] .button {
      width: 100%;
}
&[data-v-106aaae1] .icon {
      stroke: var(--sf-base-icon-white);
}
}

.order-card-created {
&[data-v-b2002d66] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    overflow-y: hidden;
}
.content[data-v-b2002d66] {
      display: flex;
      flex-direction: column;
      flex: 1;
      background-color: var(--sf-base-background-primary);
      overflow-y: auto;
}
.info {
&[data-v-b2002d66] {
      display: flex;
      flex-direction: column;
      padding: 0 16px 16px;
      gap: 8px;
      background-color: var(--sf-base-background-white);
      border-radius: 0 0 16px 16px;
}
.status-date[data-v-b2002d66] {
        display: flex;
        justify-content: space-between;
        align-items: center;
}
.number-route-container[data-v-b2002d66] {
        display: flex;
        justify-content: space-between;
}
.number-route[data-v-b2002d66] {
        display: flex;
        flex-direction: column;
        gap: 6px;
}
.divider[data-v-b2002d66] {
        margin: 8px 0 7px;
        border: 0;
        border-bottom: 1px solid var(--sf-base-border-primary);
}
}
}

.order-completed {
&[data-v-aff8376a] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 8px;
    padding: 16px;
}
.content[data-v-aff8376a] {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      flex: 1;
      gap: 24px;
}
.description[data-v-aff8376a] {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
      gap: 8px;
}
&[data-v-aff8376a] .button {
      width: 100%;
}
}

.order-card-widget[data-v-bf184498] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    gap: 8px;
    overflow-y: hidden;
    flex-direction: column;
    z-index: 1;
    background-color: var(--sf-base-background-white);
}

.search-uhf {
&[data-v-31c7c05a] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-main-990);
    position: relative;
}
&[data-v-31c7c05a] .statusbar {
      position: relative;
}
}
.search-uhf--active[data-v-31c7c05a] {
    background-color: var(--sf-main-700);
}
.search-uhf__status-finding[data-v-31c7c05a] {
    width: 600px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition:
      height 0.3s ease-in-out,
      background-color 0.3s ease-in-out;
}
.search-uhf__status-finding__text[data-v-31c7c05a] {
    width: 160px;
    height: 160px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: background-color 0.3s ease-in-out;
    color: #ffffff;
    font-size: 64px;
    font-weight: 600;
}
.search-uhf__content[data-v-31c7c05a] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 20px;
    padding: 8px 16px 16px;
    position: relative;
}
.search-uhf__back-wrapper {
&[data-v-31c7c05a] .button {
      background-color: #575757b2;
      box-shadow:
        0px 4px 24px 0px #00000033,
        0px 8px 32px 0px #0000003d,
        1px 1px 0px 0px #ffffff4d inset,
        -1px -1px 0px 0px #ffffff1a inset;
      backdrop-filter: blur(12px);
}
&[data-v-31c7c05a] .button .button__content .button__inner {
      font-weight: 580;
      font-size: 16px;
      line-height: 20px;
      letter-spacing: 0.16px;
      color: #ffffff;
}
&[data-v-31c7c05a] .icon {
      stroke: #ffffff;
}
}
.search-uhf__info[data-v-31c7c05a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.search-uhf__title[data-v-31c7c05a] {
    font-weight: 500;
    font-size: 32px;
    line-height: 40px;
    color: #ffffff;
}
.search-uhf__description[data-v-31c7c05a] {
    font-weight: 580;
    font-size: 18px;
    line-height: 24px;
    letter-spacing: 0.36px;
    color: #ffffff;
}
.search-uhf__power-on[data-v-31c7c05a] {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    background-color: var(--sf-main-900);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.search-uhf__power-on--active {
&[data-v-31c7c05a] {
    width: 160px;
    height: 160px;
    background-color: var(--sf-main-500);
}
&[data-v-31c7c05a] svg {
      width: 80px;
      height: 80px;
& path {
        fill: var(--sf-main-0);
}
}
}
.search-uhf__footer[data-v-31c7c05a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: auto;
}
.search-uhf__item {
&[data-v-31c7c05a] {
    display: flex;
    gap: 8px;
    padding: 12px;
    border-radius: 16px;
    background-color: var(--sf-base-background-tabbar);
    box-shadow:
      0px 4px 24px 0px #00000033,
      0px 8px 32px 0px #0000003d,
      1px 1px 0px 0px #ffffff4d inset,
      -1px -1px 0px 0px #ffffff1a inset;
    background: #575757b2;
}
&[data-v-31c7c05a] .image {
      width: 52px;
      height: 60px;
}
}
.search-uhf__item__info[data-v-31c7c05a] {
    display: flex;
    gap: 8px;
    flex: 1;
    align-items: center;
    justify-content: center;
}
.search-uhf__item__description[data-v-31c7c05a] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.search-uhf__item__name[data-v-31c7c05a] {
    font-weight: 580;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.16px;
    color: #ffffff;
}
.search-uhf__item__art-col[data-v-31c7c05a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.14px;
    color: #b3b3b3;
}
.search-uhf__item__size-wrapper[data-v-31c7c05a] {
    display: flex;
    padding: 6px 10px;
    border-radius: 8px;
    background-color: #2c2c2c;
}
.search-uhf__item__size[data-v-31c7c05a] {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0.14px;
    color: #ffffff;
}
.search-uhf__close-btn[data-v-31c7c05a] {
    width: 100%;
    background-color: #575757b2;
    border-radius: 12px;
    height: 48px;
    box-shadow:
      0px 4px 24px 0px #00000033,
      0px 8px 32px 0px #0000003d,
      1px 1px 0px 0px #ffffff4d inset,
      -1px -1px 0px 0px #ffffff1a inset;
    border: none;
    display: flex;
    gap: 8px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    box-sizing: border-box;
    overflow: hidden;
    color: #ffffff;
}

.moneymap__item-chart[data-v-1f4457b2] {
    display: flex;
    gap: 10px;
}
.moneymap__item-chart__title {
&[data-v-1f4457b2] {
    width: 56px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: right;
    line-height: 1;
    }
&[data-v-1f4457b2] .text {
      font-weight: 580;
      font-size: 12px;
      letter-spacing: 0.12px;
      text-align: right;
      line-height: inherit;
}
}
.moneymap__item-chart__content[data-v-1f4457b2] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    gap: 3px;
}
.moneymap__item-chart__quantity[data-v-1f4457b2],
  .moneymap__item-chart__amount[data-v-1f4457b2] {
    display: flex;
    gap: 8px;
}
.moneymap__item-chart__amount .moneymap__item-chart__graph[data-v-1f4457b2] {
    background-color: #1998ff;
}
.moneymap__item-chart__quantity .moneymap__item-chart__graph[data-v-1f4457b2] {
    background-color: #7a45e6;
}
.moneymap__item-chart__graph-wrapper[data-v-1f4457b2] {
    display: flex;
    flex: 1;
}
.moneymap__item-chart__graph[data-v-1f4457b2] {
    border-radius: 4px;
    height: 16px;
}
.moneymap__item-chart__count {
&[data-v-1f4457b2] {
    display: flex;
    flex-shrink: 0;
    width: 60px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    }
&[data-v-1f4457b2] .text {
      overflow: hidden;
      text-overflow: ellipsis;
}
}
.moneymap__item-not-data {
&[data-v-1f4457b2] {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--sf-base-background-secondary);
    text-align: center;
    padding: 4px;
    border-radius: 6px;
    }
&[data-v-1f4457b2] .text {
      display: block;
      line-height: 13.5px;
}
}

.moneymap__item[data-v-762f51fa] {
    display: flex;
    flex-direction: column;
    background-color: var(--sf-base-background-white);
    border-radius: 16px;
    box-shadow: var(--sf-shadow-bot-s);
}
.moneymap__item-header[data-v-762f51fa] {
    display: flex;
    gap: 4px;
    padding: 16px 16px 12px 16px;
}
.moneymap__item-name[data-v-762f51fa] {
    display: flex;
    height: fit-content;
    padding: 12px 16px;
    border-radius: 12px;
    background-color: var(--sf-base-background-secondary);
}
.moneymap__item-details {
&[data-v-762f51fa] {
    display: flex;
    flex-direction: column;
    flex: 1;
    align-items: flex-end;
    min-width: 0;
    }
&[data-v-762f51fa] .text {
&:first-of-type {
        font-weight: 600;
        font-style: SemiBold;
        font-size: 28px;
        line-height: 36px;
        letter-spacing: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
}
}
}
.moneymap__item__divider[data-v-762f51fa] {
    height: 1px;
    width: 100%;
    background-color: var(--sf-base-border-secondary);
}
.moneymap__item-chart-list[data-v-762f51fa] {
    display: flex;
    flex-direction: column;
    padding: 16px;
    gap: 12px;
}
.moneymap__item-no-data {
&[data-v-762f51fa] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
    background-color: var(--sf-base-background-primary);
    border-radius: 20px;
    margin: 16px;
    }
&[data-v-762f51fa] .text {
      white-space: pre;
      text-align: center;
}
}

.moneymap__filter-range-item[data-v-f6ca66b8] {
    display: flex;
    gap: 4px;
}
.moneymap__filter-range-item__radio[data-v-f6ca66b8] {
    display: flex;
    gap: 8px;
    flex: 1;
    padding: 12px 16px;
    border-radius: 12px;
    background-color: var(--sf-base-background-primary);
}
.moneymap__filter-range-item__details[data-v-f6ca66b8] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.moneymap__filter-range-item__btn[data-v-f6ca66b8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    background-color: var(--sf-base-background-primary);
    border-radius: 12px;
}

.moneymap__filter-range[data-v-ec9db959] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.moneymap__filter-range__item[data-v-ec9db959] {
    display: flex;
    gap: 8px;
    padding: 12px 16px;
    align-items: center;
}
.moneymap__filter-range__item-details[data-v-ec9db959] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 2px;
}

.moneymap__filter-header[data-v-0d119ed5] {
    display: flex;
    justify-content: center;
}
.moneymap__filter__display-graphs[data-v-0d119ed5],
  .moneymap__filter__range[data-v-0d119ed5] {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.moneymap__filter__list[data-v-0d119ed5] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.moneymap__filter__display-graphs-item[data-v-0d119ed5] {
    padding: 12px 0;
}
.moneymap__filter__actions {
&[data-v-0d119ed5] {
    display: flex;
    gap: 8px;
    }
&[data-v-0d119ed5] .button {
      flex: 1;
}
}

.moneymap__sort-header[data-v-081581f8] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2px;
}
.moneymap__sort-item-list[data-v-081581f8] {
    display: flex;
    flex-direction: column;
}
.moneymap__sort-item[data-v-081581f8] {
    padding: 12px 0;
}

.moneymap[data-v-a87652e8] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    position: relative;
}
.moneymap__item-list[data-v-a87652e8] {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    gap: 8px;
    padding: 16px 8px 64px;
}
.moneymap__action-container[data-v-a87652e8] {
    display: flex;
    gap: 4px;
    position: absolute;
    bottom: 16px;
    right: 16px;
}

.main-page-avatar[data-v-9e62d8e4] {
    width: 48px;
    height: 48px;
    padding: 4px 0 2px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}
.main-page-avatar__store[data-v-9e62d8e4] {
    z-index: 1;
    display: flex;
    justify-content: center;
    padding-top: 2px;
    background-color: var(--sf-base-background-primary);
}
.main-page-avatar__store-badge[data-v-9e62d8e4] {
    display: flex;
    justify-content: center;
    min-width: 36px;
    padding: 1px 3px;
    border-radius: 4px;
    background-color: var(--sf-base-background-dark);
}

.main-page__header {
&[data-v-eda51ebc] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 20px 0 14px;
}
&[data-v-eda51ebc] .avatar {
      position: absolute;
      top: 4px;
}
}

.main-page-switch-location[data-v-a6c3a27b] {
    display: flex;
    padding: 4px;
    gap: 8px;
    width: 200px;
    height: 64px;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    box-shadow: var(--sf-shadow-glass);
    backdrop-filter: var(--sf-shadow-blur-glass);
    background-color: var(--sf-base-background-tabbar);
}
.main-page-switch-location__button-background[data-v-a6c3a27b] {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 100px;
    height: 56px;
    border-radius: 24px;
    background-color: var(--sf-base-background-white);
    box-shadow: var(--sf-shadow-bot-s);
    z-index: 0;
    transition: transform 0.4s cubic-bezier(0.2, 1.25, 0.6, 1);
    will-change: transform;
}
.main-page-switch-location__button-background--left[data-v-a6c3a27b] {
    transform: translateX(0);
}
.main-page-switch-location__button-background--right[data-v-a6c3a27b] {
    transform: translateX(92px);
}
.main-page-switch-location__button {
&[data-v-a6c3a27b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    background: none;
    z-index: 1;
    }
&[data-v-a6c3a27b] .icon {
      stroke: var(--sf-base-icon-secondary);
}
}
.main-page-switch-location__button--active {
&[data-v-a6c3a27b] {
    color: var(--sf-base-text-primary);
    }
&[data-v-a6c3a27b] .icon {
      stroke: var(--sf-base-icon-primary);
}
&[data-v-a6c3a27b] .text {
      color: var(--sf-base-text-primary);
}
}

.main-page-action {
&[data-v-fc41eb56] {
    display: flex;
    align-items: center;
    padding: 12px;
    border-radius: 16px;
    position: relative;
    gap: 8px;
    background-color: var(--sf-base-background-white);
}
& .text[data-v-fc41eb56-s] {
      overflow: hidden;
      text-overflow: ellipsis;
}
&[disabled="true"][data-v-fc41eb56] {
      opacity: 0.4;
      cursor: not-allowed;
}
}

.badge-new[data-v-df80afc9] {
    position: absolute;
    right: 12px;
    background-color: var(--sf-base-icon-error);
    border-radius: 100px;
    padding: 2px;
    min-width: 20px;
    text-align: center;
}

.main-page-action-alarming[data-v-d5663a5e] {
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
.main-page-action-alarming__header[data-v-d5663a5e] {
    display: flex;
    gap: 8px;
    align-items: center;
    padding: 12px;
}
.main-page-action-alarming__actions[data-v-d5663a5e] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    padding: 0 8px 8px;
}

  /* 1 элемент - занимает всю строку */
.main-page-action-alarming__actions[data-v-d5663a5e] > *:only-child {
    grid-column: 1 / -1;
}

  /* 3 элемент (когда он последний) - занимает всю вторую строку */
.main-page-action-alarming__actions[data-v-d5663a5e] > *:nth-child(3):nth-last-child(1) {
    grid-column: 1 / -1;
}
.main-page-action-alarming__action[data-v-d5663a5e] {
    border-radius: 12px;
    background-color: var(--sf-base-background-primary);
    padding: 12px 8px;
    height: 44px;
}

.main-page-menu-shopfloor[data-v-11e3556a] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 16px 16px 96px;
}

.main-page-menu-store[data-v-97507c29] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    padding: 16px 16px 96px;
}
.main-page-menu-store__orders-carousel[data-v-97507c29] {
    overflow: hidden;
    user-select: none;
    flex-shrink: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.main-page-menu-store__orders[data-v-97507c29] {
    display: flex;
    gap: 16px;
    transition: transform 0.4s cubic-bezier(0.2, 1.25, 0.6, 1);
    will-change: transform;
}
.main-page-menu-store__orders[data-v-97507c29] > * {
    flex: 0 0 100%;
    box-sizing: border-box;
}
.main-page-menu-store__dots[data-v-97507c29] {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 8px;
}
.main-page-menu-store__dots-container-wrapper[data-v-97507c29] {
    overflow: hidden;
    width: calc(6px * 5 + 8px * 4); /* 5 точек по 6px + 4 gap по 8px = 62px */
    display: flex;
    justify-content: flex-start;
}
.main-page-menu-store__dots-container[data-v-97507c29] {
    display: flex;
    gap: 8px;
    transition: transform 0.4s ease;
}
.main-page-menu-store__dot {
&[data-v-97507c29] {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--sf-base-border-dark);
    flex-shrink: 0;
    transition:
      opacity 0.4s ease,
      transform 0.4s ease;
    opacity: 0.4;
    }
&.active[data-v-97507c29] {
      opacity: 1;
}
}

.user-location-modal__header[data-v-48f7bdec] {
    padding: 3px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.user-location-modal__content {
&[data-v-48f7bdec] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    }
.row {
&[data-v-48f7bdec] {
      display: flex;
      justify-content: space-between;
      gap: 8px;
      padding: 16px;
      border-radius: 12px;
      background-color: var(--sf-base-background-primary);
        }
&[data-v-48f7bdec] .checkbox {
        pointer-events: none;
}
}
.divider {
&[data-v-48f7bdec] {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 12px;
        }
hr[data-v-48f7bdec] {
        border-top: 1px dashed var(--sf-base-border-dark);
        flex: 1;
}
}
.section {
&[data-v-48f7bdec] {
      display: flex;
      flex-direction: column;
      gap: 4px;
        }
&[data-v-48f7bdec] >  .text {
        margin-bottom: 8px;
}
}
&[data-v-48f7bdec] .button {
      width: 100%;
}
}
.user-location-modal__close {
&[data-v-48f7bdec] {
    padding: 16px 0;
    }
&[data-v-48f7bdec] .button {
      width: 100%;
}
}
.user-location-modal__actions {
&[data-v-48f7bdec] .button {
      width: 100%;
}
}

.user-info_header[data-v-6f5c6276] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.user-info_block[data-v-6f5c6276] {
    display: flex;
    gap: 16px;
    align-items: center;
}
.user-info_block .user-info_avatar[data-v-6f5c6276] {
    flex-shrink: 0;
}
.user-info_block .user-info_description[data-v-6f5c6276] {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
.user-info_block .user-info_description span[data-v-6f5c6276] {
    text-overflow: ellipsis;
    overflow: hidden;
}
.user-info_block .user-info_description span[data-v-6f5c6276]:first-of-type {
    padding-right: 30px;
}
.user-info_actions[data-v-6f5c6276] {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.user-info_actions .user-info_action[data-v-6f5c6276] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 12px 0;
}
.user-info_actions .user-info_action:last-of-type svg[data-v-6f5c6276] {
    stroke: var(--sf-base-icon-error);
}
.user-info_location {
&[data-v-6f5c6276] {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 12px;
    border-radius: 12px;
    background-color: var(--sf-base-background-success);
    }
&[data-v-6f5c6276]::before {
      content: "";
      background-color: var(--sf-toast-text-success);
      width: 4px;
      height: 4px;
      border-radius: 50%;
}
&[data-v-6f5c6276] .text {
      color: var(--sf-toast-text-success);
}
&[data-v-6f5c6276] .icon {
      margin-left: auto;
}
&[data-v-6f5c6276] .icon path {
      stroke: var(--sf-toast-text-success);
}
}

.main-page[data-v-028a4591] {
    display: flex;
    flex-direction: column;
    flex: 1;
    overflow: hidden;
    position: relative;
    background-color: var(--sf-base-background-primary);
}
.main-page__content[data-v-028a4591] {
    flex: 1;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
.main-page__menu-wrapper[data-v-028a4591] {
    display: flex;
    flex-direction: column;
    flex: 1;
    user-select: none;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}
.main-page__menu-list[data-v-028a4591] {
    display: flex;
    flex: 1;
    transition: transform 0.4s cubic-bezier(0.2, 1.25, 0.6, 1);
    will-change: transform;
    height: 100%;
}
.main-page__menu-list[data-v-028a4591] > * {
    height: 100%;
    min-height: 0;
}
.main-page__switch-menu-container[data-v-028a4591] {
    position: absolute;
    bottom: 16px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.welcome-page[data-v-9f44fc6c] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-white);
}
.welcome-page__logo[data-v-9f44fc6c] {
    display: flex;
    margin-top: 12px;
    justify-content: center;
    align-items: center;
}
.welcome-page__info[data-v-9f44fc6c] {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0 16px;
    left: 0;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.welcome-page__details[data-v-9f44fc6c] {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.welcome-page__details[data-v-9f44fc6c] .text {
    white-space: break-spaces;
    text-align: center;
}

.home-page[data-v-585a1ce4] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-white);
}
.home-page__content[data-v-585a1ce4] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    justify-content: center;
    align-items: center;
}
.home-page__logo[data-v-585a1ce4] {
    width: 180px;
    height: 40px;
    fill: var(--sf-base-icon-primary);
    opacity: 0;
    transition: opacity 0.6s ease-out;
}
.home-page__logo--show[data-v-585a1ce4] {
    opacity: 1;
}

.forbidden-page[data-v-b7fc1d35] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.forbidden-page__logo[data-v-b7fc1d35] {
    fill: var(--sf-base-icon-primary);
    margin: 0 auto;
    margin-top: 7px;
}
.forbidden-page__content[data-v-b7fc1d35] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 0 16px;
}

.error-page[data-v-316eadd6] {
    display: flex;
    flex-direction: column;
    flex: 1;
}
.error-page__logo[data-v-316eadd6] {
    fill: var(--sf-base-icon-primary);
    margin: 0 auto;
    margin-top: 7px;
}
.error-page__content[data-v-316eadd6] {
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.error-page__footer[data-v-316eadd6] {
    margin-top: auto;
    padding: 16px;
}
.error-page__update-btn[data-v-316eadd6] {
    width: 100%;
}

.device-info-page[data-v-a11a8c07] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-primary);
}
.device-info-page__update-btn[data-v-a11a8c07] {
    position: absolute;
    top: 12px;
    right: 12px;
}
.device-info-page__back[data-v-a11a8c07] {
    display: flex;
    justify-content: space-between;
    padding: 7px 20px;
}
.device-info-page__content[data-v-a11a8c07] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    flex: 1;
    padding: 22px 16px 0;
}
.device-info-page__tile[data-v-a11a8c07] {
    display: flex;
    gap: 8px;
    padding: 8px 12px;
    align-items: center;
}
.device-info-page__description[data-v-a11a8c07] {
    display: flex;
    flex-direction: column;
    flex: 1;
    gap: 2px;
}
.device-info-page__footer[data-v-a11a8c07] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    text-align: center;
    padding: 12px 16px;
}
.device-info-page__footer[data-v-a11a8c07] .button {
    width: 100%;
}

.settings-page[data-v-c6e4068d] {
    display: flex;
    flex-direction: column;
    flex: 1;
    background-color: var(--sf-base-background-primary);
}
.settings-page__content[data-v-c6e4068d] {
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 24px;
    flex: 1;
}
.settings-page__section[data-v-c6e4068d] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.settings-page__section-theme[data-v-c6e4068d] {
    display: flex;
    padding: 16px 4px;
}
.settings-page__section-language[data-v-c6e4068d] {
    padding: 4px 4px;
}
.settings-page__section-theme[data-v-c6e4068d],
  .settings-page__section-language[data-v-c6e4068d] {
    border-radius: 16px;
    background-color: var(--sf-base-background-white);
}
.settings-page__theme-item[data-v-c6e4068d] {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex: 1;
}
.settings-page__theme-item[data-v-c6e4068d] .text {
    margin-top: 12px;
    margin-bottom: 8px;
}
.settings-page__section[data-v-c6e4068d] .radio-btn {
    height: 20px;
    width: 20px;
}
.settings-page__language-item[data-v-c6e4068d] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px 16px;
}
.settings-page__language-item[data-v-c6e4068d] .text {
    flex: 1;
}
:root {
  /* Main - Основные цвета*/
  --sf-main-0: #FFFFFF;
  --sf-main-10: #FAFAFA;
  --sf-main-25: #F7F7F7;
  --sf-main-50: #F0F0F0;
  --sf-main-100: #D9D9D9;
  --sf-main-200: #B3B3B3;
  --sf-main-300: #9C9C9C;
  --sf-main-400: #858585;
  --sf-main-500: #666666;
  --sf-main-600: #575757;
  --sf-main-700: #474747;
  --sf-main-800: #3D3D3D;
  --sf-main-900: #333333;
  --sf-main-925: #2C2C2C;
  --sf-main-950: #242424;
  --sf-main-990: #141414;
  --sf-main-1000: #000000;

  /* Alternative - Вспомогательный цвета с синем оттенком */
  --sf-alt-0: #FFFFFF;
  --sf-alt-10: #F9F9FA;
  --sf-alt-25: #F5F6F6;
  --sf-alt-50: #F3F3F3;
  --sf-alt-100: #D1D6DF;
  --sf-alt-200: #B4BDC9;
  --sf-alt-300: #828690;
  --sf-alt-400: #656A76;
  --sf-alt-500: #3F4554;
  --sf-alt-600: #363B47;
  --sf-alt-700: #2C303B;
  --sf-alt-800: #242934;
  --sf-alt-900: #1E232C;
  --sf-alt-925: #191E27;
  --sf-alt-950: #14161C;
  --sf-alt-990: #141414;
  --sf-alt-1000: #000000;

  /* Success - Цвета для положительных элементов */
  --sf-success-0: #FFFFFF;
  --sf-success-10: #F9FDF7;
  --sf-success-25: #F6FCF2;
  --sf-success-50: #EDF8E6;
  --sf-success-100: #D1EEBF;
  --sf-success-200: #A3DE80;
  --sf-success-300: #A3DE80;
  --sf-success-400: #6CC933;
  --sf-success-500: #47BC00;
  --sf-success-600: #3CA000;
  --sf-success-700: #328400;
  --sf-success-800: #2B7100;
  --sf-success-900: #235E00;
  --sf-success-925: #1F5100;
  --sf-success-950: #194200;
  --sf-success-990: #0E2500;
  --sf-success-1000: #000000;

  /* Warning - Цвета для привлечения внимания */
  --sf-warning-0: #FFFFFF;
  --sf-warning-10: #FFFDF8;
  --sf-warning-25: #FEFBF3;
  --sf-warning-50: #FEF7E6;
  --sf-warning-100: #FCECC1;
  --sf-warning-200: #FAD884;
  --sf-warning-300: #F9CC5E;
  --sf-warning-400: #F7C139;
  --sf-warning-500: #F5B108;
  --sf-warning-600: #D09607;
  --sf-warning-700: #AC7C06;
  --sf-warning-800: #936A05;
  --sf-warning-900: #7A5804;
  --sf-warning-925: #694C03;
  --sf-warning-950: #563E03;
  --sf-warning-990: #312302;
  --sf-warning-1000: #000000;

  /* Error - Цвета ошибок */
  --sf-error-0: #FFFFFF;
  --sf-error-10: #FFFAF9;
  --sf-error-25: #FFF6F5;
  --sf-error-50: #FEEDEB;
  --sf-error-100: #FED3CE;
  --sf-error-200: #FCA79C;
  --sf-error-300: #FC8C7E;
  --sf-error-400: #FB7161;
  --sf-error-500: #FA4E39;
  --sf-error-600: #D44230;
  --sf-error-700: #AF3728;
  --sf-error-800: #962F22;
  --sf-error-900: #7D271D;
  --sf-error-925: #6C2219;
  --sf-error-950: #571B14;
  --sf-error-990: #32100B;
  --sf-error-1000: #000000;

  /* Info - Цвета для информационных элементов */
  --sf-info-0: #FFFFFF;
  --sf-info-10: #F8FCFF;
  --sf-info-25: #F4FAFF;
  --sf-info-50: #E8F5FF;
  --sf-info-100: #C6E5FF;
  --sf-info-200: #8CCBFF;
  --sf-info-300: #6ABCFF;
  --sf-info-400: #47ADFF;
  --sf-info-500: #1998FF;
  --sf-info-600: #1581D9;
  --sf-info-700: #116AB3;
  --sf-info-800: #0F5B99;
  --sf-info-900: #0C4C80;
  --sf-info-925: #0B416E;
  --sf-info-950: #093559;
  --sf-info-990: #051E33;
  --sf-info-1000: #000000;
}
:root[data-theme="dark"] {
  /* ---base shadow--- */
  --sf-shadow-top-s: 0px -4px 16px 0px #0000003d;
  --sf-shadow-top-m: 6px -2px 24px 0px #0000003d, -6px -6px 24px 0px #0000003d;
  --sf-shadow-bot-s: 0px 8px 16px 0px #0000003d;
  --sf-shadow-bot-m: 0px 4px 24px 0px #00000033, 0px 8px 32px 0px #0000003d;
  --sf-shadow-right-m: 12px 0px 16px 0px #14141433;
  --sf-shadow-left-m: -12px 0px 16px 0px #14141433;
  --sf-shadow-glass:
  -1px -1px 0 0 rgba(255, 255, 255, 0.10) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.30) inset, 0 8px 32px 0 rgba(0, 0, 0, 0.24), 0 4px 24px 0 rgba(0, 0, 0, 0.20);
  --sf-shadow-blur-glass: blur(6px);
  /* ---base background--- */
  --sf-base-background-primary: var(--sf-main-950);
  --sf-base-background-secondary: var(--sf-main-925);
  --sf-base-background-dark: var(--sf-main-100);
  --sf-base-background-white: var(--sf-main-900);
  --sf-base-background-black: var(--sf-alt-50);
  --sf-base-background-card: #14141499;
  --sf-base-background-modal: #2c2c2c99;
  --sf-base-background-success: var(--sf-success-200);
  --sf-base-background-warning: var(--sf-warning-200);
  --sf-base-background-error: var(--sf-error-200);
  --sf-base-background-info: var(--sf-info-200);
  --sf-base-background-loader: #66666680;
  --sf-base-background-tabbar: #575757b2;
  /* ---base border--- */
  --sf-base-border-primary: var(--sf-alt-400);
  --sf-base-border-secondary: var(--sf-main-600);
  --sf-base-border-dark: var(--sf-alt-200);
  --sf-base-border-black: var(--sf-alt-0);
  --sf-base-border-success: var(--sf-success-600);
  --sf-base-border-warning: var(--sf-warning-600);
  --sf-base-border-error: var(--sf-error-600);
  /* ---base text--- */
  --sf-base-text-primary: var(--sf-main-0);
  --sf-base-text-secondary: var(--sf-main-200);
  --sf-base-text-tertiary: var(--sf-main-400);
  --sf-base-text-white: var(--sf-main-990);
  --sf-base-text-success: var(--sf-success-400);
  --sf-base-text-warning: var(--sf-warning-400);
  --sf-base-text-error: var(--sf-error-400);
  --sf-base-text-info: var(--sf-info-400);
  /* ---base icon--- */
  --sf-base-icon-primary: var(--sf-alt-25);
  --sf-base-icon-secondary: var(--sf-main-200);
  --sf-base-icon-tertiary: var(--sf-main-300);
  --sf-base-icon-white: var(--sf-main-990);
  --sf-base-icon-success: var(--sf-success-400);
  --sf-base-icon-warning: var(--sf-warning-400);
  --sf-base-icon-error: var(--sf-error-400);
  --sf-base-icon-info: var(--sf-info-400);
  /* ---button primary background--- */
  --sf-button-primary-background-default: var(--sf-main-50);
  --sf-button-primary-background-hover: var(--sf-main-100);
  --sf-button-primary-background-pressed: var(--sf-main-200);
  --sf-button-primary-background-disabled: var(--sf-main-500);
  /* ---button secondary background--- */
  --sf-button-secondary-background-default: var(--sf-main-900);
  --sf-button-secondary-background-hover: var(--sf-main-950);
  --sf-button-secondary-background-pressed: var(--sf-main-925);
  --sf-button-secondary-background-disabled: var(--sf-main-900);
  /* ---button tertiary background--- */
  --sf-button-tertiary-background-default: var(--sf-main-950);
  --sf-button-tertiary-background-hover: var(--sf-main-925);
  --sf-button-tertiary-background-pressed: var(--sf-main-800);
  --sf-button-tertiary-background-disabled: var(--sf-main-900);
  /* ---button negative background--- */
  --sf-button-negative-background-default: var(--sf-error-400);
  --sf-button-negative-background-hover: var(--sf-error-300);
  --sf-button-negative-background-pressed: var(--sf-error-200);
  --sf-button-negative-background-disabled: var(--sf-error-200);
  /* ---button negative foreground--- */
  --sf-button-negative-foreground-default: var(--sf-error-950);
  --sf-button-negative-foreground-hover: var(--sf-error-950);
  --sf-button-negative-foreground-pressed: var(--sf-error-950);
  --sf-button-negative-foreground-disabled: var(--sf-error-100);
  /* ---button page background--- */
  --sf-button-page-background-default: var(--sf-main-925);
  --sf-button-page-background-hover: var(--sf-main-800);
  --sf-button-page-background-pressed: var(--sf-main-800);
  --sf-button-page-background-disabled: var(--sf-main-950);
  /* ---button page foreground--- */
  --sf-button-page-foreground-default: var(--sf-main-0);
  --sf-button-page-foreground-hover: var(--sf-main-0);
  --sf-button-page-foreground-pressed: var(--sf-main-100);
  --sf-button-page-foreground-disabled: var(--sf-main-600);
  /* ---tag background--- */
  --sf-tag-background-success: var(--sf-success-300);
  --sf-tag-background-neutral: var(--sf-alt-200);
  --sf-tag-background-warning: var(--sf-warning-300);
  --sf-tag-background-error: var(--sf-error-300);
  --sf-tag-background-black: var(--sf-main-50);
  /* ---tag text--- */
  --sf-tag-text-neutral: var(--sf-alt-950);
  --sf-tag-text-success: var(--sf-success-950);
  --sf-tag-text-warning: var(--sf-warning-950);
  --sf-tag-text-error: var(--sf-error-950);
  --sf-tag-text-black: var(--sf-main-950);
  /* ---control background--- */
  --sf-control-background-default: var(--sf-main-800);
  --sf-control-background-hover: var(--sf-main-700);
  --sf-control-background-disabled: var(--sf-main-600);
  --sf-control-background-active-default: var(--sf-main-50);
  --sf-control-background-active-hover: var(--sf-main-100);
  --sf-control-background-active-disabled: var(--sf-main-400);
  /* ---size background--- */
  /* старый --sf-size-background-success */
  --sf-size-background-success: var(--sf-success-100);
  --sf-size-background-success-default: var(--sf-success-200);
  --sf-size-background-success-hover: var(--sf-success-300);
  /* старый --sf-size-background-warning */
  --sf-size-background-warning: var(--sf-warning-100);
  --sf-size-background-warning-default: var(--sf-warning-200);
  --sf-size-background-warning-hover: var(--sf-warning-300);
  /* старый --sf-size-background-error */
  --sf-size-background-error: var(--sf-error-100);
  --sf-size-background-error-default: var(--sf-error-200);
  --sf-size-background-error-hover: var(--sf-error-300);
  /* ---size text--- */
  --sf-size-text-success: var(--sf-success-950);
  --sf-size-text-warning: var(--sf-warning-950);
  --sf-size-text-error: var(--sf-error-950);
  /* ---size picker background--- */
  --sf-size-picker-background-default: var(--sf-main-900);
  --sf-size-picker-background-active: var(--sf-main-50);
  /* ---segment background--- */
  --sf-segment-background-default: var(--sf-main-800);
  --sf-segment-background-hover: var(--sf-main-900);
  --sf-segment-background-active-default: var(--sf-main-50);
  --sf-segment-background-active-hover: var(--sf-main-100);
  /* ---dropdown--- */
  --sf-dropdown-background: var(--sf-main-700);
  --sf-dropdown-item-hover: var(--sf-main-600);
  --sf-dropdown-item-pressed: var(--sf-main-500);
  /* ---toast icon--- */
  --sf-toast-icon-success: var(--sf-main-200);
  --sf-toast-icon-warning: var(--sf-main-200);
  --sf-toast-icon-error: var(--sf-main-200);
  /* ---toast icon background--- */
  --sf-toast-icon-background-info: var(--sf-info-800);
  /* ---toast background--- */
  --sf-toast-background-success: var(--sf-success-800);
  --sf-toast-background-warning: var(--sf-warning-800);
  --sf-toast-background-error: var(--sf-error-800);
  /* ---toast text--- */
  --sf-toast-text-success: var(--sf-success-700);
  --sf-toast-text-warning: var(--sf-warning-700);
  --sf-toast-text-error: var(--sf-error-700);
  /* ---chart--- */
  --sf-chart-primary: var(--sf-main-100);
  --sf-chart-secondary: var(--sf-main-600);
  --sf-chart-success: var(--sf-success-600);
  /* ---token background--- */
  --sf-token-background: var(--sf-main-700);
  /* ---illustration--- */
  --sf-illustration-primary-border: var(--sf-alt-50);
  --sf-illustration-primary-background-primary: var(--sf-alt-400);
  --sf-illustration-primary-background-secondary: var(--sf-main-500);
  --sf-illustration-secondary-border: var(--sf-main-100);
  --sf-illustration-secondary-background-primary: var(--sf-main-700);
  --sf-illustration-secondary-background-secondary: var(--sf-main-600);
  /* ---input primary--- */
  --sf-input-primary-background-default: var(--sf-main-950);
  --sf-input-primary-background-hover: var(--sf-main-925);
  --sf-input-primary-background-pressed: var(--sf-main-925);
  --sf-input-primary-background-disabled: var(--sf-main-950);
  /* ---input secondary--- */
  --sf-input-secondary-background-default: var(--sf-main-925);
  --sf-input-secondary-background-hover: var(--sf-main-925);
  --sf-input-secondary-background-pressed: var(--sf-main-925);
  --sf-input-secondary-background-disabled: var(--sf-main-925);
  /* ---chips--- */
  --sf-chips-background-default: var(--sf-main-950);
  --sf-chips-background-hover: var(--sf-main-925);
  --sf-chips-background-disabled: var(--sf-main-800);
  --sf-chips-background-active-default: var(--sf-main-50);
  --sf-chips-background-active-hover: var(--sf-main-100);
  --sf-chips-background-active-disabled: var(--sf-main-400);
}
:root[data-theme="light"] {
  /* ---base shadow--- */
  --sf-shadow-top-s: 0px -4px 8px 0px #3232320d;
  --sf-shadow-top-m: 6px -2px 12px 0px #3232320f, -6px -6px 12px 0px #3232320f;
  --sf-shadow-bot-s: 0px 0px 6px 0px #3f455414, 0px 8px 12px 0px #3f455414;
  --sf-shadow-bot-m: 0px 4px 16px 0px #3f45540f, 0px 8px 32px 0px #3f45541f;
  --sf-shadow-right-m: 8px -6px 12px 0px #3232320f, 8px 6px 12px 0px #3232320f;
  --sf-shadow-left-m: -8px -6px 12px 0px #3232320f, -8px 6px 12px 0px #3232320f;
  --sf-shadow-glass:
  -1px -1px 0 0 rgba(255, 255, 255, 0.40) inset, 1px 1px 0 0 rgba(255, 255, 255, 0.60) inset, 0 8px 20px 0 rgba(63, 69, 84, 0.18), 0 0 3px 0 rgba(63, 69, 84, 0.12);
  --sf-shadow-blur-glass: blur(6px);
  /* ---base background--- */
  --sf-base-background-primary: var(--sf-main-25);
  --sf-base-background-secondary: var(--sf-main-50);
  --sf-base-background-dark: var(--sf-main-700);
  --sf-base-background-white: var(--sf-main-0);
  --sf-base-background-black: var(--sf-main-990);
  --sf-base-background-card: #f7f7f799;
  --sf-base-background-modal: #14141466;
  --sf-base-background-success: var(--sf-success-50);
  --sf-base-background-warning: var(--sf-warning-50);
  --sf-base-background-error: var(--sf-error-50);
  --sf-base-background-info: var(--sf-info-50);
  --sf-base-background-loader: #ffffff80;
  --sf-base-background-tabbar: #edededb2;

  /* ---base border--- */
  --sf-base-border-primary: var(--sf-alt-100);
  --sf-base-border-secondary: var(--sf-main-50);
  --sf-base-border-dark: var(--sf-alt-300);
  --sf-base-border-black: var(--sf-main-990);
  --sf-base-border-success: var(--sf-success-600);
  --sf-base-border-warning: var(--sf-warning-600);
  --sf-base-border-error: var(--sf-error-600);
  /* ---base text--- */
  --sf-base-text-primary: var(--sf-main-990);
  --sf-base-text-secondary: var(--sf-alt-300);
  --sf-base-text-tertiary: var(--sf-main-200);
  --sf-base-text-white: var(--sf-main-0);
  --sf-base-text-success: var(--sf-success-500);
  --sf-base-text-warning: var(--sf-warning-500);
  --sf-base-text-error: var(--sf-error-500);
  --sf-base-text-info: var(--sf-info-500);
  /* ---base icon--- */
  --sf-base-icon-primary: var(--sf-alt-700);
  --sf-base-icon-secondary: var(--sf-alt-300);
  --sf-base-icon-tertiary: var(--sf-alt-100);
  --sf-base-icon-white: var(--sf-main-0);
  --sf-base-icon-success: var(--sf-success-500);
  --sf-base-icon-warning: var(--sf-warning-500);
  --sf-base-icon-error: var(--sf-error-500);
  --sf-base-icon-info: var(--sf-info-500);
  /* ---button primary background--- */
  --sf-button-primary-background-default: var(--sf-main-990);
  --sf-button-primary-background-hover: var(--sf-main-900);
  --sf-button-primary-background-pressed: var(--sf-main-800);
  --sf-button-primary-background-disabled: var(--sf-main-200);
  /* ---button secondary background--- */
  --sf-button-secondary-background-default: var(--sf-main-0);
  --sf-button-secondary-background-hover: var(--sf-main-25);
  --sf-button-secondary-background-pressed: var(--sf-main-50);
  --sf-button-secondary-background-disabled: var(--sf-main-0);
  /* ---button tertiary background--- */
  --sf-button-tertiary-background-default: var(--sf-main-25);
  --sf-button-tertiary-background-hover: var(--sf-main-50);
  --sf-button-tertiary-background-pressed: var(--sf-main-100);
  --sf-button-tertiary-background-disabled: var(--sf-main-0);
  /* ---button negative background--- */
  --sf-button-negative-background-default: var(--sf-error-500);
  --sf-button-negative-background-hover: var(--sf-error-600);
  --sf-button-negative-background-pressed: var(--sf-error-700);
  --sf-button-negative-background-disabled: var(--sf-error-100);
  /* ---button negative foreground--- */
  --sf-button-negative-foreground-default: var(--sf-main-0);
  --sf-button-negative-foreground-hover: var(--sf-main-0);
  --sf-button-negative-foreground-pressed: var(--sf-main-0);
  --sf-button-negative-foreground-disabled: var(--sf-main-0);
  /* ---button page background--- */
  --sf-button-page-background-default: var(--sf-main-50);
  --sf-button-page-background-hover: var(--sf-main-100);
  --sf-button-page-background-pressed: var(--sf-main-100);
  --sf-button-page-background-disabled: var(--sf-main-25);
  /* ---button page foreground--- */
  --sf-button-page-foreground-default: var(--sf-main-990);
  --sf-button-page-foreground-hover: var(--sf-main-990);
  --sf-button-page-foreground-pressed: var(--sf-main-500);
  --sf-button-page-foreground-disabled: var(--sf-main-100);
  /* ---tag background--- */
  --sf-tag-background-success: var(--sf-success-500);
  --sf-tag-background-neutral: var(--sf-alt-200);
  --sf-tag-background-warning: var(--sf-warning-500);
  --sf-tag-background-error: var(--sf-error-500);
  --sf-tag-background-black: var(--sf-main-990);
  /* ---tag text--- */
  --sf-tag-text-success: var(--sf-main-0);
  --sf-tag-text-neutral: var(--sf-main-0);
  --sf-tag-text-warning: var(--sf-main-0);
  --sf-tag-text-error: var(--sf-main-0);
  --sf-tag-text-black: var(--sf-main-0);
  /* ---control background--- */
  --sf-control-background-default: var(--sf-main-0);
  --sf-control-background-hover: var(--sf-main-25);
  --sf-control-background-disabled: var(--sf-main-50);
  --sf-control-background-active-default: var(--sf-main-950);
  --sf-control-background-active-hover: var(--sf-main-700);
  --sf-control-background-active-disabled: var(--sf-main-100);
  /* ---size background--- */
  /* старый --sf-size-background-success */
  --sf-size-background-success: var(--sf-success-100);
  --sf-size-background-success-default: var(--sf-success-100);
  --sf-size-background-success-hover: var(--sf-success-200);
  /* старый --sf-size-background-warning */
  --sf-size-background-warning: var(--sf-warning-100);
  --sf-size-background-warning-default: var(--sf-warning-100);
  --sf-size-background-warning-hover: var(--sf-warning-200);
  /* старый --sf-size-background-error */
  --sf-size-background-error: var(--sf-error-100);
  --sf-size-background-error-default: var(--sf-error-100);
  --sf-size-background-error-hover: var(--sf-error-200);
  /* ---size text--- */
  --sf-size-text-success: var(--sf-success-990);
  --sf-size-text-warning: var(--sf-warning-990);
  --sf-size-text-error: var(--sf-error-990);
  /* ---size picker background--- */
  --sf-size-picker-background-default: var(--sf-main-25);
  --sf-size-picker-background-active: var(--sf-main-990);
  /* ---segment background--- */
  --sf-segment-background-default: var(--sf-main-0);
  --sf-segment-background-hover: var(--sf-main-25);
  --sf-segment-background-active-default: var(--sf-main-990);
  --sf-segment-background-active-hover: var(--sf-main-700);
  /* ---dropdown--- */
  --sf-dropdown-background: var(--sf-main-0);
  --sf-dropdown-item-hover: var(--sf-alt-10);
  --sf-dropdown-item-pressed: var(--sf-alt-50);
  /* ---toast icon--- */
  --sf-toast-icon-success: var(--sf-main-0);
  --sf-toast-icon-warning: var(--sf-main-0);
  --sf-toast-icon-error: var(--sf-main-0);
  /* ---toast icon background--- */
  --sf-toast-icon-background-info: var(--sf-info-500);
  /* ---toast background--- */
  --sf-toast-background-success: var(--sf-success-500);
  --sf-toast-background-warning: var(--sf-warning-500);
  --sf-toast-background-error: var(--sf-error-500);
  /* ---toast text--- */
  --sf-toast-text-success: var(--sf-success-500);
  --sf-toast-text-warning: var(--sf-warning-500);
  --sf-toast-text-error: var(--sf-error-500);
  /* ---chart--- */
  --sf-chart-primary: var(--sf-alt-200);
  --sf-chart-secondary: var(--sf-main-50);
  --sf-chart-success: var(--sf-success-500);
  /* ---token background--- */
  --sf-token-background: var(--sf-alt-50);
  /* ---illustration--- */
  --sf-illustration-primary-border: var(--sf-alt-700);
  --sf-illustration-primary-background-primary: var(--sf-alt-200);
  --sf-illustration-primary-background-secondary: var(--sf-alt-300);
  --sf-illustration-secondary-border: var(--sf-alt-300);
  --sf-illustration-secondary-background-primary: var(--sf-alt-100);
  --sf-illustration-secondary-background-secondary: var(--sf-alt-200);
  /* ---input primary--- */
  --sf-input-primary-background-default: var(--sf-main-25);
  --sf-input-primary-background-hover: var(--sf-main-50);
  --sf-input-primary-background-pressed: var(--sf-main-50);
  --sf-input-primary-background-disabled: var(--sf-main-25);
  /* ---input secondary--- */
  --sf-input-secondary-background-default: var(--sf-main-50);
  --sf-input-secondary-background-hover: var(--sf-main-50);
  --sf-input-secondary-background-pressed: var(--sf-main-50);
  --sf-input-secondary-background-disabled: var(--sf-main-50);
  /* ---chips--- */
  --sf-chips-background-default: var(--sf-main-25);
  --sf-chips-background-hover: var(--sf-main-50);
  --sf-chips-background-disabled: var(--sf-main-100);
  --sf-chips-background-active-default: var(--sf-main-800);
  --sf-chips-background-active-hover: var(--sf-main-700);
  --sf-chips-background-active-disabled: var(--sf-main-100);
}
* {
  padding: 0px;
  margin: 0px;
  border: none;
  box-sizing: border-box;
  color: var(--sf-base-text-primary);
  user-select: none;

  font-family: Onest;
  font-weight: 400;
  font-size: 16px;
  line-height: 22px;

  /* отключение синий подсветки на мобильных устройствах */
  -webkit-tap-highlight-color: transparent;
  /* отключение контекстного меню на мобильных устройствах */
  -webkit-touch-callout: none;
}

body {
  height: 100vh;
}

/* Иконки */
.icon {
  stroke: var(--sf-base-icon-primary);
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}

/* TODO: попробовать привести к общему виду*/
/* Логотип */
.sf__logo {
  fill: var(--sf-base-icon-white);
}

.sf__logo-shopflow {
  fill: var(--sf-base-text-primary);
}@font-face {
  font-family: Onest;
  src: url("/assets/Onest-VariableFont_wght-BybY81kG.ttf");
}

.heading-H1 {
  font-weight: 700;
  font-size: 48px;
  line-height: 62px;
}

.heading-H2 {
  font-weight: 700; 
  font-size: 40px;
  line-height: 52px;
}

.heading-H3 {
  font-weight: 700;
  font-size: 32px;
  line-height: 42px;    
}

.heading-H4 {
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;  
}

.heading-H5 {
  font-weight: 700;
  font-size: 20px;
  line-height: 26px;   
}

.body-regular-10 {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
  letter-spacing: 0.12px;
}

.body-regular-12 {
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12px;
}

.body-regular-14 {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.14px;   
}

.body-regular-16 {
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.16px;   
}

.body-regular-18 {
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.body-medium-10 {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  letter-spacing: 0.12px; 
}

.body-medium-12 {
  font-weight: 600;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12px; 
}

.body-medium-14 {
  font-weight: 580;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.14px; 
}

.body-medium-16 {
  font-weight: 580;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.16px; 
}

.body-medium-18 {
  font-weight: 580;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;
}

.body-bold-10 {
  font-size: 10px;
  line-height: 14px;
  font-weight: 700;
  letter-spacing: 0.12px; 
}

.body-bold-12 {
  font-weight: 700;
  font-size: 12px;
  line-height: 16px;
  letter-spacing: 0.12px; 
}

.body-bold-14 {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.14px; 
}

.body-bold-16 {
  font-weight: 700;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 0.16px; 
}

.body-bold-18 {
  font-weight: 700;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.36px;  
}

.body-regular-14-mono {
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: -0.98px;
  font-variant-numeric: lining-nums tabular-nums;
}

* {
    padding: 0px;
    margin: 0px;
    border: none;
}
body {
    height: 100vh;
}
#shopflow_go_ui {
    height: 100%;
    overflow: hidden;
}
.sf__main {
    height: 100%;
    display: flex;
    flex-direction: column;
}