main {
  min-height: 270px;
}

#content-status, #nav-item-path {
  margin-top: 35px;
}

#content-status, #content-status-2 {
  position: relative;
}

#content-status.error::before, #content-status-2.error::before {
  content:    'Не удалось отобразить страницу. Попробуйте обновить её позже!';
  position:   absolute;
  text-align: center;
  width:      100%;
}

#content-status-2.error::before {
  content: 'Не удалось отобразить объявления пользователя. Попробуйте обновить страницу позже!';
}

#content-status.loading::before, #content-status-2.loading::before {
  background:      url('../assets/images/preloader.svg') 0 0 no-repeat;
  background-size: 200px;
  content:         '';
  height:          200px;
  left:            calc(50% - 100px);
  position:        absolute;
  width:           200px;
}

#nav-item-path {
  --bs-breadcrumb-divider: '/';
  color:                   #6A7998;
  font-size:               12px;
  line-height:             16px;
}

#nav-item-path .breadcrumb-item::before {
  color: #6A7998;
}

#nav-item-path .breadcrumb-item > a {
  color:           #1C222E;
  text-decoration: none;
}

#nav-item-path .breadcrumb-item > a:active {
  color: #FF6224 !important;
}

#nav-item-path .breadcrumb-item > a:hover {
  color: #FF8658;
}

#pagination-container {
  margin-bottom: 16px;
}

#autoshow {
  margin-top: 14px;
}

#autoshow.sticky-bottom {
  margin-top: 20px;
}

#user-wrapper {
  margin-bottom: 20px;
  margin-top:    36px;
}

#user-wrapper .sidebar:first-child {
  margin-right: 20px;
  min-width:    280px;
  width:        280px;
}

#user-wrapper .sidebar:last-child {
  margin-left: 20px;
  min-width:   280px;
  width:       280px;
}

#user-wrapper #sw-user-bar, #user-wrapper #sw-user-contacts,
#user-wrapper #sw-user-data {
  background:    #FFFFFF;
  border-radius: 8px;
  padding:       16px;
}

#user-wrapper #sw-user-bar {
  margin-bottom: 16px;
}

#user-wrapper #swub-user-card {
  margin-bottom: 20px;
}

#user-wrapper #swub-user-avatar {
  margin-bottom: 20px;
  text-align:    center;
}

#user-wrapper #swub-user-avatar > img {
  border-radius: 80px;
  height:        160px;
  object-fit:    cover;
  width:         160px;
}

#user-wrapper #swub-user-name {
  font-size:     20px;
  font-weight:   600;
  line-height:   32px;
  margin-bottom: 8px;
  text-align:    center;
}

#user-wrapper #swub-user-stats, #user-wrapper #swub-user-region {
  color:         #1C222E;
  font-size:     15px;
  margin-bottom: 8px;
  text-align:    center;
}

#user-wrapper #swub-user-joined-at {
  color:         #6A7998;
  font-size:     14px;
  line-height:   16px;
  margin-bottom: 8px;
  text-align:    center;
}

#user-wrapper #swub-user-reviews {
  margin-bottom: 20px;
  text-align:    center;
}

#user-wrapper #swub-user-reviews-count {
  border:       none;
  color:        #60994E;
  font-size:    18px;
  font-weight:  500;
  line-height:  24px;
  margin-right: 18px;
  padding:      0;
}

#user-wrapper #swub-user-rating {
  color:      #6A7998;
  text-align: start;
}

#user-wrapper #swub-user-rating.rating {
  display:  inline-block;
  height:   24px;
  position: relative;
  width:    110px;
}

#user-wrapper #swub-user-rating.rating::before {
  background:      url('../assets/images/star-background-icon.svg') 0 0 repeat-x;
  background-size: 16px;
  content:         '';
  height:          24px;
  left:            30px;
  position:        absolute;
  top:             3px;
  width:           80px;
}

#user-wrapper #swub-user-rating.rating.rating-1::after {
  background:      url('../assets/images/star-foreground-icon.svg') 0 0 repeat-x;
  background-size: 16px;
  content:         '';
  height:          24px;
  left:            30px;
  position:        absolute;
  top:             3px;
  width:           16px;
}

#user-wrapper #swub-user-rating.rating.rating-2::after {
  background:      url('../assets/images/star-foreground-icon.svg') 0 0 repeat-x;
  background-size: 16px;
  content:         '';
  height:          24px;
  left:            30px;
  position:        absolute;
  top:             3px;
  width:           32px;
}

#user-wrapper #swub-user-rating.rating.rating-3::after {
  background:      url('../assets/images/star-foreground-icon.svg') 0 0 repeat-x;
  background-size: 16px;
  content:         '';
  height:          24px;
  left:            30px;
  position:        absolute;
  top:             3px;
  width:           48px;
}

#user-wrapper #swub-user-rating.rating.rating-4::after {
  background:      url('../assets/images/star-foreground-icon.svg') 0 0 repeat-x;
  background-size: 16px;
  content:         '';
  height:          24px;
  left:            30px;
  position:        absolute;
  top:             3px;
  width:           64px;
}

#user-wrapper #swub-user-rating.rating.rating-5::after {
  background:      url('../assets/images/star-foreground-icon.svg') 0 0 repeat-x;
  background-size: 16px;
  content:         '';
  height:          24px;
  left:            30px;
  position:        absolute;
  top:             3px;
  width:           80px;
}

#user-wrapper #swub-user-sells-count,
#user-wrapper #swub-user-purchases-count {
  background:    #E7E5F0;
  border-radius: 8px;
  color:         #1C222E;
  font-size:     14px;
  line-height:   16px;
  margin-bottom: 8px;
  padding:       10px 0;
  text-align:    center;
}

#user-wrapper #swub-user-purchases-count {
  margin-bottom: 0;
}

#user-wrapper #swub-write-message {
  font-size:      18px;
  font-weight:    500;
  line-height:    24px;
  margin-bottom:  8px;
  padding-bottom: 6px;
  padding-top:    6px;
}

#user-wrapper #swub-write-message > small {
  font-size:   14px;
  font-weight: 400;
  line-height: 16px;
}

#user-wrapper #swub-subscribe-to-user,
#user-wrapper #swub-share-profile,
#user-wrapper #swub-show-location,
#user-wrapper #swub-complain-about-profile {
  font-weight:    500;
  margin-bottom:  8px;
  padding-bottom: 12px;
  padding-top:    12px;
}

#user-wrapper #swub-show-location {
  color: #60994E;
}

#user-wrapper #swub-complain-about-profile {
  color:         #AF052F;
  margin-bottom: 0;
}

#sw-user-contacts {
  padding-bottom: 0 !important;
  padding-top:    0 !important;
}

#sw-user-contacts > h2 {
  color:         #1C222E;
  font-size:     20px;
  font-weight:   600;
  line-height:   32px;
  margin-bottom: 16px;
}

#sw-user-contacts .swuc-contact-info > h3 {
  color:         #1C222E;
  font-size:     14px;
  font-weight:   400;
  line-height:   16px;
  margin-bottom: 4px;
}

#sw-user-contacts .swuc-contact-info > button {
  border:  none;
  padding: 0;
}

#sw-user-contacts .swuc-user-contact {
  margin-bottom: 16px;
}

#sw-user-contacts > h3 {
  color:         #1C222E;
  font-size:     16px;
  font-weight:   500;
  line-height:   24px;
  margin-bottom: 16px;
}

#sw-user-contacts #swuc-user-socials > button {
  border:        none;
  margin-bottom: 16px;
  padding:       0;
}

#sw-user-contacts #swuc-user-socials > button:last-child {
  margin-bottom: 0;
}

#user-wrapper #sw-user-data {
  padding-bottom: 0;
  padding-top:    0;
}
/*
#user-items-wrapper, #uiw-table-wrapper {
  overflow-x: auto;
}*/

#user-items-wrapper #uiw-nav-wrapper {
  margin-bottom: 10px;
  overflow-x:    auto;
}

#user-items-wrapper .nav {
  border-bottom: 2px solid #E4E2EB;
  flex-wrap:     nowrap;
}

#user-items-wrapper .nav .nav-link {
  color:       #1C222E;
  padding:     8px 12px;
  position:    relative;
  white-space: nowrap;
}

#user-items-wrapper .nav .nav-link.active {
  background:  none;
  font-weight: 500;
}

#user-items-wrapper .nav .nav-link::after {
  background: #E4E2EB;
  content:    '';
  height:     2px;
  left:       0;
  position:   absolute;
  top:        100%;
  right:      0;
}

#user-items-wrapper .nav .nav-link.active::after {
  background: #FF8658;
}

#user-items-wrapper .nav .nav-link > .uiw-count {
  font-size:   12px;
  font-weight: 500;
  line-height: 16px;
  position:    absolute;
  right:       4px;
  top:         0;
}

#uiw-table-wrapper {
  min-height: 200px;
}

#uiw-title-bar {
  margin: 0;
}

#uiw-title-bar h1 {
  font-size:     24px;
  font-weight:   500;
  line-height:   32px;
  margin:        6px 0 14px 0;
  padding:       0;
}

#uiw-title-bar *:last-child {
  padding-right: 0;
}

#uiw-title-bar .switch-candy a {
  background:         #FFFFFF;
  border:             none;
  border-radius:      24px;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  outline:            none;
}

#uiw-title-bar .switch-light.switch-candy > span {
  background:         #FF8658;
  border:             2px solid #FF8658;
  border-radius:      24px;
  -webkit-box-shadow: none;
  -moz-box-shadow:    none;
  box-shadow:         none;
  cursor:             pointer;
  padding:            2px 0;
  height:             44px;
  width:              88px;
}

#uiw-title-bar .switch-light.switch-candy input ~ span span:first-child > img,
#uiw-title-bar .switch-light.switch-candy input:checked ~ span span:nth-child(2) > img,
#uiw-title-bar .switch-candy input:checked + label {
  color:  #FF8658;
  filter: brightness(0) saturate(100%) invert(67%) sepia(53%) saturate(3450%) hue-rotate(326deg) brightness(111%) contrast(103%);
}

#uiw-title-bar .switch-light.switch-candy span span > img,
#uiw-title-bar .switch-light.switch-candy input:checked ~ span span:first-child > img,
#uiw-title-bar .switch-toggle.switch-candy label {
  color:  #FFFFFF;
  filter: invert(0%) sepia(0%) saturate(7451%) hue-rotate(234deg) brightness(99%) contrast(102%);
}

#uiw-user-items > tbody {
  border:    none !important;
  display:   flex;
  flex-wrap: wrap;
}

#uiw-user-items > tbody tr.user-item {
  border-radius:  1.3rem;
  cursor:         pointer;
  display:        flex;
  flex:           1 0 auto;
  flex-direction: column;
  margin:         10px;
  width:          245px;
}

#uiw-user-items > tbody tr.user-item.listed-view {
  flex-direction: row;
  margin-left:    0;
  margin-right:   0;
  width:          100%;
}

#uiw-user-items > tbody tr.user-item > td:first-child {
  background:              #FFFFFF url('../assets/images/image-placeholder.png') 50% 50% no-repeat !important;
  background-size:         contain !important;
  border-top-left-radius:  8px !important;
  border-top-right-radius: 8px !important;
  display:                 inherit;
  height:                  210px;
  padding:                 0;
  position:                relative;
  width:                   100%;
}

#uiw-user-items > tbody tr.user-item.listed-view > td:first-child {
  border-top-right-radius:   0 !important;
  border-bottom-left-radius: 8px !important;
  max-width:                 280px;
  min-width:                 280px;
  width:                     280px;
}

#uiw-user-items > tbody tr.user-item > td:first-child button,
#uiw-user-items > tbody tr.user-item > td:first-child span {
  position: absolute;
}

#uiw-user-items > tbody tr.user-item > td:first-child img {
  background:              #FFFFFF;
  border-top-left-radius:  8px;
  border-top-right-radius: 8px;
  height:                  210px;
  object-fit:              cover;
  width:                   100%;
}

#uiw-user-items > tbody tr.user-item.listed-view > td:first-child img {
  border-top-right-radius:   0 !important;
  border-bottom-left-radius: 8px !important;
}

#uiw-user-items > tbody tr.user-item > td:first-child .btn.btn-link {
  background:    #FFFFFF;
  border-radius: 44px;
  right:         16px;
  top:           16px;
}

#uiw-user-items > tbody tr.user-item > td:first-child .btn.btn-link:active {
  color: #FF6224 !important;
}

#uiw-user-items > tbody tr.user-item > td:first-child .btn.btn-link:hover {
  color: #FF8658;
}

#uiw-user-items > tbody tr.user-item > td:first-child .btn.btn-link[aria-pressed=true] > svg > path {
  fill: #FF0000;
}

#uiw-user-items > tbody tr.user-item > td:first-child .discount {
  background:    #FF8658;
  border-radius: 40px;
  color:         #FFFFFF;
  left:          80px;
  padding:       8px 16px;
  top:           20px;
}

#uiw-user-items > tbody tr.user-item > td:first-child .is-used {
  background:    #7CBC68;
  border-radius: 40px;
  color:         #FFFFFF;
  left:          16px;
  padding:       8px 16px;
  top:           20px;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) {
  background:                 #FFFFFF;
  border-bottom-left-radius:  12px;
  border-bottom-right-radius: 12px;
  min-height:                 182px;
  padding:                    0 16px 16px 16px;
  position:                   relative;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) .extras {
  bottom:   16px;
  position: absolute;
  right:    16px;
}

#uiw-user-items > tbody tr.user-item.listed-view > td:nth-child(2) .extras {
  bottom: 14px;
  left:   16px;
  right:  unset;
}

#uiw-user-items > tbody tr.user-item.listed-view > td:nth-child(2) {
  border-bottom-left-radius: 0;
  border-top-right-radius:   8px;
  padding-bottom:            0;
  width:                     100%;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) *:last-child {
  margin-bottom: 0;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) .btn.btn-link {
  font-weight:    500;
  padding-bottom: 8px;
  padding-left:   0;
  padding-right:  0;
  padding-top:    24px;
  text-align:     start;
}

#uiw-user-items > tbody tr.user-item.listed-view > td:nth-child(2) .btn.btn-link {
  font-size:   22px;
  line-height: 28px;
  padding-top: 8px;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) .btn.btn-link > a {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  display:            -webkit-box;
  height:             40px;
  overflow:           hidden;
  text-overflow:      ellipsis;
  word-break:         break-word;
}

#uiw-user-items > tbody tr.user-item.listed-view > td:nth-child(2) .btn.btn-link > a {
  height: 56px;
}

#uiw-user-items > tbody tr.user-item.listed-view > td:nth-child(2) .category {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color:              #6A7998;
  display:            -webkit-box;
  height:             24px;
  margin-bottom:      8px;
  overflow:           hidden;
  text-overflow:      ellipsis;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) .date {
  color: #6A7998;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) .price {
  font-size:     22px;
  font-weight:   500;
  line-height:   28px;
  margin-bottom: 8px;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) .price > s {
  font-size:   16px;
  font-weight: 400;
  line-height: 16px;
}

#uiw-user-items > tbody tr.user-item > td:nth-child(2) .region {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color:              #99A7C3;
  display:            -webkit-box;
  height:             24px;
  margin-bottom:      8px;
  overflow:           hidden;
  text-overflow:      ellipsis;
}

@media(max-width: 767px) {

  #user-wrapper {
    flex-direction: column;
  }

  #user-wrapper .sidebar:first-child {
    margin-right: 0;
    min-width:    unset;
    width:        100%;
  }

}