:root {
  --primary1: #267cb5;
  --primary2: #15659c;
  --primary3: #154a64;
  --primary4: #243f51;
  --secondary1: #dfe7f5;
  --secondary2: #e5e0f5;
  --secondary3: #d9f0ff;
  --dark1: #1A1A1A;
  --dark2: #000;
  --dark3: #333;
  --light1: #fff;
  --light2: #f2f2f2;
  --light3: #f0f7ff;
  --light4: #f5f9ff;
  --light5: #dfe7eb;
  --light6: #e7f3ff;
  --grey1: #999;
  --grey2: #c3c3c3;
  --red1: #dd0000;
  --red2: #b30f0f;
  --green1: #00aa5b;
  --orange1: #ffa600;
  --purple1: #790097;
  --shadow1: 0 0 2rem rgba(22,22,22,.1);
  --shadow2: 0 0 .0625rem rgba(0,0,0,.9);
  --shadow3: 0 0 1rem rgba(22,22,22,.4);
  --border-radius: .5rem;
  --col-gap: 2.5rem;
  --swiper-navigation-color: var(--dark1);
  --swiper-pagination-color: var(--dark1);
}

.offer-modal {
  position: fixed;
  top: 0;
  right: -105%;
  height: 100dvh;
  width: 20rem;
  background: var(--light5);
  z-index: 998;
  transition: 0.2s;
  padding: 6rem 1rem 1rem;
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.offer-modal--active {
  right: 0;
}

.offer-modal-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 1rem;
  gap: 1rem 0.5rem;
}

.offer-modal-btn {
  width: calc(50% - 0.25rem);
  padding: 0.5rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background: var(--primary1);
  color: var(--light1);
  border-radius: 0.25rem;
  transition: 0.2s;
}
.offer-modal-btn--full {
  width: 100%;
  padding: 0.75rem 1rem;
}
.offer-modal-btn--clear {
  background: var(--red2);
}
.offer-modal-btn--close {
  background: var(--primary3);
}
.offer-modal-btn--disabled {
  opacity: 0.5;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  pointer-events: none;
}
.offer-modal-btn:hover {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.offer-modal-btn__icon {
  height: 1.5rem;
  width: 1.5rem;
  display: block;
}

.offer-modal-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-x: auto;
  height: calc(100% - 7.5rem);
}
.offer-modal-list::-webkit-scrollbar-thumb {
  border: 0.3125rem solid var(--light5);
}
.offer-modal-list::-webkit-scrollbar-track {
  background: var(--light5);
}

.offer-modal-item {
  background: var(--primary4);
  color: var(--light1);
  padding: 1rem;
  border-radius: 0.5rem;
  font-size: 0.875rem;
  position: relative;
}

.offer-modal-item-remove {
  position: absolute;
  top: 0.25rem;
  right: 0.25rem;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--light1);
  border-radius: 0.25rem;
  border: none;
  opacity: 0.5;
  transition: 0.2s;
  cursor: pointer;
}
.offer-modal-item-remove:hover {
  opacity: 1;
}

.offer-modal-item-main {
  width: calc(100% - 2.5rem);
}
.offer-modal-item-main__title {
  font-size: 1rem;
  font-weight: 600;
  color: var(--light1);
  text-decoration: none;
}
.offer-modal-item-main__title:hover .offer-modal-item-main__title:focus {
  color: var(--light2) !important;
}

.offer-modal-units {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 0.75rem;
}
.offer-modal-units--admin {
  flex-direction: row;
  flex-wrap: wrap;
}

.offer-modal-unit {
  background: var(--light1);
  color: var(--dark1);
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  cursor: pointer;
  opacity: 0.5;
  transition: 0.2s;
  position: relative;
}
.offer-modal-unit::before, .offer-modal-unit::after {
  content: "";
  position: absolute;
  left: 0.5rem;
  top: 1rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid var(--primary4);
  box-sizing: border-box;
}
.offer-modal-unit::before {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
  background: var(--primary4);
  opacity: 0;
  z-index: 2;
  top: 0.5rem;
  transition: 0.2s;
}
.offer-modal-unit--active {
  opacity: 1;
}
.offer-modal-unit--active::before {
  opacity: 1;
}
.offer-modal-unit--admin {
  width: min(14rem, 100%);
}

.offer-modal-empty {
  color: var(--dark1);
}

.offer-timeline {
  padding: 1rem 0 0;
}
.offer-timeline ul {
  padding-left: 0;
  margin: 0;
  list-style: none;
  position: relative;
}
.offer-timeline ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0.5rem;
  bottom: 0;
  width: 0.125rem;
  background-color: var(--grey2);
  border-radius: 0.125rem;
}
.offer-timeline-item {
  position: relative;
  padding: 0.75rem 0 1.5rem 2rem;
}
.offer-timeline-item::before {
  content: "";
  position: absolute;
  left: 0.0625rem;
  top: 1rem;
  width: 0.75rem;
  height: 0.75rem;
  background-color: var(--primary1);
  border-radius: 50%;
  border: 0.125rem solid var(--light1);
}
.offer-timeline-item:last-child {
  padding-bottom: 0.75rem;
}
.offer-timeline-time {
  font-weight: 600;
  color: var(--dark1);
  font-size: 1rem;
  margin-bottom: 0.25rem;
}
.offer-timeline-details {
  color: var(--dark3);
  font-size: 0.8125rem;
  line-height: 1.5;
  word-break: break-all;
}
.offer-timeline-details strong {
  color: var(--primary3);
}/*# sourceMappingURL=offer-modal.css.map */