/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */
/* stylelint-disable no-duplicate-selectors */
/* stylelint-disable */
/* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */
html,
body,
#root,
#app,
app {
  height: 100%;
}
.colorWeak {
  filter: invert(80%);
}
.ant-layout {
  min-height: 100vh;
}
canvas {
  display: block;
}
body {
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /*width: auto !important;*/
    background: var(--contentBackground) !important;
}
ul,
ol {
  list-style: none;
}
@media (max-width: 480px) {
  .ant-table {
    width: 100%;
    overflow-x: auto;
  }
  .ant-table-thead > tr > th,
  .ant-table-tbody > tr > th,
  .ant-table-thead > tr > td,
  .ant-table-tbody > tr > td {
    white-space: pre;
  }
  .ant-table-thead > tr > th > span,
  .ant-table-tbody > tr > th > span,
  .ant-table-thead > tr > td > span,
  .ant-table-tbody > tr > td > span {
    display: block;
  }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body .ant-design-pro > .ant-layout {
    min-height: 100vh;
  }
}

.my-reconnect-modal > div {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000;
    overflow: hidden;
    text-align: center;
    font-weight: bold;
    display: flex;
    justify-content: center;
}

.components-reconnect-hide > div {
    display: none;
}

.components-reconnect-show > div {
    display: none;
}

.components-reconnect-show > .show {
    display: none;
}

.components-reconnect-failed > div {
    display: none;
}

.components-reconnect-failed > .failed {
    display: flex;
}

.components-reconnect-rejected > div {
    display: none;
}

.components-reconnect-rejected > .rejected {
    display: flex;
}

.custom-reconnect-modal {
    top: 20%;
    background: var(--contentBackground);
    color: var(--contentText);
    width: 540px;
    max-height: 271px;
    position: relative;
    padding: 0px 24px;
    border-radius: var(--containerBorderRadius);
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.my-reconnect-modal > div {
    background-color: var(--contentTextBorder80);
}

.ant-badge {
    width: 100%;
}

.not-full-badge.ant-badge {
    width: auto;
}

.basic-shadow {
    border-radius: 7px;
    box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2);
    overflow: hidden;
}

.ant-modal-close {
    z-index: 200
}

.custom-modal .ant-modal-body {
    padding: 0px;
}

.ant-picker-panel {
    border: none;
}

.ant-input-number {
    overflow: hidden;
}

.change-count-button {
    width: 28px;
    height: 28px;
    border-radius: 100px !important;
}

.cursor-pointer, .cursor-pointer > textarea {
    cursor: pointer !important;
}

.cursor-default, .cursor-default > textarea {
    cursor: default !important;
}

.news-card-preview .ant-card-cover {
    margin: 0px;
    height: 259px;
}

.product-card-preview .ant-card-cover {
    margin: 0px;
    height: 100%;
}

.ant-tree-select > span {
    visibility: collapse;
}

.ant-tree-select .ant-select-selector {
    border: none !important;
    background: transparent !important;
    cursor: pointer !important;
    border-color: none !important;
    border-radius: none !important;
}

.ant-tree-select.ant-select-focused .ant-select-selector {
    box-shadow: none !important;
}

.ant-tree-select.ant-select.ant-select-single.ant-select-show-arrow.ant-select-show-search {
    background: none !important;
}

.ant-switch-checked:focus {
    box-shadow: none;
}

.product-image {
    width: 100%
}

.ant-card-cover {
    height: 50%;
    overflow: hidden;
}

.ant-layout-header {
    padding: 0 15px;
}

.ant-menu-vertical {
    border-right: none
}

.ant-anchor-ink-ball, .ant-anchor-ink {
    visibility: hidden
}

.row-bottom {
    margin-bottom: 2%;
}

.ant-select-single .ant-select-selector .ant-select-selection-item {
    line-height: unset;
}

.base-text-overflow, .two-lines-text-overflow, .tree-lines-text-overflow, .four-lines-text-overflow{
    display: -webkit-box;
    max-width: 100%;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.two-lines-text-overflow {
    -webkit-line-clamp: 2;
}

.tree-lines-text-overflow {
    -webkit-line-clamp: 3;
}

.four-lines-text-overflow {
    -webkit-line-clamp: 4;
}

.ant-select-selection-item {
    align-self: center;
}

.profile-dropdown .ant-dropdown-menu {
    padding: 0px;
}

.news-card-preview .ant-card-body {
    height: 199px;
}

.product-image {
    width: 100%;
}

.product-image > img {
    height: 100%;
}

.product-price-size {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
}

.basket-item-row {
    margin-bottom: 10px;
}

.basket-item-row-creation {
    margin-bottom: 24px;
}

.ant-anchor-link {
    padding: unset;
}

.ant-anchor-link .ant-anchor-link {
    padding-bottom: unset;
}

.ant-anchor-link-title {
    overflow: unset;
    text-overflow: unset;
    color: unset;
}

.ant-anchor-link-title:only-child {
    font-size: 14px;
}

.anchor-dropdown .ant-dropdown-menu {
    box-shadow: none;
}

.ant-layout-header {
    padding: 0 0px;
}

.app-footer.ant-layout-footer {
    padding: 0px 0px;
}

.location-container {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.info-text, .info-text-bold {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}

.info-text-accent {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
}
.info-text-small, .info-text-small-bold {
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
}

.info-text-small-bold, .info-text-bold {
    font-weight: 600;
}

.page-header-text {
    font-size: 24px;
    font-weight: 600;
    line-height: 26px;
}

.ant-dropdown-menu-submenu-title {
    display: flex;
}

.product-details-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
}

.segment-control {
    border-radius: 6px;
    background-color: transparent;
    width: 100%;
}

.segment-control .ant-radio-group {
    display:flex;
}

.fill-line {
    flex: 1;
    display: flex;
    align-items: center;
}

.ant-image-img {
    object-fit: cover;
}

.ant-input-group > .ant-input:last-child {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
}

.radio-payment-type {
    align-self: center;
    margin-bottom: 24px
}

.ant-form-item {
    margin-bottom: 0px;
}

.custom-modal-login .ant-modal-body {
    min-height: 432px;
    align-content: center;
}

.history-modal .ant-modal-header {
    border: 0px;
}

.about-company-info {
    width: 305px;
    margin-right: 81px;
}

.ant-input:focus, .ant-input-focused, .ant-picker-focused, .ant-input-number-focused {
    box-shadow: none;
}

.desktop-short-header-menu{
    display: none;
}

.ant-message-info, .ant-message-success, .ant-message-error {
    padding: 24px;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.ant-message-custom-content > span {
    text-align: left;
}

.ant-message-info {
    background-color: #E39600;
}

.ant-message-success {
    background-color: #63A71E;
}

.ant-message-error {
    background-color: #FF0000;
}

.ant-message-custom-content .anticon {
    color: #fff;
    font-size: 30px;
    margin-right: 18px;
}

.ant-page-header.has-breadcrumb {
    height: 0px;
    padding: 0px;
}

.header-text-accent, .header-text-hover:hover {
    color: var(--headerAccent) !important;
}

.header-text, .header-text-hover {
    color: var(--headerText) !important;
}

.header-accent-background, .header-accent-background:hover, .header-accent-background:focus {
    background-color: var(--headerAccent);
}

.header-background {
    background-color: var(--headerBackground);
}

.menu-text, .menu-text-hover {
    color: var(--menuText);
}

.menu-text-hover:hover, .menu-text-accent, .menu-text-accent:hover {
    color: var(--menuAccent);
}

.menu-background {
    background-color: var(--menuBackground);
}

.content-text, .content-text label, .content-text h1, .content-text h2, .content-text h3, .content-text h4,
.content-text h5, .content-text h6, .content-text p {
    color: var(--contentText);
}

.content-background {
    background-color: var(--contentBackground);
}

.content-item-background {
    background-color: var(--contentItemColor);
}

.content-accent-background {
    background-color: var(--contentAccent);
}

.content-text-hover, .content-text-hover-markdown a {
    color: var(--contentText);
}

.content-text-hover-markdown a {
    text-decoration: underline
}

.content-text-accent, .content-text-hover:hover, .content-text-hover-markdown a:hover {
    color: var(--contentAccent);
}

.content-button {
    color: var(--contentButtonText) !important;
    background-color: var(--contentButtonColor) !important;
}

.content-button-text {
    color: var(--contentButtonText);
}

.footer-text {
    color: var(--footerText);
}

.accent-text {
    font-weight: 600;
}

.product-card-preview {
    border-radius: var(--containerBorderRadius);
    overflow: hidden;
}

.product-card-preview.ant-card-bordered {
    border: 1px solid var(--contentBackground);
}

.ant-switch.ant-switch-checked {
    background-color: var(--contentAccent);
}

.ant-switch {
    background-color: var(--contentTextColor50);
}

.radio-segment-control,
.radio-segment-control .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before,
.radio-segment-control .ant-radio-button-wrapper:not(:first-child)::before {
    background-color: transparent;
}

.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled)::before {
    background-color: transparent !important;
}

.radio-segment-control .ant-radio-button-wrapper {
    border-radius: 6px;
    background-color: var(--contentItemColor);
    color: var(--contentText);
    border: 0px;
}

.radio-segment-control .ant-radio-button-wrapper-checked, .radio-segment-control .ant-radio-button-wrapper-checked:hover {
    background-color: var(--contentAccent);
    color: var(--contentText);
    border: 0px !important;
    border-color: var(--contentAccent) !important;
}

.segment-control-element, .segment-control-element:hover, .segment-control-element.ant-radio-button-wrapper-checked {
    border-color: var(--contentItemColor) !important;
    background-color: var(--contentItemColor) !important;
    color: var(--contentText) !important;
    border: 0px;
    padding: 2px;
    box-shadow: none !important;
    text-align: center;
    overflow: hidden;
    height: 28px;
}

.segment-control-element.ant-radio-button-wrapper-checked > .ant-radio-button.ant-radio-button-checked {
    display: none;
}

.segment-control-element > :not(.ant-radio-button),
.segment-control-element.ant-radio-button-wrapper-checked > :not(.ant-radio-button.ant-radio-button-checked) {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
}

.segment-control-element.ant-radio-button-wrapper:last-child {
    border: 0px;
    border-radius: 0 var(--buttonBorderRadius) var(--buttonBorderRadius) 0;
}

.segment-control-element.ant-radio-button-wrapper:first-child {
    border: 0px;
    border-radius: var(--buttonBorderRadius) 0 0 var(--buttonBorderRadius);
}

.delivery-segment-control, .location-modal-picker {
    width: 100%;
    border-radius: var(--buttonBorderRadius);
}

.delivery-segment-control {
    border: 1px solid var(--contentTextBorder80);
}

.location-modal-picker .segment-control-element {
    background-color: var(--headerBackground) !important;
    color: var(--headerText) !important;
}

.location-modal-picker .ant-radio-button.ant-radio-button-checked.ant-radio-button-disabled
.segment-control-element.ant-radio-button-wrapper-checked > :not(.ant-radio-button.ant-radio-button-checked) {
    background-color: var(--headerBackground) !important
}

.base-button, .primary-button, .secondary-content-button, .disabled-button {
    border-radius: var(--buttonBorderRadius);
    font-size: 14px;
    line-height: 24px;
    font-weight: 500;
    justify-content: center;
}

.primary-button, .ant-btn.ant-btn-primary.ant-btn-sm {
    border: 0px;
    font-size: 16px;
    line-height: 24px;
}

.ant-btn.ant-btn-loading::before {
    background: transparent;
}

.disabled-button {
    color: var(--contentText) !important;
    background-color: var(--contentBackground) !important;
    border-color: var(--contentTextBorder80) !important;
}

.login-button {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    height: 36px;
}

.ant-modal-content {
    border-radius: var(--containerBorderRadius);
    background-color: var(--contentBackground);
    overflow: hidden;
}

.custom-modal .ant-modal-content {
    overflow: unset;
    border-radius: var(--containerBorderRadius);
}

.custom-modal .ant-modal-header > button, .custom-modal .ant-modal-header > button:hover {
    z-index: 300;
    position: absolute;
    top: -20px;
    right: -20px;
    height: 40px;
    width: 40px;
    background-color: var(--contentBackground) !important;
    border-radius: var(--containerBorderRadius);
    box-shadow: 0px 8px 16px 0px rgb(0, 0, 0, 0.15);
    border: 0px;
}

.custom-modal .ant-modal-header > button .anticon > svg > path{
    fill: var(--contentText);
}

.ant-modal-header {
    background-color: var(--contentBackground);
    color: var(--contentText);
}

.border-bottom, .ant-modal-header {
    border-bottom: 1px solid var(--contentBorderColor1a);
}

.ant-modal-title {
    color: var(--contentText);
}

.custom-modal .ant-modal, .address-modal-yandex .ant-modal {
    width: 950px !important;
    max-height: 500px;
}

.custom-modal-basket .ant-modal {
    width: unset !important;
    max-width: 540px;
}

.custom-modal .ant-modal-close-x {
    font-size: 26px;
}

.custom-modal .ant-modal-header {
    height: 0px;
    padding: 0px;
    background: transparent;
    border: 0px;
}

.ant-modal-close-x > span {
    color: var(--contentText);
    width: 24px;
    height: 24px;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ant-modal-close-x {
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-modal .ant-modal-close-x > span {
    background-color: transparent;
    width: unset;
    border-radius: unset;
}

.custom-modal .ant-modal-close-x > span > span {
    font-size: 26px;
    color: var(--contentText);
}

.ant-select-item {
    color: var(--contentText) !important;
}

.ant-select-item-option-selected, .ant-select-item-option-active {
    background-color: var(--contentAccent) !important;
}

.ant-select-item.ant-select-item-option.ant-select-item-option-selected,
.ant-select-item.ant-select-item-option.ant-select-item-option-active {
    color: var(--contentButtonText) !important;
}

.ant-input, .ant-input-number, .ant-picker, .ant-select, .ant-select-selector, .ant-select-selector, .ant-select-dropdown,
.ant-input-search, .ant-select:not(.ant-select-customize-input) .ant-select-selector, .ant-input[disabled] {
    border-radius: var(--buttonBorderRadius);
    border-color: var(--contentTextBorder80);
    background: var(--contentBackground);
    color: var(--contentText);
    font-size: 14px;
}

.ant-input-group-addon:first-child {
    border-bottom-left-radius: var(--buttonBorderRadius) !important;
    border-top-left-radius: var(--buttonBorderRadius) !important;
    border-color: var(--contentTextBorder80) !important;
    background-color: var(--contentItemColor) !important;
    color: var(--contentText);
}

.ant-select-dropdown {
    background: var(--contentItemColor) !important;
    padding: 0px;
}

.ant-select-dropdown > div > div::-webkit-scrollbar {
    background-color: var(--contentTextColor50) !important;
}

.ant-select-dropdown > div > div::-webkit-scrollbar-thumb {
    background-color: var(--contentAccent) !important;
}

.ant-input:hover, .ant-input:focus, .ant-input-number:hover, .ant-input-number:focus,
.ant-picker:hover, .ant-picker:focus, .ant-select-selector:hover,
.ant-input-affix-wrapper:not(.ant-input-affix-wrapper-disabled):hover {
    border-color: var(--contentAccent) !important;
}

.ant-picker-input, .ant-picker-input > input, .ant-picker-input > span {
    color: var(--contentText) !important;
    background-color: var(--contentBackground);
}

.ant-picker-clear {
    color: var(--contentAccent);
}

.ant-picker-panel-container {
    background: var(--contentBackground);
    border-radius: var(--secondaryBorderRadius);
}

.ant-picker-header, .ant-picker-footer, .ant-picker-time-panel, .ant-picker-time-panel-column {
    border-color: var(--contentBackground) !important;
}

.ant-picker-header, .ant-picker-header > button, .ant-picker-content th,
.ant-picker-cell-in-view, .ant-picker-today-btn, .ant-picker-now-btn, .ant-picker-time-panel-cell-inner {
    color: var(--contentText) !important;
}

.ant-picker-cell:not(.ant-picker-cell-in-view) {
    color: var(--contentTextBorder80) !important;
}

.ant-picker-cell:hover:not(.ant-picker-cell-in-view)
.ant-picker-cell-inner,
.ant-picker-cell:hover:not(.ant-picker-cell-selected):not(.ant-picker-cell-range-start):not(.ant-picker-cell-range-end):not(.ant-picker-cell-range-hover-start):not(.ant-picker-cell-range-hover-end)
.ant-picker-cell-inner {
    background-color: var(--contentAccent) !important;
    color: var(--contentButtonText) !important;
}

.ant-picker-cell.ant-picker-cell-in-view:hover .ant-picker-cell-inner {
    background-color: var(--contentTextColor50);
}

.ant-picker-time-panel-column > li.ant-picker-time-panel-cell-selected .ant-picker-time-panel-cell-inner,
.ant-picker-time-panel-column > li.ant-picker-time-panel-cell .ant-picker-time-panel-cell-inner:hover {
    background-color: var(--contentAccent);
}

.ant-picker-cell-selected .ant-picker-cell-inner {
    background: var(--contentAccent) !important;
    color: var(--contentButtonText) !important;
}

.ant-picker-cell-inner::before {
    border-color: var(--contentAccent) !important;
}

.ant-input-number-handler-wrap {
    background: var(--contentAccent);
}

.ant-input-number-handler {
    border-color: var(--contentTextColor50);
}

.ant-input-number-handler > span {
    color: var(--contentText);
}

.ant-radio-inner {
    background-color: var(--contentBackground) !important;
    border: 1px solid var(--contentTextBorder80) !important;
}

.ant-radio-input:focus + .ant-radio-inner, .ant-radio:hover .ant-radio-inner {
    border-color: var(--contentAccent) !important;
}

.ant-radio-checked .ant-radio-inner {
    border-color: var(--contentAccent) !important;
}

.ant-radio-checked .ant-radio-inner:after {
    background-color: var(--contentAccent);
}

.ant-radio:hover .ant-radio-inner .ant-radio-disabled {
    border-color: var(--contentAccent);
}

.ant-radio-wrapper-disabled > span {
    color: var(--contentTextColor50)
}

.information-card {
    border-radius: var(--containerBorderRadius);
    background-color: var(--contentItemColor);
}

.product-details-price {
    position: absolute;
    padding-right: 40px;
    width: 100%;
    height: 105px;
    background: linear-gradient(180deg, transparent, var(--contentItemColor) 35px);
    bottom: 0px;
}

.custom-modal-basket .ant-modal-footer {
    border-color: var(--contentBorderColor1a);
}

.custom-modal-basket .ant-modal-header, .custom-modal-basket .ant-modal-content {
    background: var(--contentItemColor);
}

.ant-modal-footer {
    padding: 16px 24px 24px 24px;
}

.ant-modal-body {
    padding: 0px 24px 24px 24px;
    overflow: hidden;
    border-radius: var(--containerBorderRadius);
}

.header-dropdown-item.ant-dropdown-menu-item:hover,
.header-dropdown-item.ant-dropdown-menu-item-selected {
    background-color: var(--contentAccent);
}

.header-dropdown-item.ant-dropdown-menu-item-selected .primary-text,
.header-dropdown-item.ant-dropdown-menu-item:hover .primary-text {
    color: var(--contentText);
}

.ant-dropdown-menu {
    background-color: var(--contentItemColor);
    border-radius: var(--containerBorderRadius);
    overflow: hidden;
}

.ant-dropdown.anchor-dropdown .ant-dropdown-menu, .ant-dropdown.anchor-dropdown, .ant-dropdown-menu-submenu .ant-dropdown-menu,
.ant-dropdown-menu-submenu {
    background-color: var(--menuBackground);
    border-radius: var(--containerBorderRadius);
    overflow: hidden;
}

.ant-dropdown-menu-submenu-popup ul {
    margin: 0px;
}

.ant-dropdown-menu div, .ant-dropdown-menu .anticon {
    color: var(--contentText) !important;
}

.ant-dropdown-menu .anchor-submenu-item div, .anchor-menu-element .ant-anchor-link-title {
    color: var(--menuText);
}


.sider-menu .ant-menu-item:active, .ant-menu-item-selected {
    background-color: var(--headerAccent) !important;
    color: var(--headerText) !important;
}

.ant-menu-inline .ant-menu-item::after {
    border: 0px;
}

.ant-result-title {
    color: var(--contentText);
}

.ant-spin-dot-item {
    background-color: var(--contentAccent);
}

.ant-checkbox-inner {
    background-color: var(--contentBackground);
    border-color: var(--contentTextBorder80);
}

.ant-checkbox-wrapper:hover .ant-checkbox-inner, input:focus + .ant-checkbox-inner {
    border-color: var(--contentAccent) !important;
}

.ant-checkbox-input:checked + .ant-checkbox-inner {
    background-color: var(--contentAccent);
    border-color: var(--contentAccent);
}

.ant-checkbox-checked::after {
    border-color: var(--contentAccent);
}

.dropdown-anchor-text:hover {
    color: var(--contentAccent);
}

.ant-message-notice-content {
    padding: 0px;
    overflow: hidden;
    border-radius: var(--containerBorderRadius);
    width: 359px;
}

.small-size-header {
    display: none;
}

.item-background {
    padding: 24px;
    border-radius: var(--containerBorderRadius);
}

.ant-empty-description{
    color: var(--contentText);
}

.ant-anchor-link-title:hover, .ant-anchor-link-active > .ant-anchor-link-title {
    color: var(--headerAccent);
}

.anchor-dropdown .ant-dropdown-menu-item:hover, .anchor-dropdown .ant-dropdown-menu-submenu-title:hover,
.ant-dropdown-menu-item:hover  {
    background-color: var(--menuBackground);
    color: var(--menuAccent);
}

.anchor-dropdown .ant-dropdown-menu-item:hover a {
    color: var(--menuAccent);
}

.dropdown-menu-disabled-hover:hover, .ant-dropdown-menu-item-selected {
    background-color: transparent;
    color: var(--contentText);
}

.dropdown-menu-city {
    border-radius: var(--secondaryBorderRadius);
    padding: 12px 8px;
}

.ant-dropdown-menu{
    padding: 0px;
}

.ant-dropdown-menu-submenu .ant-dropdown-menu {
    box-shadow: none;
}

.product-discount-price {
    text-decoration: line-through;
    text-decoration-color: var(--contentAccent);
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
}

.basket-item-count{
    border-radius: 20px;
    width: 24px;
    height: 24px;
    justify-content: center;
    align-content: center;
}

.locations-modal .ant-modal-body {
    padding: 24px;
}

.border-top {
    border-top: 1px solid var(--contentTextBorder80);
}

.ant-divider {
    border-color: var(--contentBorderColor1a);
}

.ant-pro-page-container-children-content {
    margin: 24px 0px 0;
}

.location-modal-picker .segment-control-element.ant-radio-button-wrapper-checked > :not(.ant-radio-button.ant-radio-button-checked),
.location-modal-picker .segment-control-element > :not(.ant-radio-button) {
    border-radius: var(--secondaryBorderRadius);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 3px;
}

.location-modal-picker .segment-control-element.ant-radio-button-wrapper:first-child,
.location-modal-picker .segment-control-element.ant-radio-button-wrapper:last-child {
    border-radius: 0px;
    height: 100%;
}

.delivery-type-mobile-picker.ant-select > .ant-select-selector,
.ant-select-focused:not(.ant-select-disabled).ant-select:not(.ant-select-customize-input) .ant-select-selector {
    border-radius: var(--secondaryBorderRadius);
    border-color: var(--contentTextBorder80);
    padding: 2px;
    box-shadow: none;
    background: var(--headerButton);
    overflow: hidden;
}

.profile-sider-menu {
    display: none !important;
}

.segment-tag-element {
    border-radius: 40px;
    height: 28px;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    display: flex;
    align-items: center;
    background-color: var(--contentItemColor);
    color: var(--contentText);
    border-color: var(--contentText);
    cursor: pointer;
    margin-bottom: 6px;
    min-width: 28px;
    justify-content: center;
}

 .segment-tag-element.active-element {
     background-color: var(--contentAccent);
     color: var(--contentButtonText);
     border-color: var(--contentAccent);
 }

.secondary-content-button {
    color: var(--contentAccent) !important;
    background-color: transparent !important;
    border-color: var(--contentBorderColor1a) !important;
    border: 1px solid;
    height: 36px;
    font-size: 12px;
}

.primary-container-radius {
    border-radius: var(--containerBorderRadius) !important;
}

.basket-item-image > img {
    border-radius: var(--secondaryBorderRadius);
    object-fit: cover;
    width: 78px;
    height: 78px;
}

.secondary-container-radius {
    border-radius: var(--secondaryBorderRadius) !important;
}

.ant-scrolling-effect .app-header {
    width: calc(100% - 10px);
}

.order-creation-info-row {
    margin-bottom: 6px;
}

.ant-skeleton-content .ant-skeleton-title, .ant-skeleton-content .ant-skeleton-paragraph > li {
    border-radius: var(--buttonBorderRadius);
}

.blocked-order-modal .ant-modal-header {
    height: 40px;
    border-bottom: none;
    
}

.blocked-order-modal {
    width: 620px !important;
}

.ant-row-top {
    align-items: normal;
}

@media(max-width:992px) {
    .ant-pro-page-container-children-content {
        margin: 24px 24px 0;
    }

    .custom-modal .ant-modal {
        width: 90% !important;
    }

    .address-modal-yandex .ant-modal {
        width: 100% !important;
    }

    .custom-modal .ant-modal-close-x > span {
        background-color: var(--contentText);
        width: 30px;
        border-radius: var(--secondaryBorderRadius);
    }

    .custom-modal .ant-modal-header > button, .custom-modal .ant-modal-header > button:hover {
        top: 10px;
        right: 10px;
        height: auto;
        width: auto;
        background-color: var(--contentBackground);
        border-radius: 20px;
    }

    .custom-modal .ant-modal-close-x > span > span {
        font-size: 16px;
        color: var(--contentBackground);
    }

    .about-company-info {
        margin-right: 37px;
    }
}

@media(max-width: 576px) {
    .ant-pro-page-container-children-content {
        margin: 14px 0px 0px 0px;
    }

    .ant-card-body {
        padding: 14px;
        line-height: normal;
    }

    .ant-modal {
        height: 100% !important;
        width: 100% !important;
        border-radius: 0px;
        top: 0px;
        padding-bottom: 0px;
        margin: 0px;
        max-width: 100vw;
    }

    .ant-modal .ant-modal-content {
        height: 100%;
    }

    .ant-modal .ant-modal-body {
        border-radius: 0px;
    }

    .ant-modal .ant-modal-body::-webkit-scrollbar {
        width: 0px;
        height: 10px;
        background: var(--contentBackground);
    }

    .ant-modal-content {
        overflow: auto;
    }

    .custom-modal-basket .ant-modal-body {
        overflow: auto;

        @media(max-height:932px) {
            height: 70%;
        }

        @media(max-height:844px) {
            height: 68%;
        }

        @media(max-height:740px) {
            height: 64%;
        }

        @media(max-height:670px) {
            height: 60%;
        }
    }

    .ant-modal-content {
        border-radius: 0px;
    }

    .custom-modal .ant-modal {
        width: 100% !important;
        border-radius: 0px;
        max-height: 100%;
    }

    .address-modal-yandex .ant-modal {
        max-height: unset;
    }

    .address-modal-yandex .ant-modal-body, .address-modal-list .ant-modal-body {
        overflow: auto;
        height: 92%;
        padding-left: 0px;
        padding-right: 0px;
    }

    .address-modal-yandex .ant-modal-body::-webkit-scrollbar {
        width: 0px;
        height: 10px;
        background: var(--contentBackground);
    }

    .address-modal-yandex #map > ymaps > ymaps {
        border-radius: 0px;
    }

    .address-modal .ant-modal-body {
        height: 93vh;
    }

    .ant-modal-body {
        overflow: auto;
    }

    .ant-modal-body::-webkit-scrollbar, .ant-modal-content::-webkit-scrollbar {
        width: 0px;
        height: 10px;
        background: var(--contentBackground);
    }

    .custom-modal .ant-modal-content {
        border-radius: 0px;
    }

    .radio-payment-type {
        width: 100%;
    }

    .custom-modal-login .ant-modal-body {
        height: calc(100% - 57px);
    }

    .about-company-info {
        margin-right: 0px;
        width: 100%;
    }

    .profile-sider-menu {
        display: block !important;
    }

    .ant-message-notice-content {
        width: 100%;
    }

    .page-header-text {
        width: 100%;
    }

    .custom-modal::-webkit-scrollbar {
        width: 0px;
    }
}