.popup .mask {
  background: rgba(255, 255, 255, 0.75);
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 700;
}
.popup .popup-block {
  height: 100%;
  width: 100%;
  position: fixed;
  overflow: scroll;
  left: 0;
  top: 0;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
  z-index: 800;
}
.popup .popup-block::-webkit-scrollbar {
  display: none;
}
.popup .popup-block .popup-content {
  width: 100%;
  max-width: 680px;
  background-color: #ffffff;
  border-radius: 10px;
  padding: 32px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 48px;
  margin-bottom: 48px;
  z-index: 800;
  box-shadow: 0px 4px 40px rgba(0, 49, 107, 0.15);
}
.popup .popup-block .popup-content .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-content .popup-title {
  margin-top: 32px;
  font-weight: 700;
  font-size: 32px;
  color: #424242;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-content .popup-title {
    font-size: 20px;
    margin-top: 16px;
  }
}
.popup .popup-block .popup-content .popup-subtitle {
  font-size: 16px;
  color: #767676;
  margin-top: 16px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-content .popup-subtitle {
    font-size: 14px;
  }
}
.popup .popup-block .popup-content .field-title {
  margin-top: 24px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #424242;
}
.popup .popup-block .popup-content .field-title .btn-unlimited {
  cursor: pointer;
  display: inline;
  float: right;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  color: #424242;
}
.popup .popup-block .popup-content .field-title .btn-unlimited img {
  margin-right: 12px;
}
.popup .popup-block .popup-content input {
  width: 100%;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 9px 12px;
  font-size: 16px;
  line-height: 22px;
}
.popup .popup-block .popup-content input:focus {
  outline: none;
}
.popup .popup-block .popup-content textarea {
  margin-top: 16px;
  resize: none;
  width: 100%;
  height: 84px;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 9px 12px;
  font-size: 16px;
  line-height: 22px;
}
.popup .popup-block .popup-refund {
  max-width: 438px;
}
.popup .popup-block .popup-refund .input-group {
  width: 100%;
  margin-top: 16px;
  position: relative;
}
.popup .popup-block .popup-refund .input-group .input-prefix {
  position: absolute;
  top: 9px;
  left: 9px;
  font-size: 16px;
  line-height: 22px;
}
.popup .popup-block .popup-refund .input-group input {
  width: 100%;
  margin-top: 0;
  padding-left: 20px;
}
.popup .popup-block .popup-refund .btn-save {
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 9px;
  text-align: center;
  background: #6FC16D;
  border-radius: 5px;
  margin-top: 32px;
  color: white;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.popup .popup-block .popup-delivery-option .delivery-type {
  margin-top: 24px;
  width: calc(50% - 16px);
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 9px;
  text-align: center;
  display: inline-flex;
  cursor: pointer;
}
.popup .popup-block .popup-delivery-option .delivery-type img {
  margin-right: 18px;
}
.popup .popup-block .popup-delivery-option .btn-save {
  cursor: pointer;
  margin-top: 32px;
  height: 44px;
  width: 100%;
  text-align: center;
}
.popup .popup-block .popup-variant {
  width: 437px;
}
.popup .popup-block .popup-variant .btn-save {
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 9px;
  text-align: center;
  background: #6FC16D;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  font-weight: 700;
}
.popup .popup-block .popup-co-manager .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-co-manager .description {
  margin-top: 16px;
  font-weight: normal;
  font-size: 16px;
  line-height: 22px;
  color: #424242;
}
.popup .popup-block .popup-co-manager .field-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #424242;
}
.popup .popup-block .popup-co-manager .btn-save {
  cursor: pointer;
  margin-top: 32px;
  height: 40px;
  width: 100%;
  padding: 9px;
  text-align: center;
  background: #6FC16D;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  align-items: center;
  color: #FFFFFF;
}
.popup .popup-block .popup-category {
  max-width: 810px;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category {
    width: 100%;
    height: auto;
    min-height: 100%;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    padding: 0 16px 16px 16px;
    border-radius: 0;
  }
}
.popup .popup-block .popup-category .btn-popup-back {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .btn-popup-back {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .popup-head {
    height: 48px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 16px;
    padding: 0 16px;
    margin: 0 -16px 16px -16px;
  }
  .popup .popup-block .popup-category .popup-head .popup-title {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.popup .popup-block .popup-category .popup-head .goback-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .popup-head .goback-mobile {
    display: block;
    height: 22px;
    width: 22px;
    transform: rotate(90deg);
  }
}
.popup .popup-block .popup-category .input-area {
  width: 389px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .input-area {
    width: 100%;
    height: 45px;
  }
}
.popup .popup-block .popup-category .image-area {
  cursor: pointer;
  margin-top: 24px;
  width: 389px;
  border: 1px dashed #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  height: 260px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .image-area {
    width: 100%;
    height: 235px;
  }
}
.popup .popup-block .popup-category .image-area .product-image-field {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.popup .popup-block .popup-category .image-area .image-area-content {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  padding: 16px;
}
.popup .popup-block .popup-category .image-area .image-area-content .text {
  margin-top: 16px;
}
.popup .popup-block .popup-category .category-list {
  margin: 24px -8px 0 -8px;
  display: flex;
  flex-wrap: wrap;
}
.popup .popup-block .popup-category .category-list .category-item {
  margin: 0 8px;
  margin-bottom: 24px;
  width: calc(33.3333% - 16px);
  height: 159px;
  position: relative;
  cursor: pointer;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .category-list .category-item {
    width: calc(50% - 16px);
    height: 109px;
  }
}
.popup .popup-block .popup-category .category-list .category-item img {
  border-radius: 10px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.popup .popup-block .popup-category .category-list .category-item .category-text {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-weight: 700;
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  color: #FFFFFF;
}
.popup .popup-block .popup-category .category-list .category-item .btn-edit-category {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 27px;
  width: 41px;
  border-radius: 15px;
  background-color: rgba(0, 0, 0, 0.3);
}
.popup .popup-block .popup-category .category-list .category-item .btn-edit-category img {
  height: 17px;
  width: 17px;
  margin: 4px 12px 6px 12px;
}
.popup .popup-block .popup-category .category-list .category-item-btn {
  border: 1px dashed #BFBFBF;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .category-list .category-item-btn {
    width: 100%;
    height: 45px;
    background: #FFFFFF;
    box-shadow: 0px 2px 10px rgba(0, 49, 107, 0.15);
    border-radius: 10px;
    border: 0;
  }
}
.popup .popup-block .popup-category .category-list .category-item-btn .btn-inner-text {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
}
.popup .popup-block .popup-category .category-list .category-item-btn .btn-inner-text img {
  margin-right: 12px;
  height: 20px;
  width: 20px;
}
.popup .popup-block .popup-category .btn-save {
  cursor: pointer;
  margin-top: 32px;
  height: 40px;
  width: 203px;
  background-color: #6fc16d;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  border-radius: 5px;
  color: #FFFFFF;
  font-weight: 700;
  font-size: 16px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-category .btn-save {
    width: 100%;
    height: 45px;
    margin-top: 24px;
  }
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-image {
    width: calc(100% - 32px);
    padding: 24px;
  }
}
.popup .popup-block .popup-image .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-image .popup-title {
  margin-bottom: 24px;
}
.popup .popup-block .popup-image .btn-save {
  cursor: pointer;
  margin-top: 32px;
  height: 44px;
  width: 100%;
  text-align: center;
  background-color: #6fc16d;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
}
.popup .popup-block .popup-confirm {
  width: calc(100% - 32px);
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .popup .popup-block .popup-confirm {
    max-width: 414px;
  }
}
.popup .popup-block .popup-confirm .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-confirm .confirm-content .confirm-content-title {
  font-weight: 700;
  font-size: 24px;
  margin: 16px 0 16px 0;
}
.popup .popup-block .popup-confirm .confirm-content .confirm-content-text {
  font-size: 16px;
  margin-bottom: 24px;
}
.popup .popup-block .popup-confirm .button-group {
  width: 100%;
}
.popup .popup-block .popup-confirm .button-group .button {
  cursor: pointer;
  width: calc(50% - 8px);
  float: left;
  height: 44px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  padding: 11px 0;
  border-radius: 5px;
}
.popup .popup-block .popup-confirm .button-group .btn-left {
  cursor: pointer;
  background: #6FC16D;
  border: 1px solid transparent;
  color: #fff;
  margin-right: 8px;
}
.popup .popup-block .popup-confirm .button-group .btn-right {
  cursor: pointer;
  background: #fff;
  border: 1px solid #6FC16D;
  color: #6FC16D;
  margin-left: 8px;
}
.popup .popup-block .popup-result {
  width: calc(100% - 32px);
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .popup .popup-block .popup-result {
    max-width: 414px;
  }
}
.popup .popup-block .popup-result .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-result .result-image {
  text-align: center;
  margin: 16px 0 16px 0;
}
.popup .popup-block .popup-result .result-content {
  text-align: center;
}
.popup .popup-block .popup-result .result-content .confirm-content-title {
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 8px;
}
.popup .popup-block .popup-result .result-content .confirm-content-text {
  font-size: 16px;
  color: #767676;
}
.popup .popup-block .popup-select-product .btn-save,
.popup .popup-block .popup-select-order .btn-save {
  cursor: pointer;
  margin-top: 32px;
  background: #6FC16D;
  border-radius: 5px;
  padding: 9px;
  width: 183px;
  height: 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
}
.popup .popup-block .popup-select-delivery .btn-save {
  cursor: pointer;
  background: #6FC16D;
  border-radius: 5px;
  padding: 9px;
  width: 183px;
  height: 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 32px;
  right: 32px;
}
.popup .popup-block .popup-select-delivery .btn-save-disabled {
  cursor: pointer;
  border-radius: 5px;
  padding: 9px;
  width: 183px;
  height: 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
  position: absolute;
  top: 32px;
  right: 32px;
  background: #BFBFBF;
}
.popup .popup-block .popup-select-delivery .delivery-option {
  cursor: pointer;
  margin-top: 24px;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  width: 100%;
  padding: 20px;
  font-size: 16px;
  line-height: 22px;
  color: #767676;
}
.popup .popup-block .popup-select-delivery .delivery-option .city-list {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.popup .popup-block .popup-select-delivery .delivery-option img {
  height: 22px;
}
.popup .popup-block .popup-select-delivery .delivery-option .delivery-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #424242;
}
.popup .popup-block .popup-select-delivery .delivery-option .delivery-title a,
.popup .popup-block .popup-select-delivery .delivery-option .delivery-title a:hover {
  text-decoration: none;
}
.popup .popup-block .popup-select-delivery .delivery-option .delivery-title .btn-edit {
  color: #767676;
}
.popup .popup-block .popup-select-delivery .delivery-option .delivery-detail {
  margin-top: 12px;
  font-size: 14px;
  line-height: 19px;
  color: #767676;
}
.popup .popup-block .popup-select-delivery .delivery-option-selected {
  border: 1px solid #6FC16D;
}
.popup .popup-block .popup-edit-photo {
  width: 726px;
  padding: 32px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo {
    width: 100%;
    height: auto;
    min-height: 100%;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    padding: 0 16px 16px 16px;
    border-radius: 0;
  }
}
.popup .popup-block .popup-edit-photo .btn-popup-back {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .btn-popup-back {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-header {
    height: 48px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 16px;
    padding: 0 16px;
    margin: 0 -16px 16px -16px;
  }
}
.popup .popup-block .popup-edit-photo .popup-header h1 {
  font-size: 24px;
  line-height: 33px;
  margin: 24px 0 12px 0;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-header h1 {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.popup .popup-block .popup-edit-photo .popup-header p {
  font-size: 18px;
  margin: 0 0 24px 0;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-header p {
    display: none;
  }
}
.popup .popup-block .popup-edit-photo .popup-header .goback-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-header .goback-mobile {
    display: block;
    height: 22px;
    width: 22px;
    transform: rotate(90deg);
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head {
  display: flex;
  justify-content: space-between;
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-main .photo-main-head {
    flex-wrap: wrap;
    flex-direction: column-reverse;
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-cover {
  height: 291px;
  margin-right: 16px;
  width: 75%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-cover {
    width: 100%;
    height: 235px;
    margin-right: 0;
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-cover .cover {
  height: 100%;
  width: 100%;
  background-color: #F4F4F4;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-cover .btn-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop {
  width: calc(25% - 16px);
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop {
    width: 100%;
    margin-bottom: 16px;
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop .photo-drop-area {
  cursor: pointer;
  border: 1px dashed #979797;
  height: 291px;
  width: 100%;
  border-radius: 5px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop .photo-drop-area {
    height: 120px;
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop .photo-drop-area .block-loading {
  position: unset;
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop .photo-drop-area .photo-drop-area-button {
  height: 291px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop .photo-drop-area .photo-drop-area-button {
    height: 120px;
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop .photo-drop-area .photo-drop-area-button p {
  margin-top: 24px;
  font-size: 18px;
  color: #BFBFBF;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-main .photo-main-head .photo-drop .photo-drop-area .photo-drop-area-button p {
    margin-top: 16px;
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-replace {
  display: none;
}
.popup .popup-block .popup-edit-photo .popup-main .photo-gallery {
  display: flex;
  margin: 0 -8px;
  flex-wrap: wrap;
}
.popup .popup-block .popup-edit-photo .popup-main .photo-gallery .photo-single-item {
  position: relative;
  height: 140px;
  background-color: #9C9C9C;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 8px 16px 8px;
  width: calc(33.3333% - 16px);
  border-radius: 5px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-edit-photo .popup-main .photo-gallery .photo-single-item {
    width: calc(50% - 16px);
  }
}
.popup .popup-block .popup-edit-photo .popup-main .photo-gallery .photo-single-item .btn-set-as-cover {
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
  float: left;
  height: 27px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #6FC16D;
  color: #6FC16D;
  font-size: 14px;
  line-height: 19px;
  padding: 4px 8px;
  font-weight: 500;
  word-break: keep-all;
}
.popup .popup-block .popup-edit-photo .popup-main .photo-gallery .photo-single-item .btn-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.popup .popup-block .popup-confirm-activate,
.popup .popup-block .popup-confirm-inactivate {
  top: 96px;
  width: 437px;
  padding: 24px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-confirm-activate,
  .popup .popup-block .popup-confirm-inactivate {
    width: calc(100% - 32px);
  }
}
.popup .popup-block .popup-confirm-activate .btn-popup-close,
.popup .popup-block .popup-confirm-inactivate .btn-popup-close {
  width: 20px;
  height: 20px;
}
.popup .popup-block .popup-confirm-activate .button-group .button,
.popup .popup-block .popup-confirm-inactivate .button-group .button {
  width: calc(50% - 12px);
  float: left;
  height: 44px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  padding: 11px 0;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-confirm-activate .button-group .button,
  .popup .popup-block .popup-confirm-inactivate .button-group .button {
    width: 100%;
  }
}
.popup .popup-block .popup-confirm-activate .button-group .button-cancel,
.popup .popup-block .popup-confirm-inactivate .button-group .button-cancel {
  background-color: #fff;
  border: 1px solid #6FC16D;
  color: #6FC16D;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-confirm-activate .button-group .button-cancel,
  .popup .popup-block .popup-confirm-inactivate .button-group .button-cancel {
    display: none;
  }
}
.popup .popup-block .popup-confirm-activate .popup-sections {
  margin-top: 16px;
}
.popup .popup-block .popup-confirm-activate .popup-sections .section .section-title {
  font-weight: 500;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 12px;
}
.popup .popup-block .popup-confirm-activate .popup-sections .section .section-content .single-content .content-icon {
  float: left;
  margin-right: 8px;
}
.popup .popup-block .popup-confirm-activate .popup-sections .section .section-content .single-content .content-icon img {
  height: 20px;
  width: 20px;
}
.popup .popup-block .popup-confirm-activate .popup-sections .section .section-content .single-content .content-text {
  float: left;
  font-size: 14px;
  line-height: 19px;
}
.popup .popup-block .popup-confirm-activate .popup-sections .section .section-content .single-content:not(:last-of-type) {
  margin-bottom: 12px;
}
.popup .popup-block .popup-confirm-activate .popup-sections .section:not(:last-of-type) {
  margin-bottom: 16px;
}
.popup .popup-block .popup-confirm-activate .button-group {
  margin-top: 24px;
}
.popup .popup-block .popup-confirm-activate .button-group .button-activate {
  background-color: #6FC16D;
  color: #fff;
  margin-right: 12px;
}
.popup .popup-block .popup-confirm-activate .button-group .button-active-disabled {
  background-color: #D6F1D6;
}
.popup .popup-block .popup-confirm-inactivate .button-group {
  margin-top: 40px;
}
.popup .popup-block .popup-confirm-inactivate .button-group .button-inactivate {
  background-color: #6FC16D;
  color: #fff;
  margin-right: 12px;
}
.popup .popup-block .popup-customer-list {
  width: 1152px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 4px 20px rgba(0, 49, 107, 0.15);
}
.popup .popup-block .popup-customer-list .popup-title {
  margin-top: 0;
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
.popup .popup-block .popup-customer-list .chart {
  margin-top: 32px;
}
.popup .popup-block .popup-customer-list .chart table {
  width: 100%;
}
.popup .popup-block .popup-customer-list .chart table tr {
  border-bottom: 1px solid #ECECEC;
}
.popup .popup-block .popup-customer-list .chart table tr th {
  font-size: 12px;
  line-height: 16px;
  color: #424242;
  padding-bottom: 16px;
  font-weight: 400;
}
.popup .popup-block .popup-customer-list .chart table tr td {
  padding: 16px 0;
  cursor: pointer;
}
.popup .popup-block .popup-customer-list .chart table .table-head {
  border-bottom: 1px solid #BFBFBF;
}
.popup .popup-block .popup-onsale-product .popup-title .left {
  float: left;
}
.popup .popup-block .popup-onsale-product .popup-title .right {
  float: right;
}
.popup .popup-block .popup-onsale-product .popup-title .btn-add-onsale-item {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  background-color: #fff;
  padding: 9px 32px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
}
.popup .popup-block .popup-onsale-product .product-list {
  margin-top: 16px;
}
.popup .popup-block .popup-onsale-product .product-list .single-item {
  padding: 24px 0;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .move-handle {
  float: left;
  width: 20px;
  height: 40px;
  padding: 10px 0;
  margin-right: 24px;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .move-handle .move-up,
.popup .popup-block .popup-onsale-product .product-list .single-item .move-handle .move-down {
  height: 20px;
  width: 20px;
  display: block;
  cursor: pointer;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .move-handle .move-up {
  transform: rotate(180deg);
}
.popup .popup-block .popup-onsale-product .product-list .single-item .move-to-top-handle {
  float: left;
  margin: 20px 0;
  margin-right: 24px;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .move-to-top-handle img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .move-to-bottom-handle {
  float: left;
  margin: 20px 0;
  margin-right: 24px;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .move-to-bottom-handle img {
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(180deg);
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-image {
  float: left;
  margin-right: 16px;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-image img {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  object-fit: cover;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-info {
  float: left;
  width: 220px;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-info .item-name {
  font-size: 14px;
  line-height: 19px;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-info .item-unit {
  margin-top: 6px;
  font-size: 16px;
  line-height: 16px;
  color: #767676;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-price {
  float: right;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-price .current-price {
  display: inline-block;
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  margin-right: 12px;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .item-price .original-price {
  display: inline-block;
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  text-decoration-line: line-through;
  margin-right: 12px;
  color: #767676;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .btn-delete {
  float: right;
  margin: 20px 0;
}
.popup .popup-block .popup-onsale-product .product-list .single-item .btn-delete img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup .popup-block .popup-onsale-product .product-list .single-item:not(:last-of-type) {
  border-bottom: 1px solid #ECECEC;
}
.popup .popup-block .popup-onsale-product .btn-add-item {
  width: 296px;
  height: 45px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  background-color: #6FC16D;
  border-radius: 5px;
  margin-top: 16px;
  cursor: pointer;
}
.popup .popup-block .popup-onsale-product .btn-add-item-disabled {
  background-color: #BFBFBF;
}
.popup .popup-block .popup-add-onsale-product .popup-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup .popup-block .popup-add-onsale-product .popup-title .btn-top-add-onsale-item {
  font-size: 16px;
  color: #ffffff;
  background-color: #6FC16D;
  padding: 0 32px;
  border-radius: 5px;
  cursor: pointer;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .popup-block .popup-add-onsale-product .popup-title .btn-top-add-onsale-item-disabled {
  background-color: #BFBFBF;
}
.popup .popup-block .popup-add-onsale-product .product-list {
  margin-top: 16px;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item {
  height: 100px;
  padding: 16px 0;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-block-left {
  float: left;
  max-width: 66.6666%;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-block-right {
  float: right;
  max-width: 33.3333%;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-check,
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-image,
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-name-unit {
  float: left;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-check {
  width: 20px;
  height: 20px;
  margin: 20px 12px 20px 0;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-image {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-right: 12px;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-name-unit {
  max-width: calc(100% - 104px);
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-name-unit .item-name {
  height: 38px;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 8px;
  word-break: break-all;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .item-name-unit .item-unit {
  font-size: 14px;
  line-height: 19px;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .current-price,
.popup .popup-block .popup-add-onsale-product .product-list .single-item .original-price {
  float: right;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .current-price {
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  margin-right: 12px;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item .original-price {
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  text-decoration-line: line-through;
  margin-right: 12px;
  color: #767676;
}
.popup .popup-block .popup-add-onsale-product .product-list .single-item:not(:last-of-type) {
  border-bottom: 1px solid #ECECEC;
}
.popup .popup-block .popup-add-onsale-product .btn-add-item {
  width: 296px;
  height: 45px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  background-color: #6FC16D;
  border-radius: 5px;
  margin-top: 16px;
  cursor: pointer;
}
.popup .popup-block .popup-add-onsale-product .btn-add-item-disabled {
  background-color: #BFBFBF;
}
.popup .popup-block .popup-all-product .popup-title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.popup .popup-block .popup-all-product .popup-title-row .btn-show-all {
  color: #6fc16d;
  cursor: pointer;
}
.popup .popup-block .popup-all-product .product-list {
  margin-top: 16px;
}
.popup .popup-block .popup-all-product .product-list .single-item {
  padding: 24px 0;
}
.popup .popup-block .popup-all-product .product-list .single-item .item-image {
  float: left;
  margin-right: 16px;
}
.popup .popup-block .popup-all-product .product-list .single-item .item-image img {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  object-fit: cover;
}
.popup .popup-block .popup-all-product .product-list .single-item .item-info {
  float: left;
  width: 220px;
}
.popup .popup-block .popup-all-product .product-list .single-item .item-info .item-name {
  font-size: 14px;
  line-height: 19px;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup .popup-block .popup-all-product .product-list .single-item .item-info .item-unit {
  margin-top: 6px;
  font-size: 16px;
  line-height: 16px;
  color: #767676;
}
.popup .popup-block .popup-all-product .product-list .single-item .btn-toggle {
  float: right;
  margin: 20px 0;
}
.popup .popup-block .popup-all-product .product-list .single-item .btn-toggle img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup .popup-block .popup-all-product .product-list .single-item .btn-move-to-top {
  float: right;
  margin: 20px 0;
  margin-left: 24px;
}
.popup .popup-block .popup-all-product .product-list .single-item .btn-move-to-top img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup .popup-block .popup-all-product .product-list .single-item .btn-move-to-bottom {
  float: right;
  margin: 20px 0;
  margin-left: 24px;
}
.popup .popup-block .popup-all-product .product-list .single-item .btn-move-to-bottom img {
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(180deg);
}
.popup .popup-block .popup-all-product .product-list .single-item .move-handle {
  float: right;
  width: 20px;
  height: 40px;
  padding: 10px 0;
  margin-left: 24px;
}
.popup .popup-block .popup-all-product .product-list .single-item .move-handle .move-up,
.popup .popup-block .popup-all-product .product-list .single-item .move-handle .move-down {
  height: 20px;
  width: 20px;
  display: block;
  cursor: pointer;
}
.popup .popup-block .popup-all-product .product-list .single-item .move-handle .move-up {
  transform: rotate(180deg);
}
.popup .popup-block .popup-all-product .product-list .single-item:not(:last-of-type) {
  border-bottom: 1px solid #ECECEC;
}
.popup .popup-block .popup-all-category .popup-title-row {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.popup .popup-block .popup-all-category .popup-title-row .btn-show-all {
  color: #6fc16d;
  cursor: pointer;
}
.popup .popup-block .popup-all-category .category-list {
  margin-top: 16px;
}
.popup .popup-block .popup-all-category .category-list .single-item {
  padding: 24px 0;
}
.popup .popup-block .popup-all-category .category-list .single-item .item-image {
  float: left;
  margin-right: 16px;
}
.popup .popup-block .popup-all-category .category-list .single-item .item-image img {
  height: 60px;
  width: 90px;
  border-radius: 10px;
  object-fit: cover;
}
.popup .popup-block .popup-all-category .category-list .single-item .item-name {
  float: left;
  width: 220px;
  font-size: 14px;
  line-height: 60px;
  height: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup .popup-block .popup-all-category .category-list .single-item .btn-toggle {
  float: right;
  margin: 20px 0;
}
.popup .popup-block .popup-all-category .category-list .single-item .btn-toggle img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup .popup-block .popup-all-category .category-list .single-item .move-handle {
  float: right;
  width: 20px;
  height: 40px;
  padding: 10px 0;
  margin-left: 24px;
}
.popup .popup-block .popup-all-category .category-list .single-item .move-handle .move-up,
.popup .popup-block .popup-all-category .category-list .single-item .move-handle .move-down {
  height: 20px;
  width: 20px;
  display: block;
  cursor: pointer;
}
.popup .popup-block .popup-all-category .category-list .single-item .move-handle .move-up {
  transform: rotate(180deg);
}
.popup .popup-block .popup-all-category .category-list .single-item:not(:last-of-type) {
  border-bottom: 1px solid #ECECEC;
}
.popup .popup-block .popup-confirm-lock-transaction {
  margin-top: 100px;
  max-width: 500px;
}
.popup .popup-block .popup-confirm-lock-transaction .button-group {
  margin-top: 32px;
}
.popup .popup-block .popup-confirm-lock-transaction .button-group .button {
  width: calc(50% - 12px);
  float: left;
  height: 44px;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  padding: 11px 0;
  cursor: pointer;
}
.popup .popup-block .popup-confirm-lock-transaction .button-group .button-yes {
  background-color: #6FC16D;
  color: #fff;
  margin-right: 12px;
}
.popup .popup-block .popup-confirm-lock-transaction .button-group .button-no {
  background-color: #fff;
  border: 1px solid #6FC16D;
  color: #6FC16D;
  margin-left: 12px;
}
.popup .popup-block .popup-confirm-verify {
  width: 437px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-confirm-verify {
    width: calc(100% - 32px);
  }
}
.popup .popup-block .popup-confirm-verify .btn-confirm {
  cursor: pointer;
  width: 100%;
  height: 44px;
  padding: 11px;
  text-align: center;
  background: #6FC16D;
  border-radius: 5px;
  margin-top: 32px;
  color: white;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.popup .popup-block .popup-success-verify {
  width: 401px;
  text-align: center;
}
.popup .popup-block .popup-success-verify .icon-success {
  width: 100px;
  height: 100px;
  margin-bottom: 16px;
}
.popup .popup-block .popup-success-verify .popup-text {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
}
.popup .popup-block .popup-add-instruction {
  width: 438px;
  padding: 24px;
}
.popup .popup-block .popup-add-instruction textarea {
  height: 178px;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  padding: 12px;
  font-size: 16px;
  line-height: 22px;
}
.popup .popup-block .popup-add-instruction .btn-save {
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 9px;
  text-align: center;
  background: #6FC16D;
  border-radius: 5px;
  margin-top: 32px;
  color: #ffffff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
}
.popup .popup-block .popup-edit-option {
  position: relative;
  max-width: 564px;
  padding-bottom: 90px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-image {
  margin-top: 24px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-image .product-image-block {
  border-radius: 10px;
  overflow: hidden;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-image .product-image-block .image-block {
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .product-name {
  font-weight: 700;
  font-size: 24px;
  line-height: 33px;
  margin-top: 24px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options {
  margin-top: 24px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option {
  margin-bottom: 24px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .option-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .option-note {
  marign-left: 8px;
  font-size: 14px;
  line-height: 19px;
  color: #767676;
  font-weight: 400;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .single-choice,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .single-choice,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .multiple-choice,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .multiple-choice {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 22px;
  cursor: pointer;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .single-choice .single-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .single-choice .single-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .multiple-choice .single-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .multiple-choice .single-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .single-choice .multiple-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .single-choice .multiple-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .multiple-choice .multiple-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .multiple-choice .multiple-choice-title,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .single-choice img,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .single-choice img,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .multiple-choice img,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .multiple-choice img {
  float: left;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .single-choice img,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .single-choice img,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .multiple-choice img,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .multiple-choice img {
  width: 20px;
  height: 20px;
  margin-right: 12px;
  transform: translateY(1px);
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .single-choice .extra-fee,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .single-choice .extra-fee,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .single-choice-list .multiple-choice .extra-fee,
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-options .single-option .multiple-choice-list .multiple-choice .extra-fee {
  float: right;
  font-size: 14px;
  line-height: 19px;
  color: #BFBFBF;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-instruction .section-title {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .section-instruction .instruction {
  resize: none;
  width: 100%;
  height: 62px;
  padding: 9px 12px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .section-product-info .divider {
  width: 100%;
  border: 1px solid #ECECEC;
  margin-top: 24px;
  margin-bottom: 24px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .description {
  font-size: 16px;
  color: #767676;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option {
  position: relative;
  margin-top: 20px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option img {
  width: 22px;
  height: 22px;
  position: absolute;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .price {
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .price del {
  font-weight: normal;
  color: #BFBFBF;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .unit {
  margin-top: 8px;
  font-size: 16px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .indent-option {
  position: relative;
  left: 40px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .indent-option .price {
  font-weight: 700;
  font-size: 20px;
  line-height: 22px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .indent-option .price del {
  font-weight: normal;
  color: #BFBFBF;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .indent-option .unit {
  margin-top: 8px;
  font-size: 16px;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .selected .price,
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .selectable .price,
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .selected .unit,
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .selectable .unit {
  color: #424242;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .unselectable .price,
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .unselectable .unit {
  color: #BFBFBF;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .sold-out {
  position: absolute;
  right: 0;
  top: 0;
  font-weight: 500;
  font-size: 16px;
  color: #424242;
}
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .sold-out .price,
.popup .popup-block .popup-edit-option .page-product-inner-block .purchase-option .sold-out .unit {
  opacity: 0.6;
}
.popup .popup-block .popup-edit-option .purchase-button-group {
  border-radius: 10px;
  max-width: 564px;
  width: 100%;
  height: 80px;
  background-color: #fff;
  position: fixed;
  z-index: 650;
  left: 50%;
  bottom: 0;
  padding: 16px 32px;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-edit-option .purchase-button-group {
    position: relative;
  }
}
.popup .popup-block .popup-edit-option .purchase-button-group .button-group-counter {
  float: left;
  width: 178px;
  height: 45px;
  position: relative;
  padding: 8px 16px;
  text-align: center;
  font-size: 16px;
  line-height: 32px;
  background: white;
  border-radius: 10px;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-edit-option .purchase-button-group .button-group-counter {
    float: none;
    height: 48px;
    padding: 8px 16px;
    margin: 45px auto 0 auto;
    border: 1px solid #ECECEC;
  }
}
.popup .popup-block .popup-edit-option .purchase-button-group .button-group-counter .left {
  position: absolute;
  left: 16px;
  height: 32px;
  width: 32px;
}
.popup .popup-block .popup-edit-option .purchase-button-group .button-group-counter .right {
  position: absolute;
  right: 16px;
  height: 32px;
  width: 32px;
}
.popup .popup-block .popup-edit-option .purchase-button-group .btn-purchase {
  float: right;
  height: 45px;
  width: calc(100% - 202px);
  background: #6FC16D;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  padding: 11px 0;
  text-align: center;
  color: #fff;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-edit-option .purchase-button-group .btn-purchase {
    display: none;
  }
}
.popup .popup-block .popup-edit-option .btn-purchase-mobile {
  display: none;
  position: fixed;
  z-index: 651;
  bottom: 64px;
  left: 50%;
  transform: translateX(-50%);
  height: 45px;
  width: calc(100% - 32px);
  background: #6FC16D;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  padding: 11px 0;
  text-align: center;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-edit-option .btn-purchase-mobile {
    display: block;
  }
}
.popup .popup-block .popup-add-product-option {
  width: 810px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option {
    width: 100%;
    height: auto;
    min-height: 100%;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    padding: 0 16px 16px 16px;
    border-radius: 0;
  }
}
.popup .popup-block .popup-add-product-option .btn-popup-back {
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .btn-popup-back {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .popup-head {
    height: 48px;
    display: flex;
    align-items: center;
    position: relative;
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 16px;
    padding: 0 16px;
    margin: 0 -16px 16px -16px;
  }
  .popup .popup-block .popup-add-product-option .popup-head .popup-title {
    margin: 0;
    font-weight: 700;
    font-size: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.popup .popup-block .popup-add-product-option .popup-head .goback-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .popup-head .goback-mobile {
    display: block;
    height: 22px;
    width: 22px;
    transform: rotate(90deg);
  }
}
.popup .popup-block .popup-add-product-option .content-block {
  margin-top: 24px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 24px;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block {
  margin-bottom: 24px;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .content-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .options {
  display: flex;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .content-block .sub-block .options {
    flex-direction: column;
  }
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .options .setting-option {
  margin-right: 24px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .content-block .sub-block .options .setting-option {
    margin-right: 0;
    margin-bottom: 16px;
  }
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .options .setting-option img {
  margin-right: 8px;
  height: 20px;
  width: 20px;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .options .setting-option .selection-text {
  font-size: 16px;
  line-height: 20px;
  color: #767676;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .min-choices {
  float: left;
  width: calc(50% - 16px);
  margin-right: 32px;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .min-choices input {
  margin-top: 0;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .max-choices {
  float: left;
  width: calc(50% - 16px);
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .max-choices input {
  margin-top: 0;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .option-title-input {
  width: 297px;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .content-block .sub-block .option-title-input {
    width: 66.6666%;
  }
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice {
  margin-bottom: 16px;
  display: flex;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice .choice-title {
  width: 297px;
  margin: 0 24px 0 0;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice .choice-title {
    width: calc(66.6666% - 16px);
    margin: 0 16px 0 0;
  }
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice .choice-price {
  width: 117px;
  position: relative;
  margin: 0 24px 0 0;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice .choice-price {
    width: 33.3333%;
  }
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice .choice-price .dollar-sign {
  font-size: 16px;
  line-height: 40px;
  position: absolute;
  left: 16px;
  top: 0;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice .choice-price input {
  padding-left: 30px;
  margin: 0;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .setting-choice img {
  float: left;
  width: 20px;
  height: 20px;
  margin: 10px 0;
  cursor: pointer;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .btn-add-choice {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  margin-top: 24px;
  cursor: pointer;
}
.popup .popup-block .popup-add-product-option .content-block .sub-block .btn-add-choice img {
  margin-right: 8px;
  transform: translateY(-2px);
}
.popup .popup-block .popup-add-product-option .content-block .sub-block:last-of-type {
  margin-bottom: 0;
}
.popup .popup-block .popup-add-product-option .btn-group {
  margin-top: 32px;
  display: flex;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .btn-group {
    flex-direction: column;
  }
}
.popup .popup-block .popup-add-product-option .btn-group .btn-save {
  margin-right: 24px;
  cursor: pointer;
  width: 203px;
  height: 40px;
  padding: 9px;
  text-align: center;
  background: #6FC16D;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .btn-group .btn-save {
    width: 100%;
    margin-bottom: 24px;
    margin-right: 0;
  }
}
.popup .popup-block .popup-add-product-option .btn-group .btn-delete {
  cursor: pointer;
  background: #fff;
  width: 203px;
  height: 40px;
  border-radius: 5px;
  border: 1px solid #E2E2E2;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #BFBFBF;
  text-align: center;
  padding: 9px;
}
@media screen and (max-width: 768px) {
  .popup .popup-block .popup-add-product-option .btn-group .btn-delete {
    width: 100%;
  }
}
.popup .popup-block .popup-success {
  width: calc(100% - 32px);
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .popup .popup-block .popup-success {
    max-width: 414px;
  }
}
.popup .popup-block .popup-success .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-success .success-content .success-content-title {
  font-weight: 700;
  font-size: 24px;
  margin: 16px 0 16px 0;
  text-align: center;
}
.popup .popup-block .popup-success .success-content .success-content-text {
  font-size: 16px;
  margin-bottom: 32px;
  text-align: center;
  color: #767676;
}
.popup .popup-block .popup-success .button-group {
  width: 100%;
  text-align: center;
}
.popup .popup-block .popup-success .button-group .button {
  cursor: pointer;
  width: calc(50% - 8px);
  height: 44px;
  font-weight: 700;
  font-size: 16px;
  text-align: center;
  padding: 11px 0;
  border-radius: 5px;
  background: #6FC16D;
  border: 1px solid transparent;
  color: #fff;
  margin: auto;
}
.popup .popup-block .popup-product-list .popup-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup .popup-block .popup-product-list .popup-title .btn-add-product {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
  color: #767676;
  background-color: #fff;
  padding: 9px 32px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  display: inline-block;
  cursor: pointer;
}
.popup .popup-block .popup-product-list .product-list {
  margin-top: 16px;
}
.popup .popup-block .popup-product-list .product-list .empty-card {
  min-height: 300px;
  color: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .popup-block .popup-product-list .product-list .single-item {
  padding: 24px 0;
}
.popup .popup-block .popup-product-list .product-list .single-item .move-handle {
  float: left;
  width: 20px;
  height: 40px;
  padding: 10px 0;
  margin-right: 24px;
}
.popup .popup-block .popup-product-list .product-list .single-item .move-handle .move-up,
.popup .popup-block .popup-product-list .product-list .single-item .move-handle .move-down {
  height: 20px;
  width: 20px;
  display: block;
  cursor: pointer;
}
.popup .popup-block .popup-product-list .product-list .single-item .move-handle .move-up {
  transform: rotate(180deg);
}
.popup .popup-block .popup-product-list .product-list .single-item .move-to-top-handle {
  float: left;
  margin: 20px 0;
  margin-right: 24px;
}
.popup .popup-block .popup-product-list .product-list .single-item .move-to-top-handle img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup .popup-block .popup-product-list .product-list .single-item .move-to-bottom-handle {
  float: left;
  margin: 20px 0;
  margin-right: 24px;
}
.popup .popup-block .popup-product-list .product-list .single-item .move-to-bottom-handle img {
  height: 20px;
  width: 20px;
  cursor: pointer;
  transform: rotate(180deg);
}
.popup .popup-block .popup-product-list .product-list .single-item .item-image {
  float: left;
  margin-right: 16px;
}
.popup .popup-block .popup-product-list .product-list .single-item .item-image img {
  height: 60px;
  width: 60px;
  border-radius: 10px;
  object-fit: cover;
}
.popup .popup-block .popup-product-list .product-list .single-item .item-info {
  float: left;
  width: 220px;
}
.popup .popup-block .popup-product-list .product-list .single-item .item-info .item-name {
  font-size: 14px;
  line-height: 19px;
  height: 38px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.popup .popup-block .popup-product-list .product-list .single-item .item-info .item-unit {
  margin-top: 6px;
  font-size: 16px;
  line-height: 16px;
  color: #767676;
}
.popup .popup-block .popup-product-list .product-list .single-item .item-price {
  float: right;
}
.popup .popup-block .popup-product-list .product-list .single-item .item-price .current-price {
  display: inline-block;
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  margin-right: 12px;
}
.popup .popup-block .popup-product-list .product-list .single-item .item-price .original-price {
  display: inline-block;
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  text-decoration-line: line-through;
  margin-right: 12px;
  color: #767676;
}
.popup .popup-block .popup-product-list .product-list .single-item .btn-delete {
  float: right;
  margin: 20px 0;
}
.popup .popup-block .popup-product-list .product-list .single-item .btn-delete img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup .popup-block .popup-product-list .product-list .single-item:not(:last-of-type) {
  border-bottom: 1px solid #ECECEC;
}
.popup .popup-block .popup-product-list .btn-add-item {
  width: 296px;
  height: 45px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  background-color: #6FC16D;
  border-radius: 5px;
  margin-top: 16px;
  cursor: pointer;
}
.popup .popup-block .popup-product-list .btn-add-item-disabled {
  background-color: #BFBFBF;
}
.popup .popup-block .popup-add-product .popup-title .left {
  float: left;
}
.popup .popup-block .popup-add-product .popup-title .right {
  float: right;
}
.popup .popup-block .popup-add-product .popup-title .btn-add-onsale-item {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  background-color: #fff;
  padding: 9px 32px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  font-weight: normal;
  display: inline-block;
  cursor: pointer;
}
.popup .popup-block .popup-add-product .product-list {
  margin-top: 16px;
}
.popup .popup-block .popup-add-product .product-list .empty-card {
  min-height: 300px;
  color: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup .popup-block .popup-add-product .product-list .single-item {
  height: 100px;
  padding: 16px 0;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}
.popup .popup-block .popup-add-product .product-list .single-item .item-block-left {
  float: left;
  max-width: 66.6666%;
}
.popup .popup-block .popup-add-product .product-list .single-item .item-block-right {
  float: right;
  max-width: 33.3333%;
}
.popup .popup-block .popup-add-product .product-list .single-item .item-check,
.popup .popup-block .popup-add-product .product-list .single-item .item-image,
.popup .popup-block .popup-add-product .product-list .single-item .item-name-unit {
  float: left;
}
.popup .popup-block .popup-add-product .product-list .single-item .item-check {
  width: 20px;
  height: 20px;
  margin: 20px 12px 20px 0;
}
.popup .popup-block .popup-add-product .product-list .single-item .item-image {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-right: 12px;
  object-fit: cover;
}
.popup .popup-block .popup-add-product .product-list .single-item .item-name-unit {
  max-width: calc(100% - 104px);
}
.popup .popup-block .popup-add-product .product-list .single-item .item-name-unit .item-name {
  height: 38px;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 8px;
  word-break: break-all;
}
.popup .popup-block .popup-add-product .product-list .single-item .item-name-unit .item-unit {
  font-size: 14px;
  line-height: 19px;
}
.popup .popup-block .popup-add-product .product-list .single-item .current-price,
.popup .popup-block .popup-add-product .product-list .single-item .original-price {
  float: right;
}
.popup .popup-block .popup-add-product .product-list .single-item .current-price {
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  margin-right: 12px;
}
.popup .popup-block .popup-add-product .product-list .single-item .original-price {
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  margin-right: 12px;
}
.popup .popup-block .popup-add-product .product-list .single-item .original-price del {
  color: #767676;
}
.popup .popup-block .popup-add-product .product-list .single-item:not(:last-of-type) {
  border-bottom: 1px solid #ECECEC;
}
.popup .popup-block .popup-add-product .btn-add-item {
  width: 296px;
  height: 45px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  background-color: #6FC16D;
  border-radius: 5px;
  margin-top: 16px;
  cursor: pointer;
}
.popup .popup-block .popup-add-product .btn-add-item-disabled {
  background-color: #BFBFBF;
}
.popup .popup-block .popup-table-list .popup-title {
  margin-bottom: 32px;
}
.popup .popup-block .popup-edit-banner {
  width: 726px;
  padding: 32px;
}
.popup .popup-block .popup-edit-banner .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-edit-banner .popup-header h1 {
  font-size: 24px;
  line-height: 33px;
  margin: 24px 0 12px 0;
}
.popup .popup-block .popup-edit-banner .popup-header p {
  font-size: 18px;
  margin: 0 0 24px 0;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-cover {
  height: 291px;
  padding-left: 0;
  padding-right: 16px;
  position: relative;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-cover .cover {
  height: 100%;
  width: 100%;
  background-color: #9C9C9C;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-drop {
  padding: 0;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-drop .photo-drop-area {
  cursor: pointer;
  border: 1px dashed #979797;
  height: 291px;
  border-radius: 5px;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-drop .photo-drop-area .block-loading {
  position: unset;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-drop .photo-drop-area .photo-drop-area-button {
  height: 291px;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-drop .photo-drop-area .photo-drop-area-button img {
  margin-top: 100px;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-drop .photo-drop-area .photo-drop-area-button p {
  margin-top: 32px;
  font-size: 18px;
  color: #BFBFBF;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-replace {
  display: none;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-gallery {
  width: calc(100% + 16px);
  margin: 16px -8px 0 -8px;
  padding: 0;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-gallery .photo-single-item {
  position: relative;
  height: 140px;
  background-color: #9C9C9C;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 8px 16px 8px;
  width: calc(33.3333% - 16px);
  float: left;
  border-radius: 5px;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-gallery .photo-single-item .btn-set-as-cover {
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
  float: left;
  height: 27px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #6FC16D;
  color: #6FC16D;
  font-size: 14px;
  line-height: 19px;
  padding: 4px 8px;
  font-weight: 500;
  word-break: keep-all;
}
.popup .popup-block .popup-edit-banner .popup-main .photo-gallery .photo-single-item .btn-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.popup .popup-block .popup-add-language {
  max-width: 439px;
}
.popup .popup-block .popup-edit-subtitle {
  width: calc(100% - 32px);
  padding: 24px;
}
.popup .popup-block .popup-edit-subtitle .popup-title {
  font-size: 20px;
}
.popup .popup-block .popup-edit-subtitle textarea {
  margin-bottom: 32px;
}
.popup .popup-block .popup-edit-subtitle .btn-save {
  cursor: pointer;
  width: 100%;
  height: 40px;
  padding: 9px;
  text-align: center;
  background: #6FC16D;
  border-radius: 5px;
  color: white;
  font-size: 16px;
  font-weight: 700;
}
.popup .popup-block .popup-photo-gallery {
  width: 726px;
  padding: 32px;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery {
    width: 100%;
    height: 100%;
    overflow: scroll;
    border-radius: 0;
    top: 0;
    margin: 0;
    padding: 16px;
  }
}
.popup .popup-block .popup-photo-gallery .popup-header {
  height: 32px;
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.popup .popup-block .popup-photo-gallery .popup-header .btn-popup-back {
  cursor: pointer;
}
.popup .popup-block .popup-photo-gallery .popup-title {
  font-size: 24px;
  line-height: 33px;
  margin: 12px 0 12px 0;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-title {
    display: none;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-cover {
  float: left;
  width: 75%;
  height: 291px;
  padding-left: 0;
  padding-right: 16px;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-cover {
    width: 100%;
    height: 119px;
    padding-right: 0;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-cover .cover {
  height: 100%;
  width: 100%;
  background-color: #F4F4F4;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 5px;
  position: relative;
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-cover .cover .btn-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop {
  float: left;
  width: 25%;
  padding: 0;
  position: relative;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-drop {
    width: 100%;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area {
  cursor: pointer;
  border: 1px dashed #979797;
  height: 291px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area {
    height: 119px;
    margin-bottom: 24px;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area .block-loading {
  position: unset;
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area .photo-drop-area-button {
  height: 291px;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area .photo-drop-area-button {
    height: 119px;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area .photo-drop-area-button img {
  margin-top: 100px;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area .photo-drop-area-button img {
    margin-top: 32px;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area .photo-drop-area-button p {
  margin-top: 32px;
  font-size: 18px;
  color: #BFBFBF;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-drop .photo-drop-area .photo-drop-area-button p {
    margin-top: 8px;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop-desktop {
  display: block;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-drop-desktop {
    display: none;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-drop-mobile {
  display: none;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-drop-mobile {
    display: block;
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-replace {
  display: none;
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-gallery {
  width: calc(100% + 16px);
  margin: 16px -8px 0 -8px;
  padding: 0;
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-gallery .photo-single-item {
  position: relative;
  height: 140px;
  background-color: #F4F4F4;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  margin: 0 8px 16px 8px;
  width: calc(33.3333% - 16px);
  float: left;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  .popup .popup-block .popup-photo-gallery .popup-main .photo-gallery .photo-single-item {
    height: 119px;
    width: calc(50% - 16px);
  }
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-gallery .photo-single-item .btn-set-as-cover {
  position: absolute;
  top: 4px;
  left: 4px;
  cursor: pointer;
  float: left;
  height: 27px;
  border-radius: 5px;
  background-color: rgba(255, 255, 255, 0.3);
  border: 1px solid #6FC16D;
  color: #6FC16D;
  font-size: 14px;
  line-height: 19px;
  padding: 4px 8px;
  font-weight: 500;
  word-break: keep-all;
}
.popup .popup-block .popup-photo-gallery .popup-main .photo-gallery .photo-single-item .btn-remove {
  position: absolute;
  top: 4px;
  right: 4px;
  cursor: pointer;
  height: 24px;
  width: 24px;
}
.popup .popup-block .popup-pickup-notice {
  max-width: 600px;
}
.popup .popup-block .popup-pickup-notice .popup-main {
  margin-top: 24px;
}
.popup .popup-block .popup-pickup-notice .popup-main .option {
  margin-top: 16px;
}
.popup .popup-block .popup-pickup-notice .popup-main .option .option-title {
  display: flex;
  align-items: center;
  margin-bottom: 8px;
}
.popup .popup-block .popup-pickup-notice .popup-main .option .option-title .copy {
  font-size: 16px;
}
.popup .popup-block .popup-pickup-notice .popup-main .option .option-title img {
  margin-right: 8px;
  width: 20px;
  height: 20px;
}
.popup .popup-block .popup-pickup-notice .popup-main .customize-notice {
  margin-top: 4px;
}
.popup .popup-block .popup-pickup-notice .btn-group {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
}
.popup .popup-block .popup-pickup-notice .btn-group .button {
  width: calc(500% - 12px);
  height: 44px;
  border-radius: 5px;
  font-size: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.popup .popup-block .popup-pickup-notice .btn-group .btn-send {
  margin-right: 24px;
  background: #6fc16d;
  color: #ffffff;
  font-weight: 700;
}
.popup .popup-block .popup-pickup-notice .btn-group .btn-cancel {
  border: 1px solid #bfbfbf;
  color: #bfbfbf;
}
.popup .popup-block .popup-confirm-delete-store .popup-subtitle-warning {
  color: #C54242;
}
.popup .popup-block .popup-confirm-delete-store .button-group {
  margin-top: 48px;
  display: flex;
}
.popup .popup-block .popup-confirm-delete-store .button-group .button {
  cursor: pointer;
  width: 203px;
  height: 40px;
  border-radius: 5px;
  font-size: 16px;
  padding: 9px;
  line-height: 22px;
  text-align: center;
}
.popup .popup-block .popup-confirm-delete-store .button-group .button-confirm-delete {
  background: #C54242;
}
.popup .popup-block .popup-confirm-delete-store .button-group .button-confirm-delete span {
  color: #fff;
}
.popup .popup-block .popup-confirm-delete-store .button-group .button-cancel {
  margin-left: 24px;
  background: #fff;
  color: #bfbfbf;
  border: 1px solid #e2e2e2;
}

.component-drawer {
  width: 235px;
  height: 100%;
  padding: 24px 8px 24px 32px;
}
.component-drawer .tab {
  cursor: pointer;
  text-decoration: none!important;
  margin-top: 20px;
  font-weight: 500;
  font-size: 16px;
  color: #424242;
}
.component-drawer .tab img {
  width: 16px;
  height: 16px;
  margin-right: 12px;
}
.component-drawer a {
  text-decoration: none!important;
}
.component-drawer a:hover {
  text-decoration: none!important;
}
.component-drawer a:focus {
  text-decoration: none!important;
}
.component-drawer .sub-tab {
  cursor: pointer;
  margin-top: 16px;
  margin-left: 24px;
  text-decoration: none!important;
  padding: 4px 8px;
  font-size: 16px;
  color: #767676;
}
.component-drawer .sub-tab:hover {
  text-decoration: none!important;
}
.component-drawer .sub-tab-selected {
  cursor: pointer;
  margin-top: 16px;
  margin-left: 24px;
  text-decoration: none!important;
  font-size: 16px;
  color: #6FC16D;
  padding: 4px 8px;
  background-color: #F8F8F8;
  border-radius: 5px;
}
.component-drawer .sub-tab-selected:hover {
  text-decoration: none!important;
}

.loading .loading-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loading .loading-graphic .loading-dot {
  float: left;
  animation: loading 1.2s infinite;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #6FC16D;
}
.loading .loading-graphic .loading-dot-left {
  animation-delay: 0s;
  margin-right: 16px;
}
.loading .loading-graphic .loading-dot-mid {
  animation-delay: 0.2s;
}
.loading .loading-graphic .loading-dot-right {
  animation-delay: 0.4s;
  margin-left: 16px;
}
.loading .loading-graphic:after {
  content: '';
  display: table;
  clear: both;
}
.full-screen-loading {
  width: 100vw;
  height: 100vh;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.1);
}
.full-screen-loading .loading-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.full-screen-loading .loading-graphic .loading-dot {
  float: left;
  animation: loading 1.2s infinite;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #6FC16D;
}
.full-screen-loading .loading-graphic .loading-dot-left {
  animation-delay: 0s;
  margin-right: 16px;
}
.full-screen-loading .loading-graphic .loading-dot-mid {
  animation-delay: 0.2s;
}
.full-screen-loading .loading-graphic .loading-dot-right {
  animation-delay: 0.4s;
  margin-left: 16px;
}
.full-screen-loading .loading-graphic:after {
  content: '';
  display: table;
  clear: both;
}
.block-loading {
  position: relative;
  width: 100%;
  height: 100%;
}
.block-loading .loading-graphic {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.block-loading .loading-graphic .loading-dot {
  float: left;
  animation: loading 1s infinite;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #e2e2e2;
}
.block-loading .loading-graphic .loading-dot-left {
  animation-delay: 0s;
  margin-right: 8px;
}
.block-loading .loading-graphic .loading-dot-mid {
  animation-delay: 0.2s;
}
.block-loading .loading-graphic .loading-dot-right {
  animation-delay: 0.4s;
  margin-left: 8px;
}
.block-loading .loading-graphic:after {
  content: '';
  display: table;
  clear: both;
}
@keyframes loading {
  0% {
    opacity: 0;
    transform: scale(0.5);
  }
  50% {
    opacity: 1;
    transform: scale(1);
  }
  100% {
    opacity: 0;
    transform: scale(0.5);
  }
}

.page-edit-message .page-content .btn-back {
  cursor: pointer;
  margin-bottom: 28px;
}
.page-edit-message .page-content .btn-back img {
  height: 32px;
  width: 32px;
}
.page-edit-message .page-content .page-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  margin-top: 16px;
  margin-bottom: 16px;
}
.page-edit-message .page-content .page-title .time {
  font-weight: 400;
  font-size: 20px;
  line-height: 27px;
  margin-left: 16px;
}
.page-edit-message .page-content .page-subtitle {
  font-size: 14px;
  line-height: 19px;
  color: #767676;
  margin-bottom: 24px;
}
.page-edit-message .page-content .section .section-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 16px;
}
.page-edit-message .page-content .section-recipients {
  margin-bottom: 32px;
}
.page-edit-message .page-content .section-recipients .btn-show-users {
  height: 40px;
  width: 320px;
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  padding: 9px 32px 9px 16px;
  border: 1px solid #ECECEC;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
}
.page-edit-message .page-content .section-recipients .btn-show-users img {
  height: 24px;
  width: 24px;
  position: absolute;
  top: 7px;
  right: 8px;
  transform: rotate(-90deg);
}
.page-edit-message .page-content .section-type {
  margin-bottom: 32px;
}
.page-edit-message .page-content .section-type .options .option {
  float: left;
  margin-right: 24px;
  height: 40px;
  width: 202px;
  font-size: 16px;
  line-height: 22px;
  border: 1px solid #ECECEC;
  border-radius: 5px;
  position: relative;
  cursor: pointer;
  padding: 9px 16px 9px 52px;
}
.page-edit-message .page-content .section-type .options .option img {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 9px;
  left: 16px;
}
.page-edit-message .page-content .section-content {
  margin-bottom: 32px;
}
.page-edit-message .page-content .section-content .section-subtitle {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  margin-bottom: 16px;
}
.page-edit-message .page-content .section-content textarea {
  width: 672px;
  height: 90px;
  border: 1px solid #ECECEC;
  border-radius: 5px;
  resize: none;
  padding: 12px;
}
.page-edit-message .page-content .button-group .btn-send {
  height: 40px;
  width: 203px;
  background: #6FC16D;
  border-radius: 5px;
  color: #fff;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  padding: 9px 0;
  cursor: pointer;
}
.page-edit-message .page-content .button-group .disabled {
  background: #ececec;
  color: #bfbfbf;
  cursor: default;
}

.popup-select-product .popup-title {
  margin-bottom: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.popup-select-product .popup-title .option-selected {
  float: right;
  cursor: pointer;
  font-size: 16px;
  color: #767676;
  font-weight: 700;
}
.popup-select-product .popup-title .option-selected img {
  margin-right: 8px;
}
.popup-select-product .popup-title .option {
  float: right;
  cursor: pointer;
  font-size: 16px;
  color: #767676;
  font-weight: 700;
}
.popup-select-product .popup-title .option img {
  margin-right: 8px;
}
.popup-select-product .section-create-new-product {
  margin-top: 24px;
  padding-bottom: 32px;
  margin-bottom: 32px;
  border-bottom: 1px solid #ececec;
}
.popup-select-product .section-create-new-product .option {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.popup-select-product .section-create-new-product .option img {
  margin-right: 8px;
}
.popup-select-product .section-create-new-product .option .text {
  font-size: 16px;
}
.popup-select-product .import-title {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 500;
}
.popup-select-product .input-search {
  margin-top: 0;
  margin-bottom: 12px;
}
.popup-select-product .table-block {
  width: 100%;
}
.popup-select-product .table-block table {
  width: 100%;
}
.popup-select-product .table-block table thead tr {
  border-bottom: 2px solid #e2e2e2;
}
.popup-select-product .table-block table thead tr th {
  font-size: 12px;
  font-weight: 400;
  color: #767676;
  padding: 12px 0 8px 0;
  white-space: nowrap;
}
.popup-select-product .table-block table tbody tr {
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}
.popup-select-product .table-block table tbody tr td {
  font-size: 14px;
  font-weight: 400;
  padding: 16px 0;
}
.popup-select-product .btn-save {
  cursor: pointer;
  margin-top: 32px;
  background: #6FC16D;
  border-radius: 5px;
  padding: 9px;
  width: 183px;
  height: 40px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  color: #FFFFFF;
}

.popup-confirm-product-change {
  width: calc(100% - 32px);
  max-width: 600px !important;
  padding: 24px;
}
.popup-confirm-product-change .btn-popup-back {
  cursor: pointer;
}
.popup-confirm-product-change .confirm-content .confirm-content-title {
  font-weight: 700;
  font-size: 24px;
  margin: 16px 0 16px 0;
}
.popup-confirm-product-change .confirm-content .confirm-content-table {
  margin-bottom: 32px;
}
.popup-confirm-product-change .confirm-content .confirm-content-table table {
  width: 100%;
}
.popup-confirm-product-change .confirm-content .confirm-content-table table thead tr {
  border-bottom: 2px solid #e2e2e2;
}
.popup-confirm-product-change .confirm-content .confirm-content-table table thead tr th {
  font-size: 14px;
  font-weight: 400;
  color: #767676;
  padding: 12px 4px;
}
.popup-confirm-product-change .confirm-content .confirm-content-table table tbody tr td {
  padding: 12px 4px;
  max-width: 50%;
}
.popup-confirm-product-change .confirm-content .confirm-content-table table tbody tr:not(:last-of-type) {
  border-bottom: 1px solid #e2e2e2;
}
.popup-confirm-product-change .button-group {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 12px;
}
.popup-confirm-product-change .button-group .button {
  cursor: pointer;
  flex-basis: 50%;
  height: 44px;
  font-weight: 700;
  font-size: 16px;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-confirm-product-change .button-group .btn-left {
  cursor: pointer;
  background: #6FC16D;
  border: 1px solid transparent;
  color: #fff;
  margin-right: 24px;
}
.popup-confirm-product-change .button-group .btn-right {
  cursor: pointer;
  background: #fff;
  border: 1px solid #6FC16D;
  color: #6FC16D;
}

.popup-variant-options {
  width: 789px;
}
.popup-variant-options .popup-subtitle {
  margin-bottom: 16px;
}
.popup-variant-options .section {
  padding: 24px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
}
.popup-variant-options .section-type {
  margin-bottom: 32px;
  position: relative;
}
.popup-variant-options .section-type .btn-delete-type {
  position: absolute;
  display: flex;
  top: 24px;
  right: 24px;
  font-size: 16px;
  line-height: 22px;
  color: #BFBFBF;
  cursor: pointer;
}
.popup-variant-options .section-type .btn-delete-type img {
  width: 20px;
  height: 20px;
  margin-left: 12px;
}
.popup-variant-options .section-type .section-type-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 16px;
}
.popup-variant-options .section-type .dropdown-block {
  max-width: 320px;
  margin-bottom: 16px;
}
.popup-variant-options .section-type .dropdown-block .dropdown-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.popup-variant-options .section-type .options-block .options-title {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.popup-variant-options .section-type .options-block .single-option {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.popup-variant-options .section-type .options-block .single-option input {
  margin: 0 24px 0 0;
}
.popup-variant-options .section-type .options-block .single-option img {
  height: 20px;
  width: 20px;
  cursor: pointer;
}
.popup-variant-options .section-type .btn-add-option {
  display: flex;
  height: 40px;
  width: 203px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  justify-content: start;
  align-items: center;
  padding: 0 16px;
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  cursor: pointer;
}
.popup-variant-options .section-type .btn-add-option img {
  margin-right: 16px;
}
.popup-variant-options .section-new-type .dropdown-block {
  max-width: 320px;
}
.popup-variant-options .btn-save {
  width: 203px;
  height: 40px;
  background: #6FC16D;
  border-radius: 5px;
  font-weight: 800;
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  padding: 9px 0;
  color: #FFFFFF;
  cursor: pointer;
  margin-top: 32px;
}

.component-dropdown-v2 {
  cursor: pointer;
  position: relative;
  color: #767676;
}
.component-dropdown-v2 .dropdown {
  width: 100%;
  line-height: 1;
  color: #4a4a4a;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}
.component-dropdown-v2 .dropdown .dropdown-placeholder {
  color: #BFBFBF;
}
.component-dropdown-v2 .dropdown img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.component-dropdown-v2 .dropdown-option-list {
  width: 100%;
  border: 1px solid #e2e2e2;
  position: absolute;
  left: 0;
  background-color: #ffffff;
  z-index: 100;
  border-radius: 5px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.component-dropdown-v2 .dropdown-option-list::-webkit-scrollbar {
  background: none;
  border: 0;
  border-radius: 2px;
  width: 4px;
}
.component-dropdown-v2 .dropdown-option-list::-webkit-scrollbar-track {
  background: none;
  border-radius: 2px;
}
.component-dropdown-v2 .dropdown-option-list::-webkit-scrollbar-thumb {
  background: #ececec;
  border-radius: 2px;
}
.component-dropdown-v2 .dropdown-option-list::-webkit-scrollbar-thumb:hover {
  background: #797979;
}
.component-dropdown-v2 .dropdown-option-list .dropdown-single-option {
  width: 100%;
  line-height: 1;
  color: #4a4a4a;
}
.component-dropdown-v2 .dropdown-active {
  border-bottom: 1px solid transparent;
  border-radius: 5px 5px 0 0;
}
.component-dropdown-v2 .dropdown-option-list-active {
  border-top: 0;
  border-radius: 0 0 5px 5px;
}

.popup-add-delivery-option .popup-subtitle {
  margin-bottom: 16px;
}
.popup-add-delivery-option .section-delivery-options {
  margin-bottom: 32px;
}
.popup-add-delivery-option .section-delivery-options .single-option {
  display: flex;
  justify-content: space-between;
  padding: 24px;
  background: #FFFFFF;
  border: 2px solid #E2E2E2;
  border-radius: 5px;
  cursor: pointer;
}
.popup-add-delivery-option .section-delivery-options .single-option .left {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.popup-add-delivery-option .section-delivery-options .single-option .left .option-check {
  margin-right: 16px;
}
.popup-add-delivery-option .section-delivery-options .single-option .left .option-check img {
  width: 20px;
  height: 20px;
}
.popup-add-delivery-option .section-delivery-options .single-option .left .option-info .opiton-info-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
}
.popup-add-delivery-option .section-delivery-options .single-option .left .option-info .opiton-info-subtitle {
  font-size: 14px;
  line-height: 19px;
  color: #767676;
}
.popup-add-delivery-option .section-delivery-options .single-option .right .option-price {
  align-self: flex-start;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.popup-add-delivery-option .section-delivery-options .single-option-active {
  border: 2px solid #6FC16D;
}
.popup-add-delivery-option .single-option:not(:last-of-type) {
  margin-bottom: 16px;
}
.popup-add-delivery-option .section-placeholder {
  position: relative;
  min-height: 320px;
  margin-bottom: 24px;
}
.popup-add-delivery-option .section-placeholder .empty-card {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.popup-add-delivery-option .section-placeholder .empty-card img {
  width: 310px;
}
.popup-add-delivery-option .section-placeholder .empty-card .text {
  margin-top: 24px;
  font-size: 24px;
  color: #767676;
}
.popup-add-delivery-option .btn-group {
  display: flex;
}
.popup-add-delivery-option .btn-group .btn-save {
  width: 203px;
  height: 40px;
  background: #6FC16D;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  color: #fff;
  text-align: center;
  padding: 9px 0;
  cursor: pointer;
}
.popup-add-delivery-option .btn-group .btn-add {
  width: 203px;
  height: 40px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  text-align: center;
  padding: 9px 16px;
  cursor: pointer;
  margin-left: 24px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.popup-add-delivery-option .btn-group .btn-add img {
  margin-right: 16px;
  width: 20px;
  height: 20px;
}
.popup-add-delivery-option .btn-group .btn-add .text {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #767676;
}

.popup-set-pickup-time {
  width: 521px;
  box-shadow: 0px 4px 40px rgba(0, 49, 107, 0.15);
  padding: 32px 24px;
}
@media screen and (max-width: 767px) {
  .popup-set-pickup-time {
    width: calc(100% - 32px);
    margin: 0;
    padding: 24px;
  }
}
.popup-set-pickup-time .popup-title {
  font-size: 24px;
  font-weight: 700;
  margin-top: 24px;
}
.popup-set-pickup-time .dropdown-time {
  margin-top: 16px;
}
.popup-set-pickup-time .dropdown-date {
  margin-top: 24px;
}
.popup-set-pickup-time .btn-schedule {
  margin-top: 32px;
  font-weight: 800;
  font-size: 16px;
  line-height: 44px;
  height: 44px;
  background: #6FC16D;
  color: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

.element-page-indicator {
  text-align: right;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.element-page-indicator .indicator,
.element-page-indicator .indicator-selected,
.element-page-indicator .indicator-selectable {
  margin: 6px;
  display: inline-block;
  width: 36px;
  height: 36px;
  font-weight: 500;
  font-size: 16px;
  padding: 7px;
  line-height: 22px;
  text-align: center;
  color: #767676;
}
.element-page-indicator .indicator-selected {
  border: 1px solid #767676;
  box-sizing: border-box;
  border-radius: 5px;
}
.element-page-indicator .indicator-selectable {
  cursor: pointer;
}

.element-switcher {
  background: #FAFAFA;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  border-radius: 17.5px;
  display: inline-block;
  cursor: pointer;
}
.element-switcher .element-switcher-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.element-switcher .element-switcher-inner .element-switcher-option {
  padding: 4px 16px;
  border: 1px solid transparent;
  font-size: 14px;
  line-height: 14px;
  color: #BFBFBF;
  text-align: center;
}
.element-switcher .element-switcher-inner .element-switcher-option-active {
  padding: 4px 16px;
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  border-radius: 17.5px;
  font-size: 14px;
  line-height: 19px;
  color: #424242;
  text-align: center;
}

.page-big-carousel {
  height: 100%;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  background-color: #ffffff;
  z-index: 700;
}
.page-big-carousel .mtr-container {
  max-width: 1056px;
  max-height: calc(100vh - 172px);
  padding-left: 16px;
  padding-right: 16px;
  margin: 0 auto;
  height: 100%;
  margin-top: 24px;
}
.page-big-carousel .btn-close {
  position: absolute;
  right: 32px;
  top: 32px;
  cursor: pointer;
  height: 20px;
  width: 20px;
}
@media screen and (max-width: 768px) {
  .page-big-carousel .btn-close {
    right: 24px;
    top: 24px;
    height: 12px;
    width: 12px;
  }
}
.page-big-carousel .carousel-body {
  height: 100%;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .page-big-carousel .carousel-body {
    height: calc(100% - 212px);
  }
}
.page-big-carousel .carousel-body .display-image-container {
  height: 100%;
  width: 100%;
}
.page-big-carousel .carousel-body .display-image-container .display-image {
  position: relative;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.page-big-carousel .carousel-body .display-image-container .display-image .arrow-left,
.page-big-carousel .carousel-body .display-image-container .display-image .arrow-right {
  touch-action: manipulation;
  cursor: pointer;
  box-shadow: 0 0 20px rgba(0, 49, 107, 0.15);
  position: absolute;
  width: 48px;
  height: 48px;
  border-radius: 30px;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .page-big-carousel .carousel-body .display-image-container .display-image .arrow-left,
  .page-big-carousel .carousel-body .display-image-container .display-image .arrow-right {
    width: 36px;
    height: 36px;
  }
}
.page-big-carousel .carousel-body .display-image-container .display-image .arrow-left {
  left: -48px;
}
.page-big-carousel .carousel-body .display-image-container .display-image .arrow-right {
  right: -48px;
}
.page-big-carousel .carousel-wheel {
  height: 100px;
  width: 100%;
  overflow-y: scroll;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .page-big-carousel .carousel-wheel {
    margin-top: 24px;
    height: 80px;
  }
}
.page-big-carousel .carousel-wheel::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.page-big-carousel .carousel-wheel .carousel-wheel-container {
  height: 100%;
  overflow: hidden;
  padding-right: -16px;
}
@media screen and (max-width: 768px) {
  .page-big-carousel .carousel-wheel .carousel-wheel-container {
    padding-right: -12px;
  }
}
.page-big-carousel .carousel-wheel .carousel-wheel-container .carousel-single-image {
  cursor: pointer;
  float: left;
  height: 100%;
  border-radius: 7px;
  margin-right: 16px;
  background-color: #e2e2e2;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border: 3px solid #ffffff;
}
.page-big-carousel .carousel-wheel .carousel-wheel-container .carousel-single-image:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .page-big-carousel .carousel-wheel .carousel-wheel-container .carousel-single-image {
    margin-right: 12px;
  }
}
.page-big-carousel .carousel-wheel .carousel-wheel-container .carousel-single-image-selected {
  border: 3px solid #6FC16D;
}

.component-filter-calendar {
  background-color: #ffffff;
  padding: 32px 24px 32px 24px;
  box-shadow: 0 1px 15px rgba(0, 49, 107, 0.1);
  border-radius: 10px;
  width: 100%;
}
.component-filter-calendar .calendar-inner-block {
  width: 100%;
  height: 100%;
}
.component-filter-calendar .calendar-inner-block .calendar-button-group {
  margin-top: 16px;
}
.component-filter-calendar .calendar-inner-block .calendar-button-group .calendar-button {
  cursor: pointer;
  height: 45px;
  width: 85px;
  font-size: 16px;
  line-height: 45px;
  text-align: center;
  border-radius: 22px;
  font-weight: 700;
}
.component-filter-calendar .calendar-inner-block .calendar-button-group .calendar-button-reset {
  color: #bfbfbf;
  background-color: #ffffff;
  border: 1px solid #BFBFBF;
  float: left;
}
.component-filter-calendar .calendar-inner-block .calendar-button-group .calendar-button-save {
  color: #ffffff;
  background-color: #6fc16d;
  border: 1px solid #6fc16d;
  float: right;
}
.component-filter-calendar .calendar-inner-block .calendar-controller {
  text-align: center;
  position: relative;
  height: 30px;
  margin-bottom: 16px;
}
.component-filter-calendar .calendar-inner-block .calendar-controller h2 {
  font-size: 18px;
  line-height: 40px;
}
.component-filter-calendar .calendar-inner-block .calendar-controller .controller-button {
  cursor: pointer;
  height: 40px;
  position: absolute;
  top: 0;
}
.component-filter-calendar .calendar-inner-block .calendar-controller .controller-button img {
  height: 40px;
  width: 40px;
  border-radius: 20px;
  border: 1px solid #ececec;
  padding: 6px;
}
.component-filter-calendar .calendar-inner-block .calendar-controller .last-month {
  left: 0;
}
.component-filter-calendar .calendar-inner-block .calendar-controller .next-month {
  right: 0;
  transform: rotate(180deg);
}
.component-filter-calendar .calendar-inner-block .calendar-header .calendar-header-block {
  width: 14.28%;
  height: 50px;
  line-height: 50px;
  float: left;
  text-align: center;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row {
  width: 100%;
  margin: 4px 0;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block {
  cursor: pointer;
  float: left;
  width: 14.28%;
  height: 100%;
  position: relative;
  border-radius: 50%;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block .calendar-single-day {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-active:hover {
  background-color: #6fc16d;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-active:hover .calendar-single-day .calendar-single-day-date {
  color: #ffffff;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-selected {
  background-color: #6fc16d;
  border-radius: 0;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-selected .calendar-single-day .calendar-single-day-date {
  color: #ffffff;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-selected-start-date {
  background-color: #6fc16d;
  border-radius: 50%;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-selected-start-date .calendar-single-day .calendar-single-day-date {
  color: #ffffff;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-start-date {
  background-color: #6fc16d;
  border-radius: 50% 0 0 50%;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-start-date .calendar-single-day .calendar-single-day-date {
  color: #ffffff;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-end-date {
  border-radius: 0 50% 50% 0;
  background-color: #6fc16d;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-end-date .calendar-single-day .calendar-single-day-date {
  color: #ffffff;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-selected-same-day {
  border-radius: 50%;
  background: #6fc16d;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-selected-same-day .calendar-single-day .calendar-single-day-date {
  color: #ffffff;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-disabled .calendar-single-day .calendar-single-day-date {
  color: #e2e2e2;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-other-month .calendar-single-day .calendar-single-day-date {
  color: #ffffff;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-start {
  border-radius: 50% 0 0 50%;
}
.component-filter-calendar .calendar-inner-block .calendar-single-row .calendar-single-day-block-end {
  border-radius: 0 50% 50% 0;
}

.store-card {
  width: 100%;
}
.store-card .store-card-content {
  border: 2px solid white;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 49, 107, 0.15);
  border-radius: 10px;
}
.store-card-highlight .store-card-content {
  border: 2px solid #6FC16D;
  box-sizing: border-box;
  box-shadow: 0px 4px 20px rgba(0, 49, 107, 0.15);
  border-radius: 10px;
}
.store-card-content {
  cursor: pointer;
  background: #FFFFFF;
  box-shadow: 0px 4px 20px rgba(0, 49, 107, 0.15);
  border-radius: 10px;
  padding: 16px;
  overflow: hidden;
}
.store-card-content .image-section {
  position: relative;
}
.store-card-content .image-section .status {
  position: absolute;
  top: 4px;
  right: 4px;
  padding: 4px;
  width: 66px;
  height: 27px;
  background: #FFFFFF;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  border-radius: 13.5px;
  text-align: center;
  font-size: 14px;
  line-height: 19px;
}
.store-card-content .image-section img {
  object-fit: cover;
  border-radius: 5px;
}
.store-card-content .text-section {
  height: 40px;
}
.store-card-content .store-title {
  margin-top: 8px;
  color: #424242;
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
.store-card-content .page-subtitle {
  margin-top: 8px;
  font-size: 16px;
  line-height: 22px;
  color: #424242;
}
.store-card-content .new-store-content {
  position: relative;
}
.store-card-content .new-store-content .floating {
  position: absolute;
  text-align: center;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.store-card-content .new-store-content .floating img {
  height: 30px;
  width: 30px;
}
.store-card-content .new-store-content .floating .text {
  margin-top: 32px;
  color: #BFBFBF;
}

.component-dropdown {
  cursor: pointer;
  position: relative;
}
.component-dropdown .dropdown {
  height: 40px;
  width: 100%;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 20px;
  color: #4a4a4a;
  border: 1px solid #e2e2e2;
  border-radius: 5px;
}
.component-dropdown .dropdown .dropdown-placeholder {
  color: #BFBFBF;
}
.component-dropdown .dropdown img {
  width: 24px;
  height: 24px;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
}
.component-dropdown .dropdown-option-list {
  width: 100%;
  border: 1px solid #e2e2e2;
  position: absolute;
  top: 40px;
  left: 0;
  background-color: #ffffff;
  z-index: 100;
  border-radius: 5px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.component-dropdown .dropdown-option-list::-webkit-scrollbar-track {
  background: #e2e2e2;
  border-radius: 2px;
}
.component-dropdown .dropdown-option-list::-webkit-scrollbar-thumb {
  background: #797979;
  border-radius: 2px;
}
.component-dropdown .dropdown-option-list::-webkit-scrollbar-thumb:hover {
  background: #797979;
}
.component-dropdown .dropdown-option-list .dropdown-single-option {
  height: 40px;
  width: 100%;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 20px;
  color: #4a4a4a;
}
.component-dropdown .dropdown-active {
  border-bottom: 1px solid transparent;
  border-radius: 5px 5px 0 0;
}
.component-dropdown .dropdown-option-list-active {
  border-top: 0;
  border-radius: 0 0 5px 5px;
}

.popup-create-delivery-option .page-content-head {
  margin-bottom: 16px;
}
.popup-create-delivery-option .page-content-head .btn-back {
  cursor: pointer;
  float: left;
}
.popup-create-delivery-option .page-content-head .btn-back img {
  height: 32px;
  width: 32px;
}
.popup-create-delivery-option .page-title-block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 32px;
}
.popup-create-delivery-option .page-title-block .page-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
}
.popup-create-delivery-option .delivery-type-group .page-subtitle {
  margin-top: 32px;
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #424242;
  max-width: 672px;
  margin-bottom: 24px;
}
.popup-create-delivery-option .delivery-type-group .delivery-type {
  display: inline-flex;
  width: 202px;
  height: 40px;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 9px;
  text-align: center;
  cursor: pointer;
}
.popup-create-delivery-option .delivery-type-group .delivery-type img {
  margin-right: 18px;
}
.popup-create-delivery-option .section {
  margin-top: 24px;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 32px 24px;
}
.popup-create-delivery-option .section .section-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  color: #424242;
}
.popup-create-delivery-option .section .field-title {
  margin-top: 32px;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  color: #424242;
}
.popup-create-delivery-option .section input,
.popup-create-delivery-option .section textarea {
  margin-top: 16px;
  width: 100%;
  border: 1px solid #E2E2E2;
  box-sizing: border-box;
  border-radius: 5px;
  height: 46px;
  padding: 9px 12px;
  font-size: 16px;
  line-height: 22px;
}
.popup-create-delivery-option .section textarea {
  resize: none;
}
.popup-create-delivery-option .section .input-error {
  border: 1px solid #E42D2D;
  background: #fff8f6;
}
.popup-create-delivery-option .section-delivery-info textarea {
  height: 62px;
}
.popup-create-delivery-option .section-shipping-options .section-title {
  margin-bottom: 24px;
}
.popup-create-delivery-option .section-shipping-options .option-block {
  margin-top: 24px;
}
.popup-create-delivery-option .section-shipping-options .option-block .shipping-input-block .input-title,
.popup-create-delivery-option .section-shipping-options .option-block .dropdown-block .input-title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 12px;
}
.popup-create-delivery-option .section-shipping-options .option-block .shipping-input-block .input-subtitle,
.popup-create-delivery-option .section-shipping-options .option-block .dropdown-block .input-subtitle {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  margin-bottom: 16px;
}
.popup-create-delivery-option .section-shipping-options .option-block .shipping-input-block:not(:last-of-type) {
  margin-bottom: 24px;
}
.popup-create-delivery-option .section-shipping-options .option-block .tbd-explainer {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  margin-top: 16px;
}
.popup-create-delivery-option .section-pickup-hours .section-content .weekday-list {
  padding: 12px 0;
}
.popup-create-delivery-option .section-pickup-hours .section-content .weekday-list:not(:last-of-type) {
  border-bottom: 1px solid #ececec;
}
.popup-create-delivery-option .section-pickup-hours .section-content .weekday-list .left {
  float: left;
}
.popup-create-delivery-option .section-pickup-hours .section-content .weekday-list .right {
  float: right;
}
.popup-create-delivery-option .section-pickup-hours .section-content .weekday-list .right .right-single-period:not(:last-of-type) {
  margin-bottom: 16px;
}
.popup-create-delivery-option .section-pickup-hours .section-content .weekday-list .right .right-not-available {
  color: #BFBFBF;
}
.popup-create-delivery-option .section-advanced-pickup .section-row:not(:last-of-type) {
  margin-bottom: 24px;
}
.popup-create-delivery-option .section-advanced-pickup .section-row .section-title {
  margin-bottom: 16px;
}
.popup-create-delivery-option .section-advanced-pickup .section-row .section-content {
  font-size: 16px;
  line-height: 22px;
}
.popup-create-delivery-option .section-advanced-pickup .section-row .btn-set-up {
  float: right;
  height: 44px;
  border: 2px solid #6FC16D;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  padding: 10px 0;
  text-align: center;
  color: #6FC16D;
  cursor: pointer;
  width: 183px;
  font-weight: 700;
}
.popup-create-delivery-option .section-advanced-pickup .section-basic .section-title {
  float: left;
}
.popup-create-delivery-option .section-advanced-pickup .section-description {
  font-size: 16px;
  line-height: 22px;
  color: #767676;
}
.popup-create-delivery-option .section-advanced-pickup .section-pickup-hours .section-content .weekday-list {
  padding: 12px 0;
}
.popup-create-delivery-option .section-advanced-pickup .section-pickup-hours .section-content .weekday-list:not(:last-of-type) {
  border-bottom: 1px solid #ececec;
}
.popup-create-delivery-option .section-advanced-pickup .section-pickup-hours .section-content .weekday-list .left {
  float: left;
}
.popup-create-delivery-option .section-advanced-pickup .section-pickup-hours .section-content .weekday-list .right {
  float: right;
}
.popup-create-delivery-option .section-advanced-pickup .section-pickup-hours .section-content .weekday-list .right .right-single-period:not(:last-of-type) {
  margin-bottom: 16px;
}
.popup-create-delivery-option .section-advanced-pickup .section-pickup-hours .section-content .weekday-list .right .right-not-available {
  color: #BFBFBF;
}
.popup-create-delivery-option .btn-group .btn-save,
.popup-create-delivery-option .btn-group .btn-delete {
  margin-top: 40px;
  display: inline-block;
  cursor: pointer;
  width: 203px;
  height: 40px;
  border-radius: 5px;
  text-align: center;
  font-size: 16px;
  line-height: 22px;
  font-weight: 700;
  padding: 9px;
}
.popup-create-delivery-option .btn-group .btn-save {
  background: #6FC16D;
  color: white;
}
.popup-create-delivery-option .btn-group .btn-delete {
  margin-left: 32px;
  background: white;
  color: #BFBFBF;
  border: 1px solid #E2E2E2;
}
.subpage {
  position: relative;
}
.subpage .subpage-content .subpage-title {
  font-weight: 700;
  font-size: 32px;
  line-height: 44px;
  margin-bottom: 32px;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block {
  margin-bottom: 32px;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option {
  padding: 24px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  cursor: pointer;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option:not(:last-of-type) {
  margin-bottom: 24px;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option .left,
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option .right {
  float: left;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option .left img {
  width: 20px;
  height: 20px;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option .right {
  width: calc(100% - 20px);
  padding-left: 16px;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option .right .option-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 16px;
}
.subpage-choose-pickup-popup .choose-pickup-content .option-block .option .right .option-description {
  font-size: 16px;
  line-height: 22px;
}
.subpage-choose-pickup-popup .choose-pickup-content .btn-next {
  width: 203px;
  height: 40px;
  background: #6FC16D;
  border-radius: 5px;
  font-weight: 700;
  font-size: 16px;
  line-height: 40px;
  align-items: center;
  text-align: center;
  color: #FFFFFF;
  cursor: pointer;
}
.subpage-pickup-setting-popup .pickup-setting-content .section {
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 24px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section:not(:last-of-type) {
  margin-bottom: 16px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section .section-title {
  font-weight: 700;
  font-size: 20px;
  line-height: 27px;
  margin-bottom: 16px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section .section-subtitle {
  font-size: 16px;
  line-height: 22px;
  margin-bottom: 16px;
  color: #767676;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-timezone .timezone-dropdown {
  max-width: 412px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option {
  padding: 16px 0;
  border-bottom: 1px solid #ececec;
  display: flex;
  justify-content: space-between;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option:last-of-type {
  border-bottom: 0;
  padding-bottom: 0;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .left {
  display: flex;
  flex-direction: row;
  height: 40px;
  align-items: center;
  cursor: pointer;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .left img {
  width: 20px;
  height: 20px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .left .day {
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  margin-left: 16px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour {
  display: flex;
  flex-direction: row;
  height: 40px;
  align-items: center;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour:not(:last-of-type) {
  margin-bottom: 16px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .start-time,
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .end-time {
  width: 151px;
  height: 40px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  position: relative;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .start-time img,
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .end-time img {
  position: absolute;
  height: 20px;
  width: 20px;
  left: 16px;
  top: 10px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .start-time input,
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .end-time input {
  border: 0;
  margin: 0;
  height: 100%;
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  padding: 9px 16px 9px 16px;
  border-radius: 5px;
  background-color: #fff;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .start-time input:disabled,
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .end-time input:disabled {
  background-color: #fff;
  color: #ececec;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .start-time {
  margin-right: 24px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .btn-remove-time {
  margin-left: 16px;
  cursor: pointer;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .single-pickup-hour .btn-remove-time img {
  height: 20px;
  width: 20px;
  margin: 10px 0;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .btn-add-time {
  cursor: pointer;
  display: inline-block;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .btn-add-time .text {
  font-size: 16px;
  line-height: 24px;
  color: #BFBFBF;
  float: left;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option .right .btn-add-time img {
  margin-right: 8px;
  float: left;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option-disabled .right .start-time,
.subpage-pickup-setting-popup .pickup-setting-content .section-weekday-options .single-weekday-option-disabled .right .end-time {
  border-color: #ececec;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-order-prep-time .prep-time-dropdown {
  max-width: 412px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-limit .section-title {
  float: left;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-limit .switch {
  float: right;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-limit .limit-input span {
  font-size: 16px;
  line-height: 44px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-limit .limit-input input {
  display: inline-block;
  width: 116px;
  height: 44px;
  background: #FFFFFF;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  font-size: 16px;
  line-height: 22px;
  color: #767676;
  margin: 0 12px;
  padding: 11px 16px;
}
.subpage-pickup-setting-popup .pickup-setting-content .section-limit .limit-input input::-webkit-outer-spin-button,
.subpage-pickup-setting-popup .pickup-setting-content .section-limit .limit-input input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.subpage-pickup-setting-popup .pickup-setting-content .btn-save {
  margin-top: 32px;
  width: 203px;
  height: 40px;
  font-weight: 800;
  font-size: 16px;
  line-height: 40px;
  background: #6FC16D;
  border-radius: 5px;
  color: #FFFFFF;
  text-align: center;
  cursor: pointer;
}
.go-back {
  cursor: pointer;
  width: 32px;
  height: 32px;
  margin-bottom: 24px;
}
.go-back img {
  width: 32px;
  height: 32px;
}

.element-table {
  width: 100%;
}
.element-table thead {
  border-bottom: 1px solid #BFBFBF;
}
.element-table thead th {
  font-size: 12px;
  line-height: 16px;
  color: #424242;
  padding-bottom: 20px;
  font-weight: 400;
}
.element-table tr {
  border-bottom: 1px solid #ECECEC;
}
.element-table tr td {
  padding: 20px 0;
}
.element-table .empty-card {
  min-height: 90px;
  width: 100%;
  color: #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
}

.popup-ws-set-pickup-time {
  width: 521px;
  box-shadow: 0px 4px 40px rgba(0, 49, 107, 0.15);
  padding: 32px 24px;
}
@media screen and (max-width: 767px) {
  .popup-ws-set-pickup-time {
    width: calc(100% - 32px);
    margin: 0;
    padding: 24px;
  }
}
.popup-ws-set-pickup-time .popup-title {
  font-size: 24px;
  font-weight: 700;
  margin-top: 24px;
}
.popup-ws-set-pickup-time .dropdown-time {
  margin-top: 16px;
}
.popup-ws-set-pickup-time .dropdown-date {
  margin-top: 24px;
}
.popup-ws-set-pickup-time .btn-schedule {
  margin-top: 32px;
  font-weight: 800;
  font-size: 16px;
  line-height: 44px;
  height: 44px;
  background: #6FC16D;
  color: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
}

.element-input {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.element-input .input-prefix {
  position: absolute;
  font-size: 16px;
  line-height: 20px;
}
.element-input input {
  font-size: 16px;
  line-height: 20px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  background-color: #ffffff;
}
.element-input input:disabled {
  cursor: default;
  background-color: #f4f4f4;
}
.element-input .input-error {
  border: 1px solid #E42D2D;
  background: #fff8f6;
}

.popup-add-product-with-search .popup-input {
  margin-top: 16px;
}
.popup-add-product-with-search .popup-input .input-block {
  width: 100%;
  height: 40px;
  position: relative;
}
.popup-add-product-with-search .popup-input .input-block img {
  position: absolute;
  left: 12px;
  top: 9px;
  height: 22px;
}
.popup-add-product-with-search .popup-input .input-block input {
  margin-top: 0;
  width: 100%;
  height: 40px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  padding: 9px 12px 9px 44px;
  font-size: 16px;
  line-height: 22px;
  color: #424242;
}
.popup-add-product-with-search .product-list {
  margin-top: 24px;
}
.popup-add-product-with-search .product-list .empty-card {
  min-height: 300px;
  color: #ececec;
  display: flex;
  align-items: center;
  justify-content: center;
}
.popup-add-product-with-search .product-list .single-item {
  height: 100px;
  padding: 16px 0;
  border-bottom: 1px solid #e2e2e2;
  cursor: pointer;
}
.popup-add-product-with-search .product-list .single-item .item-block-left {
  float: left;
  max-width: 66.6666%;
}
.popup-add-product-with-search .product-list .single-item .item-block-right {
  float: right;
  max-width: 33.3333%;
}
.popup-add-product-with-search .product-list .single-item .item-check,
.popup-add-product-with-search .product-list .single-item .item-image,
.popup-add-product-with-search .product-list .single-item .item-name-unit {
  float: left;
}
.popup-add-product-with-search .product-list .single-item .item-check {
  width: 20px;
  height: 20px;
  margin: 20px 12px 20px 0;
}
.popup-add-product-with-search .product-list .single-item .item-image {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin-right: 12px;
  object-fit: cover;
}
.popup-add-product-with-search .product-list .single-item .item-name-unit {
  max-width: calc(100% - 104px);
}
.popup-add-product-with-search .product-list .single-item .item-name-unit .item-name {
  height: 38px;
  font-size: 14px;
  line-height: 19px;
  margin-bottom: 8px;
  word-break: break-all;
}
.popup-add-product-with-search .product-list .single-item .item-name-unit .item-unit {
  font-size: 14px;
  line-height: 19px;
}
.popup-add-product-with-search .product-list .single-item .current-price,
.popup-add-product-with-search .product-list .single-item .original-price {
  float: right;
}
.popup-add-product-with-search .product-list .single-item .current-price {
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  margin-right: 12px;
}
.popup-add-product-with-search .product-list .single-item .original-price {
  font-size: 16px;
  line-height: 60px;
  text-align: right;
  margin-right: 12px;
}
.popup-add-product-with-search .product-list .single-item .original-price del {
  color: #767676;
}
.popup-add-product-with-search .product-list .single-item:not(:last-of-type) {
  border-bottom: 1px solid #ECECEC;
}
.popup-add-product-with-search .btn-add-item {
  width: 296px;
  height: 45px;
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 45px;
  color: #ffffff;
  background-color: #6FC16D;
  border-radius: 5px;
  margin-top: 16px;
  cursor: pointer;
}
.popup-add-product-with-search .btn-add-item-disabled {
  background-color: #BFBFBF;
}

.element-bubble-window {
  display: inline-block;
}
.element-bubble-window .bubble-window-question-mark {
  position: relative;
}
.element-bubble-window .bubble-window-question-mark .bubble-window-icon-question-mark {
  cursor: pointer;
  height: 20px;
  width: 20px;
}
.element-bubble-window .bubble-window-question-mark .bubble-window-block {
  position: absolute;
  left: -50px;
  bottom: 36px;
  background-color: #ffffff;
  width: 320px;
  border-radius: 5px;
  filter: drop-shadow(0px 1px 20px rgba(8, 50, 109, 0.15));
}
.element-bubble-window .bubble-window-question-mark .bubble-window-block .bubble-window-inner-block {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 16px 16px 28px 16px;
}
.element-bubble-window .bubble-window-question-mark .bubble-window-block .bubble-window-inner-block .bubble-window-corner {
  position: absolute;
  bottom: -8px;
  left: 48px;
  height: 24px;
  width: 24px;
  transform: rotate(45deg);
  background-color: #ffffff;
}
.element-bubble-window .bubble-window-question-mark .bubble-window-block .bubble-window-inner-block .bubble-window-body {
  width: 100%;
  height: 100%;
}
.element-bubble-window .bubble-window-question-mark .bubble-window-block .bubble-window-inner-block .bubble-window-body .bubble-window-title {
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
}
.element-bubble-window .bubble-window-question-mark .bubble-window-block .bubble-window-inner-block .bubble-window-body .bubble-window-subtitle {
  font-size: 14px;
  line-height: 19px;
  color: #767676;
  font-weight: 400;
  margin-top: 8px;
}

.popup-add-language .popup-subtitle {
  margin-bottom: 16px;
}
.popup-add-language .language-list-block {
  height: 180px;
  border: 1px solid #ECECEC;
}
.popup-add-language .language-list-block .single-lang {
  height: 40px;
  width: 100%;
  padding: 0 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #ECECEC;
}
.popup-add-language .language-list-block .single-lang img {
  width: 24px;
  height: 24px;
}
.popup-add-language .btn-add {
  width: 100%;
  font-size: 16px;
  line-height: 22px;
  color: #ffffff;
  background-color: #6fc16d;
  padding: 9px 32px;
  border: 1px solid #E2E2E2;
  border-radius: 5px;
  cursor: pointer;
  margin-top: 32px;
  font-weight: 500;
  text-align: center;
}

.element-floating-label-input {
  position: relative;
}
.element-floating-label-input input {
  height: 50px;
  margin: 0;
  padding: 15px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #424242;
  background: #FAFAFA;
  max-width: 100%;
}
.element-floating-label-input textarea {
  resize: none;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 15px 12px;
  font-size: 14px;
  line-height: 20px;
  color: #424242;
  border: 1px solid #ECECEC;
  box-sizing: border-box;
  border-radius: 5px;
  background: #FAFAFA;
}
.element-floating-label-input input,
.element-floating-label-input textarea,
.element-floating-label-input input:focus,
.element-floating-label-input textarea:focus {
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
.element-floating-label-input input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
}
.element-floating-label-input input[type="date"]::-webkit-input-placeholder {
  visibility: hidden !important;
}
.element-floating-label-input label {
  left: 0;
  padding: 0 12px;
  pointer-events: none;
  position: absolute;
  transform: translate(0, 15px) scale(1);
  transform-origin: top left;
  transition: all 0.2s ease-out;
}
.element-floating-label-input label .input-label {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: none;
  color: #86868b;
}
.element-floating-label-input label .input-placeholder {
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: block;
  color: #86868b;
}
.element-floating-label-input .active {
  transform: translate(4px, 4px) scale(0.7);
}
.element-floating-label-input .active .input-label {
  display: block;
}
.element-floating-label-input .active .input-placeholder {
  display: none;
}
.element-floating-label-input .date-picker-window {
  position: absolute;
  z-index: 100;
}
.element-floating-label-input:focus-within label {
  transform: translate(4px, 4px) scale(0.7);
}
.element-floating-label-input:focus-within label .input-label {
  display: block;
}
.element-floating-label-input:focus-within label .input-placeholder {
  display: none;
}
.element-floating-label-input-errored input,
.element-floating-label-input-errored textarea,
.element-floating-label-input-errored label {
  color: #E42D2D;
}
.element-floating-label-input-errored input,
.element-floating-label-input-errored textarea {
  border-color: #E42D2D;
}
.element-floating-label-input-errored .icon-alert {
  width: 16px;
  height: 16px;
  position: absolute;
  top: 17px;
  right: 12px;
}
.element-floating-label-input-errored .error-msg {
  font-size: 12px;
  font-weight: 500;
  margin-top: 4px;
  color: #E42D2D;
  max-width: 100%;
}

.popup-choose-payment-method {
  width: 480px !important;
}
.popup-choose-payment-method .choose-payment-method-content {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}
.popup-choose-payment-method .choose-payment-method-content .tab {
  height: 90px;
  border-radius: 10px;
  border: 1px solid #ececec;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  font-weight: 700;
  cursor: pointer;
}
.popup-choose-payment-method .choose-payment-method-content .mgt-16 {
  margin-top: 16px;
}

.element-DatePicker {
  border-radius: 5px;
  box-shadow: 0 4px 40px rgba(0, 49, 107, 0.15);
  background: #ffffff;
  padding: 12px;
  display: inline-block;
  min-width: 180px;
}
.element-DatePicker .element-content-block .calendar-head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}
.element-DatePicker .element-content-block .calendar-head .month-year {
  font-size: 14px;
  font-weight: 700;
}
.element-DatePicker .element-content-block .calendar-head .btn-month {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.element-DatePicker .element-content-block .calendar-head .btn-month img {
  width: 24px;
  height: 24px;
}
.element-DatePicker .element-content-block .calendar-head .btn-month-left {
  transform: rotate(90deg);
}
.element-DatePicker .element-content-block .calendar-head .btn-month-right {
  transform: rotate(-90deg);
}
.element-DatePicker .element-content-block .calendar-table .calendar-table-head .calendar-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.element-DatePicker .element-content-block .calendar-table .calendar-table-head .calendar-row .calendar-date {
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 700;
}
.element-DatePicker .element-content-block .calendar-table .calendar-table-body .calendar-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.element-DatePicker .element-content-block .calendar-table .calendar-table-body .calendar-row .calendar-date {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.1s;
}
.element-DatePicker .element-content-block .calendar-table .calendar-table-body .calendar-row .calendar-date-grey {
  color: #bfbfbf;
}
.element-DatePicker .element-content-block .calendar-table .calendar-table-body .calendar-row .calendar-date-selected {
  background: #6fc16d;
  color: #ffffff;
}
.element-DatePicker .element-content-block .calendar-table .calendar-table-body .calendar-row .calendar-date:hover {
  background: #6fc16d;
  color: #ffffff;
}

.popup-confirm-low-price {
  width: calc(100% - 32px);
  max-width: 500px !important;
  padding: 24px;
}
.popup-confirm-low-price .confirm-content .btn-group {
  display: flex;
  align-items: center;
  margin-top: 32px;
}
.popup-confirm-low-price .confirm-content .btn-group .mgr-16 {
  margin-right: 16px;
}
.popup-confirm-low-price .confirm-content .btn-group .btn-group-button {
  flex-grow: 1;
  height: 50px;
  border-radius: 25px;
  font-size: 16px;
  font-weight: 500;
  color: #fff;
  background: #6fc16d;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.popup-confirm-low-price .confirm-content .btn-group .btn-cancel {
  color: #6fc16d;
  background: #fff;
  border: 1px solid #6fc16d;
}

.mobile-nav-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: fit-content;
  background: #FFFFFF;
  padding-left: 16px;
  padding-right: 16px;
  z-index: 500;
  box-shadow: 0px -1px 6px rgba(0, 0, 0, 0.1);
}
@supports (bottom: env(safe-area-inset-bottom)) {
  .mobile-nav-bar {
    padding-bottom: calc(constant(safe-area-inset-bottom) / 2);
    /* 兼容 iOS < 11.2 */
    padding-bottom: calc(env(safe-area-inset-bottom) / 2);
  }
}
@media screen and (max-width: 768px) {
  .mobile-nav-bar {
    display: block;
  }
}
.mobile-nav-bar .tab {
  padding: 11.5px 0;
  min-height: 60px;
  width: 25%;
  height: 100%;
  display: inline-block;
}
.mobile-nav-bar .tab .tab-inner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.mobile-nav-bar .tab .tab-inner img {
  width: 20px;
  height: 20px;
  margin-bottom: 4px;
}
.mobile-nav-bar .tab .tab-inner .copy {
  font-weight: 700;
  font-size: 10px;
  color: #767676;
}
.mobile-nav-bar .tab-active .tab-inner .copy {
  color: #6FC16D;
}