.so-widget-sorting-widget-style-d75171398898 .section--sorting-widget {
  padding-bottom: 56px;
  padding-top: 56px;
}
@media (min-width: 960px) {
  .so-widget-sorting-widget-style-d75171398898 .section--sorting-widget {
    padding-bottom: 80px;
    padding-top: 80px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .section--sorting-widget.pt-small {
  padding-top: 24px;
}
@media (min-width: 960px) {
  .so-widget-sorting-widget-style-d75171398898 .section--sorting-widget.pt-small {
    padding-top: 40px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .section--sorting-widget.pb-small {
  padding-bottom: 24px;
}
@media (min-width: 960px) {
  .so-widget-sorting-widget-style-d75171398898 .section--sorting-widget.pb-small {
    padding-bottom: 40px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .section--sorting-widget.pt0 {
  padding-top: 0;
}
.so-widget-sorting-widget-style-d75171398898 .section--sorting-widget.pb0 {
  padding-bottom: 0;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget {
  box-shadow: 0px 16px 90px 0px rgba(2, 16, 44, 0.12), 0px 0px 2px 0px rgba(2, 16, 44, 0.08);
  border-radius: 8px;
  padding: 24px 16px;
}
@media (min-width: 1280px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget {
    margin-left: -32px;
    margin-right: -32px;
    padding: 56px 32px;
  }
}
@media (min-width: 1920px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget {
    margin-left: -48px;
    margin-right: -48px;
    padding: 80px 48px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__content {
  position: relative;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__list {
  margin-top: 16px;
  position: relative;
}
@media (min-width: 1280px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__list {
    margin-top: 24px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__item {
  align-items: center;
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #C7C7D6;
  cursor: grab;
  display: flex;
  margin-bottom: 8px;
  padding: 8px;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__item.dragging {
  opacity: 0.5;
  position: relative;
  z-index: 1000;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__item:hover .sorting-widget__line {
  background-color: #0045E6;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__line {
  background-color: #C7C7D6;
  border-radius: 4px;
  flex: 0 0 4px;
  height: 40px;
  margin-right: 8px;
  transition: background-color 300ms;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__line {
    height: 56px;
    margin-right: 16px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__title {
  align-self: flex-start;
  flex: 1;
  padding-right: 16px;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__title {
    align-self: center;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__icon {
  transition: opacity 300ms ease-in-out;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__icon-stroke {
  stroke: #1E1D28;
  transition: stroke 300ms ease-in-out;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__icon.disable {
  opacity: .5;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__icon:not(.disable) {
  cursor: pointer;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__icon:not(.disable):hover .sorting-widget__icon-stroke {
  stroke: #0045E6;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__btn {
  margin-top: 24px;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result {
    border-radius: 8px;
    border: 1px solid #C7C7D6;
    padding: 24px 16px;
    position: relative;
  }
}
@media (min-width: 1280px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result {
    margin-top: 24px;
    padding: 24px;
  }
}
@media (min-width: 1920px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result {
    padding: 32px 24px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-wrap {
  display: none;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result:before {
    border: 1px dashed #C7C7D6;
    bottom: 0;
    content: '';
    left: 50%;
    position: absolute;
    top: 0;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-item {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-item {
    flex-wrap: nowrap;
    gap: 16px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-item:not(:first-child) {
  margin-top: 16px;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-item:not(:first-child) {
    margin-top: 28px;
  }
}
@media (min-width: 1280px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-item:not(:first-child) {
    margin-top: 32px;
  }
}
@media (min-width: 1920px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-item:not(:first-child) {
    margin-top: 40px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-title {
  color: #54575E;
  flex: 0 0 100%;
  margin-bottom: 4px;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-title {
    flex: 0 0 calc(50% - 72px);
    margin-bottom: 0;
    text-align: right;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-percentage {
  color: #0045E6;
  flex: 0 0 40px;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-percentage {
    text-align: center;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-line {
  background-color: #0045E6;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  transform: translateX(-100%);
  transition: transform 500ms;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-line.animate {
  transform: translateX(0);
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__result-line-wrap {
  height: 4px;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__footer {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}
@media (min-width: 768px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__footer {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1280px) {
  .so-widget-sorting-widget-style-d75171398898 .sorting-widget__footer {
    margin-top: 24px;
  }
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__loader {
  animation: load 1.1s infinite ease-in-out;
  border-bottom: 2px solid rgba(30, 29, 40, 0.2);
  border-left: 2px solid #1E1D28;
  border-radius: 50%;
  border-right: 2px solid rgba(30, 29, 40, 0.2);
  border-top: 2px solid rgba(30, 29, 40, 0.2);
  height: 60px;
  left: 50%;
  margin-left: -30px;
  margin-top: -30px;
  position: absolute;
  top: 50%;
  width: 60px;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__loader-wrap {
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
  bottom: -10px;
  display: none;
  left: -10px;
  position: absolute;
  right: -10px;
  top: -10px;
}
.so-widget-sorting-widget-style-d75171398898 .sorting-widget__loader-wrap.loading {
  display: block;
}
@keyframes load {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}