@charset "UTF-8";

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Roboto";
  src: url("../fonts/Roboto-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  -webkit-text-fill-color: #333 !important;
}

*,
*:after,
*:before {
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-position: center;
  background-repeat: no-repeat;
}

:root {
  --krasnyy: #e54f4f;
  --oranzhevyy: #ff9c06;
  --zelenyy: #73bd7c;
  --seryy: #a4a4a4;
  --biryuzovyy-500: #0b6870;
  --biryuzovyy-400: #30b0bc;
  --biryuzovyy-300: #44ced9;
  --biryuzovyy-200: #dcf3f5;
  --biryuzovyy-100: #f5fafa;
  --osnovnoy-tekst: #111;
  --vspomogatelnyy-tekst: #435a5c;
  --vtorostepennyy-tekst: #768182;
  --kontur-inputa: #c2caca;
  --kontur-obschiy: #e3e9e9;
  --fon-zelenyy: #f1f8f2;
  --fon-oranzhevyy: #fff5e6;
  --fon-krasnyy: #fceded;
  --fon-seryy: #f6f6f6;
  --belyy: #fff;
  --font-family: "Roboto", sans-serif;
}

html {
  scroll-behavior: smooth;
}

html,
body {
  margin: 0;
  padding: 0;
  font-weight: 400;
  font-family: var(--font-family);
  color: var(--osnovnoy-tekst);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  background-color: #fff;
}

.lock {
  overflow: hidden;
}

.page-content {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

.page-content > * {
  width: 100%;
}

.page-content header.header,
.page-content footer.footer {
  flex-shrink: 0;
}

.page-content main {
  flex-grow: 1;
}

.relative-block {
  position: relative;
}

a,
a:hover {
  text-decoration: none;
}

a {
  color: inherit;
}

*,
*:focus {
  outline: none;
}

a[href^="tel:"],
a[href^="mailto:"] {
  white-space: nowrap;
}

h1,
h2,
h3,
h4,
p,
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

input,
button,
textarea {
  border: none;
  background: none;
  padding: 0;
  box-shadow: none;
  font-family: inherit;
  font-size: inherit;
}

button,
input[type=submit] {
  cursor: pointer;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  font-family: inherit;
  font-size: inherit;
}

input::placeholder,
textarea::placeholder {
  font-family: inherit;
  font-size: inherit;
}

.container {
  width: 100%;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  margin: 0 auto;
}

.container.container-1200 {
  max-width: 80rem;
}

.main-page {
  padding-top: 2.5rem;
  padding-bottom: 3.75rem;
}

.main-page > .container {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.875rem;
}

/*vendore*/

.flex,
.flex-inline,
.flex-column,
.flex-center,
.flex-two-column {
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.flex-center {
  justify-content: center;
}

.flex-column {
  flex-direction: column;
  align-items: flex-start;
}

.flex-inline {
  display: inline-flex;
}

.grow {
  flex-grow: 1;
}

.shrink {
  flex-shrink: 0;
}

.w-100 {
  width: 100% !important;
}

.scroll-x,
.scroll-y {
  overflow: hidden;
  scrollbar-width: thin;
  scrollbar-color: var(--biryuzovyy-300) transparent;
}

.scroll-x::-webkit-scrollbar-track,
.scroll-y::-webkit-scrollbar-track {
  background-color: transparent;
}

.scroll-x::-webkit-scrollbar-thumb,
.scroll-y::-webkit-scrollbar-thumb {
  background: var(--biryuzovyy-300);
}

.scroll-x {
  width: 100%;
  overflow-x: auto;
  padding-bottom: 0.625rem;
}

.scroll-x::-webkit-scrollbar {
  height: 0.625rem;
}

.scroll-y {
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
}

.scroll-y::-webkit-scrollbar {
  width: 0.5rem;
}

.grid-gap-10,
.grid-gap-20,
.grid-gap-30 {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.625rem;
}

.grid-gap-20 {
  row-gap: 1.25rem;
}

.grid-gap-30 {
  row-gap: 1.875rem;
}

.two-columns,
.three-columns,
.four-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.875rem;
}

.three-columns {
  grid-template-columns: repeat(3, 1fr);
}

.four-columns {
  grid-template-columns: repeat(4, 1fr);
}

.buttons-grid {
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}

/*TYPOGRAPHY*/

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  padding: 0;
}

.h1,
.h2,
.h3 {
  font-family: var(--font-family);
  font-weight: 500;
  color: var(--osnovnoy-tekst);
  letter-spacing: 0.01em;
}

.h1 {
  font-size: 2.25rem;
  line-height: 1.17;
}

.h2 {
  font-size: 1.875rem;
  line-height: 1.2;
}

.h3 {
  font-size: 1.5rem;
  line-height: 1.25;
}

.font-11 {
  font-size: 0.6875rem;
}

.font-13,
.muted-13 {
  font-size: 0.8125rem;
  line-height: 1.15;
}

.font-14,
.muted-14 {
  font-size: 0.875rem;
}

.muted-14,
.txt-muted,
.muted-13 {
  color: var(--vtorostepennyy-tekst);
}

.font-15 {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.4;
}

.font-16 {
  font-size: 1rem;
  color: var(--osnovnoy-tekst);
}

.font-18 {
  font-size: 1.125rem;
  color: var(--osnovnoy-tekst);
  line-height: 1.44;
}

.font-20 {
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.01em;
  color: var(--osnovnoy-tekst);
}

.txt-accent {
  color: var(--biryuzovyy-400) !important;
}

.txt-accent svg {
  color: var(--biryuzovyy-400);
}

.txt-red {
  color: var(--krasnyy) !important;
}

.txt-red svg {
  color: var(--krasnyy);
}

.txt-upper {
  text-transform: uppercase;
}

.txt-center {
  text-align: center !important;
}

.link-dotted,
.link-dotted-icon span {
  display: inline-block;
  line-height: 1.63;
  color: var(--biryuzovyy-400);
  border-bottom: 1.5px dashed currentColor;
  transition: 0.3s;
}

.link-dotted-icon {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  align-items: center;
  -moz-column-gap: 0.3125rem;
  column-gap: 0.3125rem;
}

.link-dotted-icon span {
  color: var(--biryuzovyy-300);
  line-height: 1.2;
}

.link-dotted-icon span svg {
  color: var(--biryuzovyy-300);
}

.link-dotted-icon:hover span {
  color: var(--osnovnoy-tekst);
}

.link-dotted-icon:hover svg {
  color: var(--oranzhevyy);
}

.header-wrapper {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.header-wrapper.txt-center {
  align-items: center;
  justify-content: center;
}

.header-wrapper.header-wrapper--row {
  flex-direction: row;
  justify-content: space-between;
}

.link-dotted:hover {
  color: var(--oranzhevyy);
}

.bg-orange,
.box-orange {
  background-color: var(--fon-oranzhevyy) !important;
}

.box-orange {
  border: 1px solid var(--oranzhevyy) !important;
  border-radius: 0.625rem;
  color: #cc7b00 !important;
}

.bg-green,
.box-green {
  background-color: var(--fon-zelenyy) !important;
}

.box-green {
  border: 1px solid var(--zelenyy) !important;
  border-radius: 0.625rem;
  color: #3b8645 !important;
}

.bg-red,
.box-red {
  background-color: var(--fon-krasnyy) !important;
}

.box-red {
  border: 1px solid var(--krasnyy) !important;
  border-radius: 0.625rem;
  color: var(--krasnyy) !important;
}

.bg-grey,
.box-grey {
  background-color: var(--fon-seryy) !important;
}

.box-grey {
  border: 1px solid var(--seryy) !important;
  border-radius: 0.625rem;
  color: #4c4c4c !important;
}

.bg-biruza {
  background-color: var(--biryuzovyy-100) !important;
  border-radius: 0.625rem;
}

.relative-block {
  position: relative;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mt-10 {
  margin-top: 0.625rem;
}

.mt-15 {
  margin-top: 0.9375rem;
}

.mt-20 {
  margin-top: 1.25rem;
}

.mt-25 {
  margin-top: 1.5625rem;
}

.mt-30 {
  margin-top: 1.875rem;
}

.mb-10 {
  margin-bottom: 0.625rem;
}

.mb-15 {
  margin-bottom: 0.9375rem;
}

.mb-20 {
  margin-bottom: 1.25rem;
}

.mb-25 {
  margin-bottom: 1.5625rem;
}

.mb-30 {
  margin-bottom: 1.875rem;
}

.py-30 {
  padding-block: 1.875rem;
}

.pt-30 {
  padding-top: 1.875rem;
}

.pt-20 {
  padding-top: 1.25rem;
}

.pb-30 {
  padding-bottom: 1.875rem;
}

.pb-20 {
  padding-bottom: 1.25rem;
}

.border-block {
  border-top: 1px solid var(--kontur-obschiy);
  border-bottom: 1px solid var(--kontur-obschiy);
}

svg {
  display: inline-block;
  transition: 0.3s;
}

.svg-logo {
  width: 10rem;
  height: 4.875rem;
}

.svg-user,
.svg-lock,
.svg-copy,
.svg-exit {
  color: var(--biryuzovyy-300);
  width: 1.25rem;
  height: 1.25rem;
  fill: transparent;
}

.svg-right,
.svg-left {
  width: 0.8125rem;
  height: 2.0625rem;
  color: white;
  fill: transparent;
}

.svg-copy {
  width: 1.625rem;
  height: 1.625rem;
}

.svg-exit {
  width: 1rem;
  height: 1rem;
}

.svg-cross {
  color: #E54F4F;
  width: 1.375rem;
  height: 1.375rem;
}

.svg-plus,
.svg-minus {
  color: var(--biryuzovyy-300);
  fill: transparent;
  width: 1rem;
  height: 1rem;
}

.svg-check,
.svg-check-fill {
  color: #73BD7C;
  width: 1.125rem;
  height: 1.125rem;
  fill: transparent;
}

.svg-empty {
  color: #768182;
  width: 1.375rem;
  height: 1.375rem;
  fill: transparent;
}

.svg-eye-of,
.svg-eye {
  width: 1.625rem;
  height: 1.625rem;
  color: #C2CACA;
  fill: transparent;
}

.svg-eye {
  color: var(--biryuzovyy-300);
  fill: transparent;
}

.svg-bin {
  width: 26px;
  height: 26px;
  color: var(--biryuzovyy-300);
  fill: transparent;
}

.svg-up,
.svg-down {
  color: #A1BBBD;
  width: 10px;
  height: 14px;
  fill: transparent;
}

.svg-search,
.svg-edit,
.svg-calendar,
.svg-attach,
.svg-history,
.svg-settings {
  color: var(--biryuzovyy-300);
  width: 1.375rem;
  height: 1.375rem;
  fill: transparent;
}

.svg-history,
.svg-settings {
  width: 1.25rem;
  height: 1.25rem;
}

.svg-history:hover,
.svg-settings:hover {
  color: var(--oranzhevyy);
}

.svg-download {
  width: 1.125rem;
  height: 1.125rem;
  color: var(--biryuzovyy-300);
}

.svg-load {
  width: 3.125rem;
  height: 3.125rem;
  fill: transparent;
  color: var(--biryuzovyy-300);
}

.svg-note {
  width: 1.125rem;
  height: 1.125rem;
  fill: transparent;
  color: var(--krasnyy);
}

.svg-camera {
  width: 3rem;
  height: 3rem;
  fill: transparent;
  color: #44CED9;
}

span.icon-settings {
  width: 1.25rem;
  height: 1.25rem;
  display: inline-block;
  background-image: url("../img/icons/settings.webp");
  background-position: center;
  background-size: 1.1875rem;
}

.icon-calendar {
  display: block;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M19.25 9.16671H2.75M14.6667 1.83337V5.50004M7.33333 1.83337V5.50004M7.15 20.1667H14.85C16.3902 20.1667 17.1602 20.1667 17.7485 19.867C18.266 19.6033 18.6866 19.1827 18.9503 18.6652C19.25 18.0769 19.25 17.3069 19.25 15.7667V8.06671C19.25 6.52656 19.25 5.75649 18.9503 5.16823C18.6866 4.65079 18.266 4.23009 17.7485 3.96644C17.1602 3.66671 16.3902 3.66671 14.85 3.66671H7.15C5.60985 3.66671 4.83978 3.66671 4.25153 3.96644C3.73408 4.23009 3.31338 4.65079 3.04973 5.16823C2.75 5.75649 2.75 6.52656 2.75 8.06671V15.7667C2.75 17.3069 2.75 18.0769 3.04973 18.6652C3.31338 19.1827 3.73408 19.6033 4.25153 19.867C4.83978 20.1667 5.60985 20.1667 7.15 20.1667Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.btn,
.btn-outline {
  display: inline-flex;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
  align-items: center;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
  border-radius: 0.625rem;
  height: 3.75rem;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
  transition: 0.3s;
  border: 2px solid var(--biryuzovyy-300);
  font-weight: 400;
  font-size: 1.125rem;
  overflow: hidden;
}

.btn[disabled],
.btn-outline[disabled] {
  opacity: 0.3;
  pointer-events: none;
  cursor: default;
}

.btn[disabled]:hover,
.btn-outline[disabled]:hover {
  opacity: 1;
}

.btn {
  background: var(--biryuzovyy-300);
  color: var(--belyy);
}

.btn svg {
  color: var(--belyy);
  width: 1.125rem;
  height: 1.125rem;
}

.btn:hover {
  background: var(--oranzhevyy);
  border-color: var(--oranzhevyy);
}

.btn:focus {
  background: #e48900;
  border-color: #e48900;
}

.btn-outline {
  color: var(--biryuzovyy-400);
}

.btn-outline:hover {
  background: white;
  color: var(--oranzhevyy);
  border-color: var(--oranzhevyy);
}

.btn-outline:focus {
  background: var(--oranzhevyy);
  color: var(--belyy);
  border-color: var(--oranzhevyy);
}

.btn-slim {
  height: 2.875rem;
  font-size: 1rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

*.loader {
  position: relative;
  background: var(--oranzhevyy);
  border: 2px solid var(--oranzhevyy);
  color: transparent;
  cursor: pointer;
  pointer-events: none;
}

*.loader svg {
  color: transparent;
}

.generate-btn {
  font-size: 15px;
  line-height: 127%;
  color: var(--biryuzovyy-500);
  padding-left: 1.625rem;
  padding-right: 1.625rem;
  border-radius: 0.625rem;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 2.875rem;
  transition: 0.3s;
  background: var(--biryuzovyy-200);
  flex-shrink: 0;
}

.generate-btn:hover {
  color: var(--belyy);
  background: var(--biryuzovyy-300);
}

.generate-btn:focus {
  color: var(--belyy);
  background: var(--biryuzovyy-400);
}

.buttons-row {
  display: flex;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  align-items: center;
}

.loader:before {
  content: "";
  display: block;
  width: 1.875rem;
  height: 1.875rem;
  animation-name: rotate;
  animation-iteration-count: infinite;
  animation-duration: 3s;
  position: absolute;
  transform: rotate(0);
  background-image: url("../img/btn-spinner.webp");
  background-size: 1.875rem;
}

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

.btn-remove,
.btn-close {
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.btn-remove:hover svg,
.btn-close:hover svg {
  color: var(--osnovnoy-tekst);
}

.btn-close {
  width: 1.875rem;
  height: 1.875rem;
}

.btn-close svg {
  color: var(--biryuzovyy-400);
}

.btn-close:hover svg {
  color: var(--oranzhevyy);
}

.btn-square,
.btn-next,
.btn-prev {
  width: 3.125rem;
  height: 3.125rem;
  border-radius: 0.625rem;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  transition: 0.3s;
  padding: 0.5rem;
}

.btn-next,
.btn-prev {
  background-color: var(--osnovnoy-tekst);
}

.footer-buttons-group {
  backdrop-filter: blur(15px);
  background: rgba(0, 0, 0, 0.05);
  padding: 5px;
  border-radius: 0.625rem;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  white-space: nowrap;
  position: absolute;
  bottom: 0.9375rem;
  right: 0.9375rem;
  z-index: 5;
  margin-left: auto;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.footer-buttons-group .font-16 {
  font-weight: 500;
  font-size: 16px;
  line-height: 131%;
  color: var(--osnovnoy-tekst);
  padding-left: 0.9375rem;
  padding-right: 0.3125rem;
}

.footer-buttons-group .flex {
  -moz-column-gap: 0.3125rem;
  column-gap: 0.3125rem;
}

.btn-add {
  width: 1.875rem;
  height: 1.875rem;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.75' y='0.75' width='28.5' height='28.5' rx='14.25' stroke='%2344CED9' stroke-width='1.5' /%3e%3cpath d='M15 9V15M15 21V15M15 15H21M15 15H9' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
  transition: 0.3s;
}

.btn-add:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0.75' y='0.75' width='28.5' height='28.5' rx='14.25' stroke='%23ff9c06' stroke-width='1.5' /%3e%3cpath d='M15 9V15M15 21V15M15 15H21M15 15H9' stroke='%23ff9c06' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.btn-edit,
.btn-locked,
.btn-view,
.btn-note,
.btn-copy {
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 18.5C16.4142 18.5 16.75 18.8358 16.75 19.25C16.75 19.6642 16.4142 20 16 20H4C3.58579 20 3.25 19.6642 3.25 19.25C3.25 18.8358 3.58579 18.5 4 18.5H16Z' fill='%2344CED9' /%3e%3cpath d='M14.9282 2.41283C15.5453 2.38782 16.1489 2.57812 16.6382 2.94603L16.8413 3.11498L16.8765 3.14916C17.1228 3.40773 17.3149 3.71342 17.4409 4.0476C17.5669 4.38166 17.6241 4.73773 17.6099 5.09447C17.5956 5.45141 17.5103 5.80262 17.3579 6.12572C17.2113 6.4366 17.004 6.71424 16.7515 6.94701L16.7524 6.94799L8.61182 15.0427C8.5231 15.1309 8.41351 15.1951 8.29346 15.2302L4.62744 16.3035C4.3645 16.3804 4.08001 16.3076 3.88623 16.114C3.69244 15.9202 3.61984 15.6358 3.69678 15.3728L4.76904 11.7058C4.80437 11.5852 4.86964 11.4754 4.9585 11.3865L13.0991 3.24584C13.5766 2.74067 14.2329 2.44112 14.9282 2.41283ZM5.52002 14.4783L7.42139 13.9226L6.07666 12.5779L5.52002 14.4783ZM14.9888 3.91185C14.6803 3.92442 14.3897 4.05911 14.1802 4.28588C14.1735 4.29314 14.1667 4.30038 14.1597 4.30736L7.04346 11.4226L8.57959 12.9587L15.6948 5.88451L15.7231 5.85717C15.8394 5.75318 15.9339 5.62715 16.0005 5.48607C16.0671 5.34477 16.1046 5.191 16.1108 5.0349C16.1171 4.87882 16.0917 4.72305 16.0366 4.57689C15.9843 4.43825 15.9061 4.31113 15.8062 4.20189C15.5813 4.00397 15.2887 3.89965 14.9888 3.91185Z' fill='%2344CED9' /%3e%3c/svg%3e");
  flex-shrink: 0;
  background-repeat: no-repeat;
  background-size: contain;
  cursor: pointer;
  transition: 0.3s;
}

.btn-edit:hover,
.btn-locked:hover,
.btn-view:hover,
.btn-note:hover,
.btn-copy:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16 18.5C16.4142 18.5 16.75 18.8358 16.75 19.25C16.75 19.6642 16.4142 20 16 20H4C3.58579 20 3.25 19.6642 3.25 19.25C3.25 18.8358 3.58579 18.5 4 18.5H16Z' fill='%23FF9C06' /%3e%3cpath d='M14.9282 2.41283C15.5453 2.38782 16.1489 2.57812 16.6382 2.94603L16.8413 3.11498L16.8765 3.14916C17.1228 3.40773 17.3149 3.71342 17.4409 4.0476C17.5669 4.38166 17.6241 4.73773 17.6099 5.09447C17.5956 5.45141 17.5103 5.80262 17.3579 6.12572C17.2113 6.4366 17.004 6.71424 16.7515 6.94701L16.7524 6.94799L8.61182 15.0427C8.5231 15.1309 8.41351 15.1951 8.29346 15.2302L4.62744 16.3035C4.3645 16.3804 4.08001 16.3076 3.88623 16.114C3.69244 15.9202 3.61984 15.6358 3.69678 15.3728L4.76904 11.7058C4.80437 11.5852 4.86964 11.4754 4.9585 11.3865L13.0991 3.24584C13.5766 2.74067 14.2329 2.44112 14.9282 2.41283ZM5.52002 14.4783L7.42139 13.9226L6.07666 12.5779L5.52002 14.4783ZM14.9888 3.91185C14.6803 3.92442 14.3897 4.05911 14.1802 4.28588C14.1735 4.29314 14.1667 4.30038 14.1597 4.30736L7.04346 11.4226L8.57959 12.9587L15.6948 5.88451L15.7231 5.85717C15.8394 5.75318 15.9339 5.62715 16.0005 5.48607C16.0671 5.34477 16.1046 5.191 16.1108 5.0349C16.1171 4.87882 16.0917 4.72305 16.0366 4.57689C15.9843 4.43825 15.9061 4.31113 15.8062 4.20189C15.5813 4.00397 15.2887 3.89965 14.9888 3.91185Z' fill='%23FF9C06' /%3e%3c/svg%3e");
}

.btn-locked {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='11.5' cy='11.5' r='8.75' stroke='%2344CED9' stroke-width='1.5' /%3e%3cpath d='M17 6L5.5 17.5' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.btn-locked:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='11.5' cy='11.5' r='8.75' stroke='%23E54F4F' stroke-width='1.5' /%3e%3cpath d='M17 6L5.5 17.5' stroke='%23E54F4F' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.btn-view {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.21845 11.6538C2.09361 11.4561 2.03119 11.3573 1.99625 11.2048C1.97 11.0903 1.97 10.9097 1.99625 10.7953C2.03119 10.6428 2.09361 10.544 2.21845 10.3463C3.25007 8.71281 6.32079 4.58337 11.0004 4.58337C15.68 4.58337 18.7507 8.71281 19.7823 10.3463C19.9072 10.544 19.9696 10.6428 20.0045 10.7953C20.0307 10.9097 20.0307 11.0903 20.0045 11.2048C19.9696 11.3573 19.9072 11.4561 19.7823 11.6538C18.7507 13.2873 15.68 17.4167 11.0004 17.4167C6.32079 17.4167 3.25007 13.2873 2.21845 11.6538Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48117 12.5188 8.25 11 8.25C9.48117 8.25 8.25 9.48117 8.25 11C8.25 12.5188 9.48117 13.75 11 13.75Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.btn-view:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.21845 11.6538C2.09361 11.4561 2.03119 11.3573 1.99625 11.2048C1.97 11.0903 1.97 10.9097 1.99625 10.7953C2.03119 10.6428 2.09361 10.544 2.21845 10.3463C3.25007 8.71281 6.32079 4.58337 11.0004 4.58337C15.68 4.58337 18.7507 8.71281 19.7823 10.3463C19.9072 10.544 19.9696 10.6428 20.0045 10.7953C20.0307 10.9097 20.0307 11.0903 20.0045 11.2048C19.9696 11.3573 19.9072 11.4561 19.7823 11.6538C18.7507 13.2873 15.68 17.4167 11.0004 17.4167C6.32079 17.4167 3.25007 13.2873 2.21845 11.6538Z' stroke='%23FF9C06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48117 12.5188 8.25 11 8.25C9.48117 8.25 8.25 9.48117 8.25 11C8.25 12.5188 9.48117 13.75 11 13.75Z' stroke='%23FF9C06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.btn-view:hover .btn-tooltip {
  color: var(--oranzhevyy);
}

.btn-note {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='9' cy='9' r='8.25' stroke='%23E54F4F' stroke-width='1.5'/%3e%3cline x1='9.06836' y1='5.78992' x2='9.06836' y2='10.2899' stroke='%23E54F4F' stroke-width='1.5' stroke-linecap='round'/%3e%3cline x1='9.06836' y1='12.6162' x2='9.06836' y2='12.2898' stroke='%23E54F4F' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e ");
}

.btn-note:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='9' cy='9' r='8.25' fill='%23E54F4F' stroke='%23E54F4F' stroke-width='1.5'/%3e%3cline x1='9.06885' y1='5.78979' x2='9.06885' y2='10.2898' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3e%3cline x1='9.06885' y1='12.6162' x2='9.06885' y2='12.2898' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3e%3c/svg%3e");
}

.btn-camera:hover svg {
  color: var(--oranzhevyy);
}

.has-tooltip {
  position: relative;
}

.btn-tooltip {
  position: absolute;
  background-color: #fff;
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.15;
  padding: 0.4375rem 0.625rem;
  box-shadow: 0 7px 20px 0 rgba(59, 109, 113, 0.1);
  border-radius: 0.625rem;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-120%, -50%);
  z-index: -5;
  opacity: 0;
  transition: 0.5s;
  width: -moz-fit-content;
  width: fit-content;
  width: 7.125rem;
}

.btn-tooltip:after,
.btn-tooltip:before {
  position: absolute;
  content: "";
  top: 50%;
  transform: translateY(-50%);
}

.btn-tooltip:after {
  border: 0.75rem solid var(--krasnyy);
  width: 0;
  height: 0;
  border-right: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -0.75rem;
  z-index: 2;
  opacity: 0.6;
}

.btn-tooltip:before {
  border: 8px solid white;
  width: 0;
  height: 0;
  border-right: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  right: -6px;
  z-index: 3;
}

.has-tooltip.has-tooltip-right .btn-tooltip {
  left: auto;
  right: 0;
  transform: translate(120%, -50%);
}

.has-tooltip.has-tooltip-right .btn-tooltip:after {
  right: auto;
  left: -10px;
  border-left: 0;
  border-right: 10px solid var(--krasnyy);
}

.has-tooltip.has-tooltip-right .btn-tooltip:before {
  right: auto;
  left: -6px;
  border-left: 0;
  border-right: 8px solid white;
}

.has-tooltip.has-tooltip-right:hover .btn-tooltip {
  animation-name: showRight;
}

.has-tooltip:hover .btn-tooltip {
  animation-name: showLeft;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
  opacity: 1;
}

.btn-edit.has-tooltip-right .btn-tooltip:after,
.btn-view.has-tooltip-right .btn-tooltip:after,
.btn-add.has-tooltip-right .btn-tooltip:after {
  border-right: 10px solid var(--oranzhevyy);
}

.btn-copy {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 14.8333C2.99046 14.8333 2.48569 14.8333 2.08752 14.6684C1.55663 14.4485 1.13483 14.0267 0.914927 13.4958C0.75 13.0976 0.75 12.5929 0.75 11.5833V4.21667C0.75 3.00322 0.75 2.39649 0.986156 1.93302C1.19387 1.52533 1.52533 1.19387 1.93302 0.986156C2.39649 0.75 3.00322 0.75 4.21667 0.75H11.5833C12.5929 0.75 13.0976 0.75 13.4958 0.914927C14.0267 1.13483 14.4485 1.55663 14.6684 2.08752C14.8333 2.48569 14.8333 2.99046 14.8333 4M11.8 22.4167H18.95C20.1634 22.4167 20.7702 22.4167 21.2337 22.1805C21.6413 21.9728 21.9728 21.6413 22.1805 21.2337C22.4167 20.7702 22.4167 20.1634 22.4167 18.95V11.8C22.4167 10.5866 22.4167 9.97978 22.1805 9.51633C21.9728 9.10866 21.6413 8.77721 21.2337 8.56949C20.7702 8.33333 20.1634 8.33333 18.95 8.33333H11.8C10.5866 8.33333 9.97978 8.33333 9.51633 8.56949C9.10866 8.77721 8.77721 9.10866 8.56949 9.51633C8.33333 9.97978 8.33333 10.5866 8.33333 11.8V18.95C8.33333 20.1634 8.33333 20.7702 8.56949 21.2337C8.77721 21.6413 9.10866 21.9728 9.51633 22.1805C9.97978 22.4167 10.5866 22.4167 11.8 22.4167Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e ");
}

.btn-copy:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M4 14.8333C2.99046 14.8333 2.48569 14.8333 2.08752 14.6684C1.55663 14.4485 1.13483 14.0267 0.914927 13.4958C0.75 13.0976 0.75 12.5929 0.75 11.5833V4.21667C0.75 3.00322 0.75 2.39649 0.986156 1.93302C1.19387 1.52533 1.52533 1.19387 1.93302 0.986156C2.39649 0.75 3.00322 0.75 4.21667 0.75H11.5833C12.5929 0.75 13.0976 0.75 13.4958 0.914927C14.0267 1.13483 14.4485 1.55663 14.6684 2.08752C14.8333 2.48569 14.8333 2.99046 14.8333 4M11.8 22.4167H18.95C20.1634 22.4167 20.7702 22.4167 21.2337 22.1805C21.6413 21.9728 21.9728 21.6413 22.1805 21.2337C22.4167 20.7702 22.4167 20.1634 22.4167 18.95V11.8C22.4167 10.5866 22.4167 9.97978 22.1805 9.51633C21.9728 9.10866 21.6413 8.77721 21.2337 8.56949C20.7702 8.33333 20.1634 8.33333 18.95 8.33333H11.8C10.5866 8.33333 9.97978 8.33333 9.51633 8.56949C9.10866 8.77721 8.77721 9.10866 8.56949 9.51633C8.33333 9.97978 8.33333 10.5866 8.33333 11.8V18.95C8.33333 20.1634 8.33333 20.7702 8.56949 21.2337C8.77721 21.6413 9.10866 21.9728 9.51633 22.1805C9.97978 22.4167 10.5866 22.4167 11.8 22.4167Z' stroke='%23FF9C06' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e ");
}

.btn-del {
  width: 26px;
  height: 26px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.25 3.25C20.6642 3.25 21 3.58579 21 4C21 4.41421 20.6642 4.75 20.25 4.75H18.7852L18.0723 15.4453C18.0161 16.2882 17.9716 16.965 17.8916 17.5098C17.8103 18.0634 17.6842 18.5424 17.4346 18.9805C17.0344 19.6826 16.4312 20.2472 15.7041 20.5996C15.2503 20.8195 14.764 20.9127 14.2061 20.957C13.6572 21.0006 12.9796 21 12.1348 21H8.86523C8.02042 21 7.34279 21.0006 6.79395 20.957C6.23596 20.9127 5.74965 20.8195 5.2959 20.5996C4.56872 20.2472 3.96554 19.6826 3.56543 18.9805C3.31588 18.5424 3.18971 18.0634 3.1084 17.5098C3.02842 16.965 2.98393 16.2883 2.92773 15.4453L2.21484 4.75H0.75C0.335786 4.75 0 4.41421 0 4C0 3.58579 0.335786 3.25 0.75 3.25H20.25ZM4.4248 15.3457C4.48257 16.2122 4.52348 16.8189 4.59277 17.291C4.66075 17.754 4.74855 18.0273 4.86816 18.2373C5.11826 18.6763 5.49555 19.0297 5.9502 19.25C6.16771 19.3554 6.44575 19.4249 6.91211 19.4619C7.38788 19.4997 7.99649 19.5 8.86523 19.5H12.1348C13.0035 19.5 13.6121 19.4997 14.0879 19.4619C14.5542 19.4249 14.8323 19.3554 15.0498 19.25C15.5044 19.0297 15.8818 18.6763 16.1318 18.2373C16.2515 18.0273 16.3392 17.754 16.4072 17.291C16.4765 16.8189 16.5174 16.2122 16.5752 15.3457L17.2812 4.75H3.71875L4.4248 15.3457ZM7.58301 14.292V8.875C7.58301 8.4609 7.91894 8.12518 8.33301 8.125C8.74722 8.125 9.08301 8.46079 9.08301 8.875V14.292C9.08283 14.7061 8.74711 15.042 8.33301 15.042C7.91905 15.0418 7.58318 14.7059 7.58301 14.292ZM11.917 14.292V8.875C11.917 8.46079 12.2528 8.125 12.667 8.125C13.0811 8.12518 13.417 8.4609 13.417 8.875V14.292C13.4168 14.7059 13.0809 15.0418 12.667 15.042C12.2529 15.042 11.9172 14.7061 11.917 14.292ZM13.75 0C14.1642 0 14.5 0.335786 14.5 0.75C14.5 1.16421 14.1642 1.5 13.75 1.5H7.25C6.83579 1.5 6.5 1.16421 6.5 0.75C6.5 0.335786 6.83579 0 7.25 0H13.75Z' fill='%2344CED9' /%3e%3c/svg%3e");
  transition: 0.3s;
  background-repeat: no-repeat;
}

.btn-del:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.25 3.25C20.6642 3.25 21 3.58579 21 4C21 4.41421 20.6642 4.75 20.25 4.75H18.7852L18.0723 15.4453C18.0161 16.2882 17.9716 16.965 17.8916 17.5098C17.8103 18.0634 17.6842 18.5424 17.4346 18.9805C17.0344 19.6826 16.4312 20.2472 15.7041 20.5996C15.2503 20.8195 14.764 20.9127 14.2061 20.957C13.6572 21.0006 12.9796 21 12.1348 21H8.86523C8.02042 21 7.34279 21.0006 6.79395 20.957C6.23596 20.9127 5.74965 20.8195 5.2959 20.5996C4.56872 20.2472 3.96554 19.6826 3.56543 18.9805C3.31588 18.5424 3.18971 18.0634 3.1084 17.5098C3.02842 16.965 2.98393 16.2883 2.92773 15.4453L2.21484 4.75H0.75C0.335786 4.75 0 4.41421 0 4C0 3.58579 0.335786 3.25 0.75 3.25H20.25ZM4.4248 15.3457C4.48257 16.2122 4.52348 16.8189 4.59277 17.291C4.66075 17.754 4.74855 18.0273 4.86816 18.2373C5.11826 18.6763 5.49555 19.0297 5.9502 19.25C6.16771 19.3554 6.44575 19.4249 6.91211 19.4619C7.38788 19.4997 7.99649 19.5 8.86523 19.5H12.1348C13.0035 19.5 13.6121 19.4997 14.0879 19.4619C14.5542 19.4249 14.8323 19.3554 15.0498 19.25C15.5044 19.0297 15.8818 18.6763 16.1318 18.2373C16.2515 18.0273 16.3392 17.754 16.4072 17.291C16.4765 16.8189 16.5174 16.2122 16.5752 15.3457L17.2812 4.75H3.71875L4.4248 15.3457ZM7.58301 14.292V8.875C7.58301 8.4609 7.91894 8.12518 8.33301 8.125C8.74722 8.125 9.08301 8.46079 9.08301 8.875V14.292C9.08283 14.7061 8.74711 15.042 8.33301 15.042C7.91905 15.0418 7.58318 14.7059 7.58301 14.292ZM11.917 14.292V8.875C11.917 8.46079 12.2528 8.125 12.667 8.125C13.0811 8.12518 13.417 8.4609 13.417 8.875V14.292C13.4168 14.7059 13.0809 15.0418 12.667 15.042C12.2529 15.042 11.9172 14.7061 11.917 14.292ZM13.75 0C14.1642 0 14.5 0.335786 14.5 0.75C14.5 1.16421 14.1642 1.5 13.75 1.5H7.25C6.83579 1.5 6.5 1.16421 6.5 0.75C6.5 0.335786 6.83579 0 7.25 0H13.75Z' fill='%23E54F4F' /%3e%3c/svg%3e");
  transition: 0.3s;
}

.btn-edit .btn-tooltip,
.btn-view .btn-tooltip,
.btn-copy .btn-tooltip,
.btn-add .btn-tooltip,
.btn-camera .btn-tooltip {
  color: var(--vspomogatelnyy-tekst);
  border: 1px solid #FF9C06;
}

.btn-edit .btn-tooltip:after,
.btn-view .btn-tooltip:after,
.btn-copy .btn-tooltip:after,
.btn-add .btn-tooltip:after,
.btn-camera .btn-tooltip:after {
  border: 10px solid #FF9C06;
  width: 0;
  height: 0;
  border-right: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -9px;
  z-index: 2;
}

.btn-locked .btn-tooltip,
.btn-note .btn-tooltip,
.btn-del .btn-tooltip {
  color: #E54F4F;
  border: 1px solid #E54F4F;
}

.btn-locked .btn-tooltip:after,
.btn-note .btn-tooltip:after,
.btn-del .btn-tooltip:after {
  border: 10px solid #E54F4F;
  width: 0;
  height: 0;
  border-right: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  right: -9px;
  z-index: 2;
}

@keyframes showLeft {
  to {
    opacity: 1;
    z-index: 5;
    transform: translate(-110%, -50%);
  }
}

@keyframes showRight {
  to {
    opacity: 1;
    z-index: 5;
    transform: translate(110%, -50%);
  }
}

form,
.form-item {
  position: relative;
}

.form-item.has-placeholder .input {
  padding-left: 3.125rem;
  padding-top: 1rem;
  padding-right: 3.5rem;
  font-size: 1.125rem;
}

.input,
.input-slim,
.textarea {
  display: block;
  width: 100%;
  height: 3.75rem;
  padding-inline: 1.5625rem;
  border: 1px solid var(--kontur-inputa);
  border-radius: 0.625rem;
  color: var(--osnovnoy-tekst);
  background: var(--belyy);
}

.input:hover,
.input:focus,
.input-slim:hover,
.input-slim:focus,
.textarea:hover,
.textarea:focus {
  border: 1px solid var(--biryuzovyy-300);
}

.textarea {
  height: 4.75rem;
  resize: none;
  padding: 0.75rem 1.25rem;
}

.input-slim {
  height: 2.875rem;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.input-icon {
  position: absolute;
  top: 1.25rem;
  left: 1.25rem;
  z-index: 2;
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  pointer-events: none;
}

.fake-placeholder {
  position: absolute;
  top: 1.1875rem;
  left: 3.125rem;
  z-index: 2;
  pointer-events: none;
  transition: top 0.2s ease, font-size 0.2s ease, color 0.2s ease;
  font-size: 1.125rem;
  line-height: 1.44;
  color: var(--vtorostepennyy-tekst);
  background-color: var(--belyy);
  padding-inline: 0.25rem;
}

/* Поднимаем label при фокусе */

.form-item.has-placeholder .input:focus + .fake-placeholder {
  top: 0.4375rem;
  font-size: 0.8125rem;
}

/* Поднимаем label если поле не пустое */

.form-item.has-placeholder .input:not(:-moz-placeholder) + .fake-placeholder {
  top: 0.4375rem;
  font-size: 0.8125rem;
}

.form-item.has-placeholder .input:not(:placeholder-shown) + .fake-placeholder {
  top: 0.4375rem;
  font-size: 0.8125rem;
}

/* Поднимаем label при autofill */

.form-item.has-placeholder .input:-webkit-autofill + .fake-placeholder {
  top: 0.4375rem;
  font-size: 0.8125rem;
}

/* Сброс визуальных приколов Chrome у autofill */

.form-item.has-placeholder .input:-webkit-autofill,
.form-item.has-placeholder .input:-webkit-autofill:hover,
.form-item.has-placeholder .input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--osnovnoy-tekst);
  -webkit-transition: background-color 9999s ease-in-out 0s;
  transition: background-color 9999s ease-in-out 0s;
}

/* Состояние ошибки */

.form-item.not-valid input.input,
.form-item.not-valid input {
  border: 1px solid var(--krasnyy);
}

.form-item.not-valid svg {
  color: var(--krasnyy);
}

.form-item.not-valid .fake-placeholder {
  color: var(--krasnyy);
}

/* Кнопка показать пароль */

.show-passw {
  position: absolute;
  top: 1.0625rem;
  top: 50%;
  transform: translateY(-50%);
  right: 1.25rem;
  z-index: 3;
  display: block;
  width: 1.625rem;
  height: 1.625rem;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M10.0522 3.01668C10.4926 2.95158 10.9467 2.91667 11.4145 2.91667C16.9449 2.91667 20.574 7.79691 21.7932 9.72737C21.9407 9.96104 22.0145 10.0778 22.0557 10.2581C22.0868 10.3934 22.0867 10.6069 22.0557 10.7422C22.0144 10.9224 21.9402 11.04 21.7915 11.2752C21.4666 11.7893 20.9714 12.5119 20.3153 13.2955M5.69874 4.77463C3.3565 6.36351 1.76638 8.57102 1.03693 9.72574C0.888696 9.96039 0.814586 10.0777 0.773278 10.2579C0.742251 10.3932 0.742241 10.6066 0.773246 10.742C0.814542 10.9222 0.888317 11.039 1.03587 11.2726C2.25506 13.2031 5.88409 18.0833 11.4145 18.0833C13.6444 18.0833 15.5653 17.2899 17.1436 16.2163M1.66451 0.75L21.1645 20.25M9.11642 8.2019C8.52828 8.79007 8.16451 9.60257 8.16451 10.5C8.16451 12.295 9.61962 13.75 11.4145 13.75C12.3119 13.75 13.1244 13.3862 13.7126 12.7981' stroke='%23C2CACA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: 1.4375rem;
  background-repeat: no-repeat;
  background-position: center;
  transition: opacity 0.2s ease;
}

/* Показываем иконку, когда в поле пароля есть текст */

.form-passw input:not(:placeholder-shown) ~ .show-passw,
.form-passw input:-webkit-autofill ~ .show-passw,
.form-passw input:focus ~ .show-passw {
  opacity: 1;
  pointer-events: auto;
}

.form-passw.form-passw-active .show-passw {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.21845 11.6537C2.09361 11.456 2.03119 11.3571 1.99625 11.2047C1.97 11.0902 1.97 10.9096 1.99625 10.7951C2.03119 10.6427 2.09361 10.5439 2.21845 10.3462C3.25007 8.71269 6.32079 4.58325 11.0004 4.58325C15.68 4.58325 18.7507 8.71269 19.7823 10.3462C19.9072 10.5439 19.9696 10.6427 20.0045 10.7951C20.0307 10.9096 20.0307 11.0902 20.0045 11.2047C19.9696 11.3571 19.9072 11.456 19.7823 11.6537C18.7507 13.2872 15.68 17.4166 11.0004 17.4166C6.32079 17.4166 3.25007 13.2872 2.21845 11.6537Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48117 12.5188 8.25 11 8.25C9.48117 8.25 8.25 9.48117 8.25 11C8.25 12.5188 9.48117 13.75 11 13.75Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: 1.625rem;
}

.form-item .show-passw {
  opacity: 0;
}

.form-item .show-passw.show-passw-visible {
  opacity: 1;
}

.form-passw.form-passw-active .show-passw {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.21845 11.6537C2.09361 11.456 2.03119 11.3571 1.99625 11.2047C1.97 11.0902 1.97 10.9096 1.99625 10.7951C2.03119 10.6427 2.09361 10.5439 2.21845 10.3462C3.25007 8.71269 6.32079 4.58325 11.0004 4.58325C15.68 4.58325 18.7507 8.71269 19.7823 10.3462C19.9072 10.5439 19.9696 10.6427 20.0045 10.7951C20.0307 10.9096 20.0307 11.0902 20.0045 11.2047C19.9696 11.3571 19.9072 11.456 19.7823 11.6537C18.7507 13.2872 15.68 17.4166 11.0004 17.4166C6.32079 17.4166 3.25007 13.2872 2.21845 11.6537Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M11 13.75C12.5188 13.75 13.75 12.5188 13.75 11C13.75 9.48117 12.5188 8.25 11 8.25C9.48117 8.25 8.25 9.48117 8.25 11C8.25 12.5188 9.48117 13.75 11 13.75Z' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
  background-size: 1.625rem;
}

.error-tooltip {
  position: absolute;
  left: 0;
  top: -3.125rem;
  transform: translateY(-100%);
  padding: 0.5625rem 0.75rem;
  width: 14.3125rem;
  border-radius: 0.625rem;
  background-color: #fff;
  background: var(--krasnyy);
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.29;
  text-align: center;
  color: var(--belyy);
  z-index: 5;
  box-shadow: 0 7px 20px 0 rgba(59, 109, 113, 0.1);
}

.error-tooltip:after {
  content: "";
  position: absolute;
  bottom: -1.375rem;
  left: 0;
  z-index: 1;
  border: 1.375rem solid var(--krasnyy);
  border-right: 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.autoriz-form .error-tooltip {
  transform: translateY(-50%);
}

.form-label {
  font-weight: 400;
  font-size: 15px;
  line-height: 127%;
  color: var(--vspomogatelnyy-tekst);
  margin-bottom: 0.4375rem;
}

label {
  display: inline-block;
}

label.checkbox-label,
label.radio-label {
  display: flex;
  align-items: center;
  position: relative;
  -moz-column-gap: 0.5rem;
  column-gap: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.4;
  color: var(--osnovnoy-tekst);
}

label.checkbox-label input[type=checkbox],
label.checkbox-label input[type=radio],
label.radio-label input[type=checkbox],
label.radio-label input[type=radio] {
  position: absolute;
  width: 0.01px;
  height: 0.01px;
  opacity: 0;
}

label.checkbox-label .fake-checkbox {
  border: 2px solid var(--kontur-inputa);
  border-radius: 5px;
  width: 1.375rem;
  height: 1.375rem;
  background: var(--belyy);
  flex-shrink: 0;
}

label.checkbox-label input[type=checkbox]:checked + .fake-checkbox {
  background-color: var(--biryuzovyy-300);
  border: 2px solid var(--biryuzovyy-300);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='13' height='11' viewBox='0 0 13 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 5.5L5 9L11.5 1' stroke='white' stroke-width='2' stroke-linecap='round' /%3e%3c/svg%3e");
  background-size: 0.8125rem;
  background-repeat: no-repeat;
  background-position: center;
}

label.checkbox-label:hover .fake-checkbox {
  border-color: var(--biryuzovyy-300);
}

.checkbox-label.not-valid:hover .fake-checkbox,
.checkbox-label.not-valid .fake-checkbox {
  border-color: var(--krasnyy);
}

label.radio-label .fake-radio {
  display: block;
  border: 1px solid var(--kontur-inputa);
  border-radius: 5px;
  width: 1.25rem;
  height: 1.25rem;
  background: var(--belyy);
  border-radius: 50%;
  transition: 0.1s;
}

label.radio-label input:checked + .fake-radio {
  background-color: var(--biryuzovyy-400);
  border: 1px solid var(--biryuzovyy-400);
  outline: 2px solid white;
  outline-offset: -4px;
}

.state-buttons-group {
  -moz-column-gap: 0;
  column-gap: 0;
}

.state-button-box {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.27;
  border-radius: 0.625rem;
  color: var(--vspomogatelnyy-tekst);
  height: 2.875rem;
  transition: 0.2s;
  position: relative;
  z-index: 0;
  border: 2px solid var(--kontur-obschiy);
  background-color: var(--biryuzovyy-100);
  cursor: pointer;
}

.state-button-box .state-icon {
  width: 1rem;
  height: 1rem;
  flex-shrink: 0;
}

.state-button-box svg {
  width: 1rem;
  height: 1rem;
}

.state-button {
  position: relative;
  flex: 1;
  width: calc(50% + 10px);
}

.state-button svg {
  color: var(--vtorostepennyy-tekst);
}

.state-button input {
  width: 0.01em;
  height: 0.01em;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.state-button input:checked + .state-button-box {
  z-index: 2;
  background-color: #d5ebd8;
  border: 2px solid #d5ebd8;
  color: #3b8645;
}

.state-button input:checked + .state-button-box svg {
  color: var(--zelenyy);
}

.state-button.state-locked {
  margin-left: -0.625rem;
}

.state-button.state-locked:hover .state-button-box {
  color: var(--krasnyy);
}

.state-button.state-locked:hover .state-button-box svg {
  color: var(--krasnyy);
}

.state-button.state-locked input:checked + .state-button-box {
  z-index: 2;
  background-color: var(--fon-krasnyy);
  border: 2px solid var(--fon-krasnyy);
  color: var(--krasnyy);
}

.state-button.state-locked input:checked + .state-button-box svg {
  color: var(--krasnyy);
}

.state-button.state-active {
  margin-right: -0.625rem;
}

.state-button.state-active:hover .state-button-box {
  color: var(--zelenyy);
}

.state-button.state-active:hover .state-button-box svg {
  color: var(--zelenyy);
}

.btn-search {
  position: absolute;
  z-index: 3;
  cursor: pointer;
  bottom: 1px;
  right: 0.0625rem;
  transition: 0.3s;
  background: var(--belyy);
  height: 2.75rem;
  width: 3.75rem;
}

.btn-search:hover svg {
  color: var(--biryuzovyy-400);
}

.form-buttons.flex-1 {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.625rem;
}

.flex-1 > * {
  flex: 1;
}

.dropdown {
  position: relative;
  width: 100%;
  background: #fff;
  border-radius: 0.625rem;
}

.dropdown__button {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  padding-left: 1.25rem;
  padding-right: 2.5rem;
  border-radius: 0.625rem;
  background: var(--belyy);
  text-align: left;
  height: 2.875rem;
  cursor: pointer;
  font-size: 15px;
  line-height: 1;
  color: var(--vtorostepennyy-tekst);
  border: 1px solid var(--kontur-inputa);
}

.dropdown__button.has-action {
  color: var(--osnovnoy-tekst);
}

.dropdown__button::after {
  content: "";
  position: absolute;
  top: 52%;
  right: 0.5rem;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='4' viewBox='0 0 10 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 4L0 0H10L5 4Z' fill='%23768182' /%3e%3c/svg%3e");
  transition: 0.1s;
  background-size: 0.625rem 0.25rem;
  background-repeat: no-repeat;
  background-position: center;
  pointer-events: none;
}

.dropdown.dropdown-active,
.dropdown__button.dropdown__button--active {
  border-radius: 0.625rem;
}

.dropdown__button.dropdown__button--active {
  border: 1px solid #44CED9;
}

.dropdown__button.dropdown__button--active:after {
  transform: translateY(-50%) rotate(180deg);
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='4' viewBox='0 0 10 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M5 4L0 0H10L5 4Z' fill='%2344CED9' /%3e%3c/svg%3e");
}

.dropdown__list {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  padding: 0;
  list-style-type: none;
  border-top: 0;
  background: #fff;
  overflow: hidden;
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: var(--biryuzovyy-300) transparent;
  z-index: 1;
  transition: height 0.3s;
  color: var(--vtorostepennyy-tekst);
  scrollbar-gutter: auto;
}

.dropdown__list ul {
  height: 0;
  overflow: hidden;
}

.dropdown__list::-webkit-scrollbar {
  width: 3px;
  height: 20px;
}

.dropdown__list::-webkit-scrollbar-track {
  background-color: transparent;
}

.dropdown__list::-webkit-scrollbar-thumb {
  background-color: var(--biryuzovyy-300);
}

.dropdown__list--visible {
  max-height: 12.5rem;
  top: calc(100% + 10px);
  height: auto;
  z-index: 5;
  border-radius: 0.625rem;
  border: 1px solid #44CED9;
}

.dropdown__list--visible ul {
  margin-top: 10px;
  margin-bottom: 10px;
}

.dropdown__list-item {
  transition: 0.2s;
  cursor: pointer;
  font-size: 0.875rem;
  line-height: 1.29;
  color: var(--osnovnoy-tekst);
}

.dropdown__list-item.active,
.dropdown__list-item:hover {
  background-color: var(--biryuzovyy-200);
}

.dropdown__list-item label {
  padding: 0.5rem 1.25rem;
  width: 100%;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.dropdown__list-item label input:not(.calendar-input) {
  display: none;
  width: 0.01em;
}

.dropdown__list-item label input:checked + span {
  color: var(--biryuzovyy-400);
}

.dropdown__list-item label.calendar-label {
  padding: 0;
}

.dropdown.dropdown-top .dropdown__list--visible {
  top: auto !important;
  bottom: calc(100% + 10px);
}

.dropdown.dropdown-hide-checkbox inpute[type=checkbox] {
  width: 0.01em;
  height: 0.01em;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.dropdown.dropdown-calendar .dropdown__list--visible {
  max-height: unset;
}

.dropdown.dropdown-calendar .dropdown__list-item {
  padding: 0.3125rem 1.25rem;
}

.dropdown.dropdown-calendar .dropdown__list-item:hover {
  background: #fff;
}

.dropdown-calendar .dropdown__list {
  display: none;
  overflow: unset;
  overflow-y: unset;
}

.dropdown.dropdown.dropdown-calendar .dropdown__list.dropdown__list--visible,
.dropdown-calendar .dropdown__list--visible {
  display: block;
}

.dropdown-calendar .dropdown__list ul {
  height: auto !important;
  max-height: 420px;
  overflow-y: auto;
}

.calendar-label {
  padding: 0;
  margin-bottom: 7px;
}

.calendar-field {
  position: relative;
  display: block;
}

.calendar-field .icon-calendar {
  position: absolute;
  top: 11px;
  right: 12px;
  z-index: 2;
  pointer-events: none;
}

.calendar-field .icon-calendar {
  width: 1.25rem;
  height: 1.25rem;
}

.air-datepicker-body--day-name {
  color: var(--biryuzovyy-400);
  font-weight: 500;
}

.air-datepicker-cell.-current- {
  color: var(--biryuzovyy-400);
}

.air-datepicker-cell.-current-.-focus-,
.air-datepicker-cell.-selected- {
  color: white;
  background-color: var(--biryuzovyy-400);
}

.air-datepicker-cell.-focus- {
  background-color: var(--biryuzovyy-200);
}

.air-datepicker-global-container {
  z-index: 9999;
}

.air-datepicker {
  z-index: 9999;
}

.label {
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  justify-content: center;
  align-items: center;
  height: 1.6875rem;
  border-radius: 0.625rem;
  background: var(--biryuzovyy-200);
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  transition: 0.3s;
  color: var(--biryuzovyy-500);
  -moz-column-gap: 5px;
  column-gap: 5px;
  padding-top: 0.1875rem;
  padding-bottom: 0.125rem;
}

.label .label-remove {
  width: 1.125rem;
  height: 1.125rem;
  cursor: pointer;
  transition: 0.3s;
}

.label .label-remove svg {
  width: 100%;
  height: 100%;
  color: var(--biryuzovyy-500);
}

.label.label-orange {
  color: var(--osnovnoy-tekst);
  background: var(--fon-oranzhevyy);
}

.label.label-red {
  color: var(--osnovnoy-tekst);
  background: var(--fon-krasnyy);
}

.filter-labels .label:hover {
  background-color: var(--biryuzovyy-300);
  color: white;
}

.filter-labels .label:hover svg {
  color: white;
}

.label.txt-upper {
  text-transform: uppercase;
  font-weight: 500;
  color: var(--osnovnoy-tekst);
  letter-spacing: 0.02em;
}

.labels-group {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3125rem;
}

.filter-labels .label {
  color: var(--biryuzovyy-500);
}

.label.border-orange {
  border: 2px solid var(--oranzhevyy);
  background: var(--belyy);
}

.label-error {
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 125%;
  text-align: center;
  color: var(--belyy);
  display: inline-block;
  border-radius: 1.875rem;
  white-space: nowrap;
  padding: 0.1875rem 0.4375rem;
  background-color: var(--krasnyy);
}

.header {
  border-bottom: 0.1875rem solid var(--biryuzovyy-300);
  padding-bottom: 1.125rem;
}

.header-content {
  justify-content: space-between;
  -moz-column-gap: 11vw;
  column-gap: 11vw;
}

.header-content .logo {
  width: 10rem;
  aspect-ratio: 160/78;
  flex-shrink: 0;
}

.header-content .logo svg,
.header-content .logo img {
  aspect-ratio: 160/78;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.header-column {
  flex: 1;
}

.user-menu,
.nav-list {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  justify-content: flex-end;
}

.user-menu {
  border-bottom: 1px solid var(--kontur-obschiy);
}

.user-name .user-icon {
  display: flex;
  align-items: center;
}

.user-name .svg-user {
  width: 1rem;
  height: 1rem;
}

.user-name.flex {
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.user-role {
  letter-spacing: 0.02em;
}

.user-exit {
  color: var(--biryuzovyy-400);
  -moz-column-gap: 5px;
  column-gap: 5px;
  transition: 0.3s;
  cursor: pointer;
  margin-left: 1.25rem;
}

.user-exit:hover {
  color: var(--osnovnoy-tekst);
}

.user-exit:hover svg {
  color: var(--oranzhevyy);
}

.user-exit:active {
  color: var(--oranzhevyy);
}

.user-exit:active svg {
  color: var(--oranzhevyy);
}

.nav-list {
  justify-content: flex-end;
  -moz-column-gap: 3.875rem;
  column-gap: 3.875rem;
  width: -moz-max-content;
  width: max-content;
  margin-left: auto;
}

.nav-item {
  padding-top: 1.125rem;
}

.nav-item + .nav-item {
  position: relative;
}

.nav-item + .nav-item:before {
  content: "";
  display: block;
  width: 1.5px;
  background-color: #d6e1e2;
  height: 0.875rem;
  position: absolute;
  left: -2rem;
  top: 70%;
  transform: translateY(-50%) rotate(30deg);
}

.nav-link {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.44;
  color: var(--osnovnoy-tekst);
  white-space: nowrap;
  border-bottom: 2px solid transparent;
  transition: 0.3s;
}

.nav-link:hover {
  color: var(--biryuzovyy-400);
}

.nav-link:active {
  color: var(--biryuzovyy-300);
}

.nav-item.nav-item-active .nav-link {
  border-bottom: 2px solid var(--oranzhevyy);
}

.nav-list-wrapper {
  max-width: calc(100vw - 21rem);
}

.authorize-main {
  background-color: var(--biryuzovyy-400);
  background-image: url("../img/authorization-bg.webp");
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-block: 2.5rem;
}

.authorize-wrapper {
  width: 100%;
  max-width: 47.875rem;
  border-radius: 0.625rem;
  box-shadow: 0 7px 20px 0 rgba(59, 109, 113, 0.1);
  background: var(--belyy);
  padding: 4.375rem 3.75rem;
  align-items: stretch;
  -moz-column-gap: 0;
  column-gap: 0;
}

.authorize-logo {
  width: 8.8125rem;
  height: 4.3125rem;
}

.authorize-text {
  display: flex;
  flex-direction: column;
  row-gap: 1.875rem;
  width: 18.4375rem;
  flex-shrink: 0;
  padding-right: 3.125rem;
}

.authorize-text .h2 {
  margin-bottom: 0.8125rem;
}

.authorize-form-wrapper {
  flex-grow: 1;
  padding-left: 3.125rem;
  border-left: 1px solid var(--kontur-obschiy);
}

.authorize-form {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.base-form-wrapper {
  width: 100%;
  max-width: 49.375rem;
  margin-left: auto;
  margin-right: auto;
  padding: 3.125rem 1.5rem;
  background: var(--biryuzovyy-100);
}

.base-form {
  width: 100%;
  max-width: 36.5625rem;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}

.form-row,
.form-row-30,
.form-row-20 {
  display: flex;
  gap: 0.625rem;
}

.form-row-20 {
  gap: 1.25rem;
  align-items: center;
}

.form-row-30 {
  gap: 1.875rem;
}

.form-row.has-generate {
  align-items: flex-end;
}

.form-row.has-generate .input-slim,
.form-row.has-generate .input-slim {
  width: 23.4375rem;
}

.form-row.has-generate .copy-btn {
  margin-left: 5px;
}

.width-50 > * {
  flex: 1;
  max-width: calc((100% - 1.875rem) / 2);
}

.form-item.width-175 {
  width: 10.9375rem;
  flex-grow: 0;
}

.max-width-380 {
  flex-grow: 1;
  max-width: 23.75rem;
}

input::-webkit-inner-spin-button {
  display: none !important;
  -webkit-appearance: none;
  appearance: none;
}

.form-item-storage input {
  width: 27.1875rem;
}

.remove-item,
.add-item {
  position: relative;
  font-size: 0.9375rem;
  white-space: nowrap;
  -moz-column-gap: 0.3125rem;
  column-gap: 0.3125rem;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1.27;
  transition: 0.3s;
  display: flex;
  align-items: center;
}

.remove-item {
  color: var(--krasnyy);
}

.remove-item:hover,
.remove-item:hover svg {
  color: #c93c3c;
}

.remove-item:active,
.remove-item:active svg,
.remove-item:focus,
.remove-item:focus svg {
  color: var(--oranzhevyy);
}

.add-item {
  color: var(--biryuzovyy-300);
}

.add-item:hover {
  color: var(--osnovnoy-tekst);
}

.add-item:hover svg {
  color: var(--oranzhevyy);
}

.add-item:focus,
.add-item:active {
  color: var(--oranzhevyy);
}

.add-item:focus svg,
.add-item:active svg {
  color: var(--oranzhevyy);
}

.dropdown-group {
  display: flex;
  flex-direction: column;
  row-gap: 0.625rem;
}

.dropdown-group > * {
  width: 100%;
}

.light-bg {
  background: var(--biryuzovyy-100);
  padding: 3.125rem;
  border-radius: 0.625rem;
}

.profile-card {
  max-width: 36.5625rem;
  width: 100%;
  margin-inline: auto;
}

.profile-card-list {
  min-width: 23.75rem;
  margin-inline: auto;
  width: -moz-max-content;
  width: max-content;
  max-width: 30.3125rem;
}

.profile-card-item {
  display: flex;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
  align-items: center;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  border-bottom: 1px solid var(--kontur-obschiy);
}

.profile-card-item .font-14 {
  width: 13.25rem;
  flex-shrink: 0;
  color: var(--vspomogatelnyy-tekst);
  line-height: 1.29;
}

.profile-card-item .font-15 {
  flex-grow: 1;
  line-height: 1.27;
  color: var(--osnovnoy-tekst);
}

.profile-card-item:last-child {
  border-bottom: 0;
}

.border-filters {
  gap: 1.875rem;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: 1px solid var(--kontur-obschiy);
  border-bottom: 1px solid var(--kontur-obschiy);
}

.filters-list .filters-search {
  width: 100%;
  max-width: 26.1875rem;
}

.filters-list .filters-search .form-item {
  width: 100%;
}

.filters-button {
  flex-shrink: 0;
}

.filters-nav {
  -moz-column-gap: 30px;
  column-gap: 30px;
  display: flex;
  align-items: center;
}

.filters-nav-item {
  white-space: nowrap;
  font-size: 16px;
  line-height: 1.63;
  color: #30b0bc;
  position: relative;
  cursor: pointer;
}

.filters-nav-item:before,
.filters-nav-item:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50%;
  border-bottom: 1px dashed #30b0bc;
  transition: 0.1s;
  opacity: 0.5;
}

.filters-nav-item:after {
  left: auto;
  right: 0;
  width: calc(50% - 1px);
}

.filters-nav-item .down-mark {
  opacity: 0;
  transition: 0.1s;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  width: 12px;
  height: 7px;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.41406 0L6 4.5L10.5859 0H12V2H11.4141L6 7L0.585938 2H0V0H1.41406Z' fill='%23FF9C06' /%3e%3c/svg%3e");
}

.filters-nav-item:hover {
  color: var(--osnovnoy-tekst);
}

.filters-nav-item:hover:before,
.filters-nav-item:hover:after {
  border-bottom-color: var(--osnovnoy-tekst);
}

.filters-nav-item.active {
  color: #111;
  text-shadow: 0.1px 0.1px #111, -0.2px -0.2px #111, -0.1px 0.1px #111, 0.1px -0.1px #111;
}

.filters-nav-item.active:before {
  opacity: 1;
  width: calc(50% - 6px);
  border-bottom: 2px solid var(--oranzhevyy);
}

.filters-nav-item.active:after {
  opacity: 1;
  width: calc(50% - 6px);
  border-bottom: 2px solid var(--oranzhevyy);
}

.filters-nav-item.active:hover {
  color: #111;
}

.filters-nav-item.active:hover:before,
.filters-nav-item.active:hover:after {
  border-bottom: 2px solid var(--oranzhevyy);
}

.filters-nav-item.active .down-mark {
  opacity: 1;
}

.table-group {
  width: 100%;
  overflow: hidden;
  position: relative;
}

.table-loader {
  position: absolute;
  inset: 0;
  z-index: 10;
  overflow: hidden;
  background-color: #fff;
}

/* слой с "прямоугольниками" */

.table-loader::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url(../img/table-loader.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
}

/* блик */

.table-loader::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(100deg, transparent 20%, rgba(255, 255, 255, 0.15) 40%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.15) 60%, transparent 80%);
  animation: table-loader-shimmer 1.6s linear infinite;
}

@keyframes table-loader-shimmer {
  to {
    transform: translateX(100%);
  }
}

.table-wrapper {
  width: 100%;
}

.table-button-next,
.table-button-prev {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  width: 2.5rem;
  height: 6.875rem;
  background: rgba(235, 246, 246, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 0.3s;
}

.table-button-next svg,
.table-button-prev svg {
  color: var(--osnovnoy-tekst);
}

.table-button-next:hover,
.table-button-prev:hover {
  background: rgba(208, 245, 248, 0.8);
}

.table-button-prev.is-hidden,
.table-button-next.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.table-button-next {
  right: 0;
  border-radius: 1.875rem 0 0 1.875rem;
  padding-left: 6px;
}

.table-button-prev {
  left: 0;
  border-radius: 0 1.875rem 1.875rem 0;
  padding-right: 6px;
}

.table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  border: 1px solid var(--kontur-obschiy);
  border-radius: 0.625rem;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.table tr:hover td {
  background-color: var(--biryuzovyy-100);
}

.table tr.error-row:hover td {
  background-color: var(--fon-krasnyy);
}

.table-thead {
  background: var(--biryuzovyy-100);
  border-radius: 0.625rem 0.625rem 0 0;
}

.table th,
.table td {
  padding: 13px 10px;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
  vertical-align: middle;
  transition: background-color 0.2s;
}

.table th .label-error,
.table td .label-error {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.table th button {
  white-space: pre-wrap;
  text-align: left;
}

.table th {
  padding: 15px 12px;
}

.table-tbody tr:last-child td {
  border-bottom: 0;
}

.table th {
  font-family: var(--font-family);
  font-weight: 400;
  font-size: 0.8125rem;
  line-height: 1.15;
  color: var(--vspomogatelnyy-tekst);
}

.table th button {
  color: var(--vspomogatelnyy-tekst);
}

.table-tbody td {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.27;
  color: var(--osnovnoy-tekst);
}

.table .sort-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.375rem;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  cursor: pointer;
}

.sort-icons {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.sort-icons .sort-up,
.sort-icons .sort-down {
  width: 0.625rem;
  height: 0.875rem;
  background-size: 0.625rem 0.875rem;
  background-position: center top;
  background-repeat: no-repeat;
}

.sort-icons .sort-up {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 9L5 5L9 9' stroke='%23A1BBBD' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}
/*
.sort-icons .sort-up:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 9L5 5L9 9' stroke='%2330B0BC' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}
*/
.sort-icons .sort-down {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 5L5 9L9 5' stroke='%23A1BBBD' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}
/*
.sort-icons .sort-down:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='10' height='14' viewBox='0 0 10 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1 5L5 9L9 5' stroke='%2330B0BC' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}*/

.table .cell-options {
  width: 2.625rem;
  text-align: right;
}

.table .cell-options + .cell-options {
  padding-left: 0;
  width: 2rem;
}

.user-table .cell-role {
  width: 15%;
}

.user-table .cell-company {
  width: 14%;
}

.user-table .cell-login {
  width: 16%;
}

.user-table .cell-email {
  width: 21%;
}

.table-total-title {
  line-height: 1;
}

.table-total-item {
  -moz-column-gap: 0.3125rem;
  column-gap: 0.3125rem;
}

.table-total-item .h2 {
  line-height: 1.33;
}

.table-total-item .muted-14 {
  line-height: 1.29;
  margin-top: 10px;
}

.table-total-group {
  -moz-column-gap: 2.5rem;
  column-gap: 2.5rem;
}

.table-total-group .table-total-item + .table-total-item {
  position: relative;
}

.table-total-group .table-total-item + .table-total-item:before {
  content: "|";
  position: absolute;
  left: -21px;
  color: var(--kontur-obschiy);
  font-size: 1.375rem;
}

.table-total-content {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.table-total-item .price-drop {
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 500;
}

.table-total-item .price-drop .dropdown {
  margin-top: -3px;
}

.table-total .dropdown.dropdown-currency .dropdown__button {
  height: 2.3125rem;
  width: 2.875rem;
  font-size: 1.125rem;
  font-weight: 500;
}

.table-total .dropdown.dropdown-currency .radio-label {
  font-size: 1.125rem;
  padding-bottom: 0;
}

.attachment-block.bg-biruza {
  padding: 1.375rem 1.5rem;
  border-radius: 0.625rem;
  overflow: hidden;
}

.attachment-list {
  display: flex;
  flex: 1;
  flex-direction: column;
  gap: 0.5rem;
}

.attachment-list .attachment-item {
  width: -moz-fit-content;
  width: fit-content;
}

.attachment-button label {
  position: relative;
  cursor: pointer;
}

.attachment-button input {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
}

.download-zone-text .input-file:hover .txt-accent {
  color: var(--oranzhevyy) !important;
}

.attachment-block {
  display: flex;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
  align-items: center;
}

.download-zone-note {
  font-weight: 500;
  text-align: center;
  color: var(--vspomogatelnyy-tekst);
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.download-zone-note ol,
.download-zone-note ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.download-zone-note .txt-red {
  text-transform: uppercase;
}

.price-drop {
  display: flex;
  align-items: center;
  -moz-column-gap: 5px;
  column-gap: 5px;
}

.order-table {
  min-width: 93.75rem;
  width: 100%;
}

.order-table td,
.order-table th {
  padding: 0.75rem 0.5rem;
}

.order-table .first-col {
  width: 40px;
}

.order-table .cell-order-number {
  width: 8%;
}

.order-table tbody .cell-order-number span {
  display: inline-block;
  line-height: 1.4;
  padding: 0.1875rem 0.625rem 0.0625rem;
  height: 1.6875rem;
}

.order-table .cell-date,
.order-table .cell-invoice-date,
.order-table .cell-edit {
  width: 5.9375rem;
  white-space: nowrap;
}

.order-table .cell-status {
  width: 7.5%;
}

.order-table .cell-manager {
  width: 12.7%;
}

.order-table .cell-invoice {
  width: 9.3%;
}

.order-table .cell-contractor {
  width: 7%;
}

.order-table .cell-price,
.order-table .cell-deficit {
  width: 8.5%;
  white-space: nowrap;
}

.order-table .cell-company {
  width: 12%;
}

.dropdown.dropdown-currency {
  width: 2.875rem;
  flex-shrink: 0;
}

.dropdown.dropdown-currency .dropdown__button {
  padding-left: 0.625rem;
  padding-right: 0.5625rem;
  height: 2rem;
  font-size: 0.9375rem;
}

.dropdown.dropdown-currency .dropdown__button:before {
  content: "";
  height: 1px;
  width: 0.75rem;
  border-bottom: 1px dashed rgba(17, 17, 17, 0.5);
  position: absolute;
  left: 0.5625rem;
  bottom: 0.25rem;
}

.dropdown.dropdown-currency .dropdown__button::after {
  top: 50%;
  right: 0.4rem;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
}

.dropdown.dropdown-currency .dropdown__button.dropdown__button--active:after {
  transform: translateY(-50%) rotate(180deg);
}

.dropdown.dropdown-currency .radio-label {
  padding: 0;
  padding-block: 4px;
  font-size: 14px;
  line-height: 1;
  text-align: center;
  justify-content: center;
}

.dropdown.dropdown-currency .dropdown__list-item {
  padding: 5px 10px;
  padding-left: 6px;
}

.dropdown.dropdown-currency .dropdown__list-item:hover {
  background: #fff;
}

.dropdown.dropdown-currency .dropdown__list--visible {
  top: calc(100% + 3px);
}

.dropdown.dropdown-currency .dropdown__list--visible ul {
  margin-top: 3px;
  margin-bottom: 3px;
}

.dropdown.dropdown-currency.dropdown-top .dropdown__list--visible {
  top: auto !important;
  bottom: calc(100% + 3px);
}

.filters-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.875rem;
}

.filters-grid .form-label.hide-label {
  opacity: 0;
}

.filters-grid .span-1 {
  grid-column: span 1;
}

.filters-grid .span-2 {
  grid-column: span 2;
}

.filters-grid .span-3 {
  grid-column: span 3;
}

.filters-grid .form-item.refusal-checkbox {
  align-self: flex-end;
  height: 46px;
  display: flex;
  align-items: center;
}

.info-list {
  display: flex;
  gap: 1.875rem;
  flex-wrap: wrap;
}

.info-list-item .font-16 {
  line-height: 1.63;
}

.info-list-item > * + * {
  margin-top: 0.3125rem;
}

.change-history-list {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 1.25rem;
}

.info-list-item {
  padding-right: 1.875rem;
  border-right: 1px solid var(--kontur-obschiy);
}

.info-list-item:last-child {
  border: 0;
  padding-right: 0;
}

.cell-choose {
  width: 45px;
}

.editable-table .cell-option {
  width: 50px;
}

.edit-inp {
  height: 2.875rem;
  border-radius: 0.625rem;
  background-color: #fff;
  border: 1px solid var(--kontur-inputa);
  padding: 5px 8px;
}

.cell-camera {
  width: 4.375rem;
  text-align: center;
}

.cell-camera > * {
  margin-left: auto;
  margin-right: auto;
}

.editable-table .edit-textarea {
  height: 2.875rem;
  border-radius: 0.625rem;
  background-color: #fff;
  border: 1px solid var(--kontur-inputa);
  padding: 5px 8px;
  line-height: 1.1;
  display: flex;
  align-items: center;
}

.cell-number {
  width: 85px;
  text-align: center !important;
}

.cell-articul {
  width: 160px;
}

.cell-order-code {
  width: 160px;
}

.cell-name {
  width: 355px;
}

.cell-price {
  width: 160px;
}

.cell-counter {
  width: 150px;
}

.cell-storage {
  width: 240px;
}

.cell-period {
  width: 140px;
}

.cell-calendar {
  width: 160px;
}

.cell-calendar input {
  font-size: 0.9375rem;
  padding-left: 15px;
}

.cell-comment {
  width: 320px;
}

.cell-status {
  width: 170px;
}

.editable-table td textarea,
.editable-table td input.edit-inp {
  min-height: 2.875rem;
  resize: none;
  width: 100%;
}

.editable-table td input.edit-inp {
  text-align: center;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}

.editable-table td.cell-period input.edit-inp,
.editable-table td.cell-price input.edit-inp {
  text-align: left;
}

.price-drop.price-editable {
  position: relative;
}

.price-drop.price-editable .dropdown {
  position: absolute;
  right: 2px;
  top: 8px;
}

.price-drop.price-editable .edit-inp {
  padding-right: 40px;
}

.price-drop.price-editable .dropdown__button {
  border-radius: 0;
  border: 0;
  border-left: 1px solid var(--kontur-inputa);
}

.counter-block {
  display: flex;
  -moz-column-gap: 5;
  column-gap: 5;
  height: 2.875rem;
  border: 1px solid var(--kontur-inputa);
  border-radius: 10px;
  background: #fff;
  padding: 5px;
}

.counter-block .counter-minus,
.counter-block .counter-plus {
  width: 1.875rem;
  flex-shrink: 0;
  display: block;
  background-repeat: no-repeat;
  background-position: center;
}

.counter-block .counter-count {
  flex-grow: 1;
  text-align: center;
  width: 3.125rem;
}

.counter-block .counter-minus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.75 0.75H7.75H0.75' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.counter-block .counter-minus:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='2' viewBox='0 0 16 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.75 0.75H7.75H0.75' stroke='%23FF9C06' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.counter-block .counter-plus {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.75 0.75V7.75M7.75 14.75V7.75M7.75 7.75H14.75M7.75 7.75H0.75' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.counter-block .counter-plus:hover {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.75 0.75V7.75M7.75 14.75V7.75M7.75 7.75H14.75M7.75 7.75H0.75' stroke='%23FF9C06' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.error-row td {
  position: relative;
  background-color: var(--fon-krasnyy);
}

tr.selected-row td {
  background-color: var(--biryuzovyy-200);
}

tr.selected-row:hover td {
  background-color: var(--biryuzovyy-200);
}

.label-error {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 2;
}

.additional-option-row {
  justify-content: space-between;
}

.additional-option-col.flex {
  -moz-column-gap: 1.5625rem;
  column-gap: 1.5625rem;
}

.modal-frame {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: 0.3s;
  padding-block: 4.375rem;
  z-index: 20;
  overflow: hidden;
  overflow-y: auto;
  display: none;
  background: rgba(0, 0, 0, 0.5);
}

.modal-frame-content {
  opacity: 0;
  box-shadow: 0 10px 30px 0 rgba(34, 55, 56, 0.3);
  background: var(--belyy);
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 17.5rem;
  margin-inline: auto;
  border-radius: 0.625rem;
  padding: 3.125rem;
  position: relative;
}

.modal-frame .btn-close {
  position: absolute;
  top: 20px;
  right: 20px;
}

.modal-frame.active {
  display: block;
}

.modal-frame.active .modal-frame-content {
  animation-name: opacity;
  animation-duration: 0.6s;
  animation-timing-function: linear;
  animation-fill-mode: forwards;
}

.modal-frame.modal-medium .modal-frame-content {
  width: 100%;
  max-width: 40.3125rem;
}

@keyframes opacity {
  to {
    opacity: 1;
  }
}

.modal-frame-header {
  text-align: center;
  justify-content: center;
  align-items: center;
}

.modal-wrapper {
  border-radius: 0.625rem;
  background: var(--biryuzovyy-100);
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 23.125rem;
  padding: 1.25rem 1.875rem;
}

.progress-group {
  width: 100%;
  border-radius: 0.625rem;
  background-color: #fff;
  padding: 0.9375rem 1.5625rem;
  display: flex;
  position: relative;
  flex-direction: column;
}

.progress-group .progress-line-group {
  display: flex;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
  align-items: center;
}

.progress-group .progress-status {
  flex-shrink: 0;
  color: var(--vtorostepennyy-tekst);
  font-weight: 500;
}

.progress-group .progress-status svg {
  color: var(--oranzhevyy);
}

.progress-group .progress-title {
  display: flex;
  align-items: center;
  -moz-column-gap: 1.5rem;
  column-gap: 1.5rem;
}

.progress-group .progress-title .font-16 {
  flex: 1;
  line-height: 1.63;
  color: var(--osnovnoy-tekst);
}

.progress-group .progress-title .progress-cansel {
  width: 1.875rem;
  height: 1.875rem;
  margin-left: auto;
}

.progress-group .progress-title .progress-cansel svg {
  color: var(--osnovnoy-tekst);
}

.progress-group .progress-title .progress-cansel:hover svg {
  color: var(--krasnyy);
}

.progress-group .progress-line {
  position: relative;
  height: 0.1875rem;
  border-radius: 0.625rem;
  overflow: hidden;
  flex: 1;
  background-color: var(--fon-seryy);
}

.progress-group .progress-line span {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
  border-radius: 0.4375rem;
  width: 40%;
  transition: 0.5s;
  background: var(--oranzhevyy);
  display: block;
}

.progress-group--green {
  background: var(--biryuzovyy-200);
}

.progress-group--green .icon-check {
  color: var(--zelenyy);
}

.progress-group--green .progress-line span {
  background: var(--zelenyy);
}

.progress-group-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}

.dates-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  text-align: center;
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.two-columns.calendar-group {
  row-gap: 1.25rem;
}

.calendar-group .calendar-label {
  min-height: 2.375rem;
  display: flex;
  align-items: flex-end;
}

.modal-frame.modal-large {
  justify-content: flex-end;
  align-items: stretch;
  height: 100vh;
  padding: 0;
}

.modal-frame.modal-large.active {
  display: flex;
}

.modal-frame.modal-large .modal-frame-content {
  width: 89%;
  max-width: 90rem;
  margin-right: 0;
  border-radius: 0.625rem 0 0 0.625rem;
  padding: 3.125rem;
  padding-right: 0;
}

.modal-frame.modal-large .modal-frame-header {
  text-align: left;
}

.modal-frame.modal-large .modal-frame-body.scroll-y {
  height: calc(100vh - 6.25rem - 3.75rem);
  padding-right: 2.1875rem;
}

.table-settings-content {
  -moz-column-count: 2;
  column-count: 2;
  -moz-column-width: 14.0625rem;
  column-width: 14.0625rem;
  gap: 1.875rem;
}

.table-settings-content .checkbox-label {
  margin-bottom: 17px;
}

.form-footer > * {
  -moz-column-gap: 1.25rem;
  column-gap: 1.25rem;
}

.download-zone {
  padding: 2.5rem;
  border-radius: 0.625rem;
  background: var(--biryuzovyy-100);
  border: 0px dashed rgba(0, 0, 0, 0.3490196078);
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg width='100%' height='100%' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill: none; stroke:%2344ced9; stroke-width: 2.5; stroke-dasharray: 16 10'/></svg>");
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.25rem;
}

.download-zone {
  width: 585px;
  margin-inline: auto;
}

.download-zone.download-zone-large {
  min-height: 23.125rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 1.875rem;
}

.download-icon {
  width: 6.875rem;
  height: 6.875rem;
  border-radius: 50%;
  background: var(--biryuzovyy-200);
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
}

.download-zone-text {
  max-width: 16.875rem;
  margin-inline: auto;
  text-align: center;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.44;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  color: var(--osnovnoy-tekst);
}

.download-zone-conditions {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.langs-group {
  display: flex;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}

.label-lang {
  display: inline-flex;
  font-weight: 500;
  font-size: 14px;
  line-height: 1.29;
  text-align: center;
  color: var(--biryuzovyy-400);
  border-radius: 0.625rem;
  border: 2px solid var(--biryuzovyy-200);
  background-color: #fff;
  text-align: center;
  height: 1.875rem;
  padding: 0.375rem 0.9375rem;
}

.label-lang.current-lang {
  background-color: var(--biryuzovyy-200);
  color: var(--osnovnoy-tekst);
}

.aside-grid {
  display: flex;
  -moz-column-gap: 3.75rem;
  column-gap: 3.75rem;
}

.aside-grid .aside-column {
  width: 15.5rem;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 1.875rem;
  position: sticky;
  height: -moz-fit-content;
  height: fit-content;
  top: 1.875rem;
}

.aside-grid .content-column {
  flex: 1;
  display: flex;
  flex-direction: column;
  row-gap: 3.125rem;
}

.aside-grid .content-column > * {
  width: 100%;
}

.text-article {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.63;
  color: var(--vspomogatelnyy-tekst);
}

.page-menu {
  background: var(--biryuzovyy-100);
  border-radius: 0.625rem;
  padding-block: 0.625rem;
  display: flex;
  flex-direction: column;
}

.page-menu-link {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.63;
  color: var(--osnovnoy-tekst);
  padding: 0.625rem 1.5625rem;
  background: var(--biryuzovyy-100);
  border-left: 2px solid var(--biryuzovyy-100);
  transition: 0.3s;
}

.page-menu-link.active {
  background: var(--biryuzovyy-200);
  border-left: 2px solid var(--biryuzovyy-300);
}

.border-text {
  border: 2px solid var(--biryuzovyy-300);
  border-radius: 0.625rem;
  padding: 1.875rem;
  font-weight: 500;
  font-size: 1remy 16;
  line-height: 1.63;
  color: var(--osnovnoy-tekst);
}

figure {
  width: 21.875rem;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}

figure figcaption {
  font-style: italic;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 157%;
  color: var(--vtorostepennyy-tekst);
  padding-bottom: 0.3125rem;
  margin-top: 0.9375rem;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}

figure figcaption:after {
  content: "";
  position: absolute;
  width: 50%;
  height: 1px;
  background: var(--kontur-obschiy);
  left: 0;
  bottom: 0;
}

.float-image p + p {
  margin-top: 30px;
}

.float-image figure {
  float: right;
  margin-left: 60px;
  margin-bottom: 60px;
}

.float-image figure img {
  width: 100%;
  aspect-ratio: 350/214;
  -o-object-fit: contain;
  object-fit: contain;
}

.text-article.flex {
  align-items: flex-start;
  -moz-column-gap: 3.75rem;
  column-gap: 3.75rem;
}

.text-article.flex figure {
  width: 21.875rem;
}

.number-list ol {
  list-style-type: none;
  counter-reset: num;
  margin: 0;
  padding: 15px 0 5px 0;
  font-size: 16px;
}

.number-list ol li {
  position: relative;
  margin: 0 0 0 0;
  padding: 0 0 0 3.75rem;
  line-height: 1.4;
}

.number-list ol li + li {
  margin-top: 1.25rem;
}

.number-list ol li:before {
  content: counter(num);
  counter-increment: num;
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  background: #fff;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 2.375rem;
  text-align: center;
  color: var(--biryuzovyy-400);
  text-align: center;
  border-radius: 50%;
  border: 2px solid var(--biryuzovyy-300);
}

.dash-list li {
  position: relative;
  padding-left: 3.125rem;
  color: var(--vspomogatelnyy-tekst);
}

.dash-list li strong {
  color: var(--osnovnoy-tekst);
  font-weight: 500;
}

.dash-list li:before {
  content: "";
  height: 1px;
  width: 1.875rem;
  background: var(--biryuzovyy-300);
  position: absolute;
  left: 0;
  top: 0.625rem;
}

.dash-list li + li {
  margin-top: 10px;
}

.acordion-wrapper {
  border-top: 1px solid var(--kontur-obschiy);
}

.acordion-wrapper .acordion-button {
  display: flex;
  padding-block: 1.25rem;
  background: #fff;
  display: flex;
  align-items: center;
  -moz-column-gap: 16px;
  column-gap: 16px;
  font-weight: 500;
  font-size: 18px;
  line-height: 144%;
  color: var(--osnovnoy-tekst);
  position: relative;
  cursor: pointer;
}

.acordion-wrapper .acordion-button:after {
  content: "";
  position: absolute;
  width: 26px;
  height: 26px;
  display: block;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M13 3L13 13M13 23L13 13M13 13L23 13M13 13L3 13' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
  background-size: 22px;
  background-position: center;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s;
}

.acordion-item.acordion-item--active .acordion-button:after {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='22' height='2' viewBox='0 0 22 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M20.75 0.750001L10.75 0.75L0.75 0.749999' stroke='%2344CED9' stroke-width='1.5' stroke-linecap='round' /%3e%3c/svg%3e");
}

.acordion-wrapper .acordion-item__title {
  flex-grow: 1;
}

.acordion-wrapper .acordion-item {
  border-bottom: 1px solid var(--kontur-obschiy);
}

.acordion-wrapper .acordion-item__icon {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.acordion-wrapper .acordion-body {
  max-height: 0;
  overflow: hidden;
  transition: height 0.3s, max-height 0.3s;
}

.acordion-body__content {
  padding-bottom: 1.25rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 163%;
  color: var(--vspomogatelnyy-tekst);
}

.time-info,
.author-info {
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.29;
  position: relative;
  padding-left: 1.25rem;
  -moz-column-gap: 0.625rem;
  column-gap: 0.625rem;
}

.time-info:before,
.author-info:before {
  content: "";
  width: 16px;
  height: 16px;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}

.time-info {
  color: var(--vtorostepennyy-tekst);
}

.time-info:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14 6.66732H2M10.6667 1.33398V4.00065M5.33333 1.33398V4.00065M5.2 14.6673H10.8C11.9201 14.6673 12.4801 14.6673 12.908 14.4493C13.2843 14.2576 13.5903 13.9516 13.782 13.5753C14 13.1475 14 12.5875 14 11.4673V5.86732C14 4.74721 14 4.18716 13.782 3.75934C13.5903 3.38301 13.2843 3.07705 12.908 2.8853C12.4801 2.66732 11.9201 2.66732 10.8 2.66732H5.2C4.07989 2.66732 3.51984 2.66732 3.09202 2.8853C2.71569 3.07705 2.40973 3.38301 2.21799 3.75934C2 4.18716 2 4.74721 2 5.86732V11.4673C2 12.5875 2 13.1475 2.21799 13.5753C2.40973 13.9516 2.71569 14.2576 3.09202 14.4493C3.51984 14.6673 4.07989 14.6673 5.2 14.6673Z' stroke='%23A4A4A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.author-info span {
  color: var(--vtorostepennyy-tekst);
}

.author-info:before {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M7.99985 10.0332C5.79286 10.0332 3.83025 10.9608 2.58074 12.4005C2.31181 12.7103 2.17735 12.8652 2.18175 13.0746C2.18514 13.2364 2.30182 13.4404 2.44803 13.5403C2.63726 13.6696 2.8995 13.6696 3.42398 13.6696H12.5756C13.1001 13.6696 13.3624 13.6696 13.5516 13.5403C13.6978 13.4404 13.8145 13.2364 13.8179 13.0746C13.8223 12.8652 13.6878 12.7103 13.4189 12.4005C12.1694 10.9608 10.2067 10.0332 7.99985 10.0332Z' stroke='%23A4A4A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3cpath d='M7.99895 7.85138C9.60554 7.85138 10.908 6.54894 10.908 4.94229C10.908 3.33565 9.60554 2.0332 7.99895 2.0332C6.39228 2.0332 5.08984 3.33565 5.08984 4.94229C5.08984 6.54894 6.39228 7.85138 7.99895 7.85138Z' stroke='%23A4A4A4' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' /%3e%3c/svg%3e");
}

.change-history-item {
  display: flex;
  flex-direction: column;
  gap: 0.3125rem;
}

.change-history-card {
  width: 100%;
  border-radius: 10px;
  padding: 1.25rem 1.875rem 1.125rem;
  background: var(--biryuzovyy-100);
  display: grid;
  grid-template-columns: 8.125rem 1fr 1fr;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
}

.change-history-card .info-list-item.flex-column {
  gap: 0;
  justify-content: center;
}

.change-history-block {
  display: flex;
  -moz-column-gap: 0.9375rem;
  column-gap: 0.9375rem;
}

.change-history-title {
  -moz-column-gap: 0.8125rem;
  column-gap: 0.8125rem;
  padding: 0.375rem 0.9375rem 0.3125rem;
  border-radius: 0.625rem;
  background-color: var(--fon-oranzhevyy);
  width: -moz-fit-content;
  width: fit-content;
}

.attach-item,
.attach-list {
  display: flex;
  flex-direction: column;
}

.attach-item > *,
.attach-list > * {
  width: 100%;
}

.attach-item {
  padding-block: 1.25rem;
  gap: 1.25rem;
}

.attach-item:first-child {
  padding-top: 0;
}

.attach-item:last-child {
  padding-bottom: 0;
}

.attach-group {
  display: grid;
  grid-template-columns: repeat(auto-fill, 150px);
  gap: 1.25rem;
}

.attach-group img {
  width: 150px;
  height: 150px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 0.625rem;
}

.attach-item + .attach-item {
  border-top: 1px solid var(--kontur-obschiy);
}

footer.footer {
  padding-top: 2.25rem;
  padding-bottom: 2.25rem;
  border-top: 0.1875rem solid var(--biryuzovyy-300);
  background: var(--belyy);
  min-height: 5.625rem;
  font-weight: 400;
  line-height: 1.27;
  color: var(--vtorostepennyy-tekst);
}

@media (max-width: 1279px) {
  .container {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
}
/*# sourceMappingURL=main.css.map */