.statusOrder {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 40px;
  z-index: 99;
  pointer-events: none;
}
.statusOrder--static {
  position: static;
}
.statusOrder__inner {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.statusOrder-content__wrap {
  width: 16.6666666667%;
  -webkit-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.statusOrder-content__wrap.expanded {
  width: 454px;
}
.statusOrder-content__wrap.expanded .statusOrder-content {
  border-radius: 14px;
}
.statusOrder-content {
  pointer-events: auto;
  background: #242429;
  border-radius: 56px;
  overflow: hidden;
  -webkit-transition: border-radius 0.2s linear;
  transition: border-radius 0.2s linear;
}
.statusOrder-content.processing {
  --status-color: #FD9433;
}
.statusOrder-content.waiting {
  --status-color: #ED611F;
}
.statusOrder-content.ready {
  --status-color: #579264;
}
.statusOrder-content:has(.statusOrder-content__info.visible) .statusOrder-content__open svg {
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}
.statusOrder-content__head {
  padding: 16px 20px;
  position: relative;
}
.statusOrder-content__head-inner {
  gap: 16px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.statusOrder-content__head-left {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.statusOrder-content__head-right {
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.statusOrder-content__progress {
  height: 4px;
  width: 100%;
  background: #50505B;
}
.statusOrder-content__progress span {
  display: block;
  height: 100%;
  background: var(--status-color);
}
.statusOrder-content__open {
  width: 20px;
  height: 20px;
  cursor: pointer;
}
.statusOrder-content__open svg {
  -webkit-transition: -webkit-transform 0.2s linear;
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  transition: transform 0.2s linear, -webkit-transform 0.2s linear;
}
.statusOrder-content__body {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.2s linear;
  transition: height 0.2s linear;
}
.statusOrder-content__body--height-auto {
  height: auto;
}
.statusOrder-content__body-inner {
  padding: 0 20px 20px;
}
.statusOrder-content__info {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -webkit-transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: opacity 0.2s linear, -webkit-transform 0.2s linear;
  transition: transform 0.2s linear, opacity 0.2s linear;
  transition: transform 0.2s linear, opacity 0.2s linear, -webkit-transform 0.2s linear;
}
.statusOrder-content__info:not(.visible) {
  -webkit-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
          transform: translateY(-100%);
  opacity: 0;
}
.statusOrder-content__info-inner {
  gap: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.statusOrder-content__info-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.statusOrder-content__info-img__item {
  border-radius: 5px;
  background: #F3F3F3;
  width: 62px;
  height: 85px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  position: relative;
}
.statusOrder-content__info-img__item:not(:first-child) {
  margin-left: -44px;
}
.statusOrder-content__info-desc {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.statusOrder-content__info-number {
  letter-spacing: -0.02em;
  margin-bottom: 6px;
  color: var(--white);
}
.statusOrder-content__info-status {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  font-size: 14px;
  line-height: 16px;
  text-transform: uppercase;
  color: var(--status-color);
  fill: var(--status-color);
  margin-bottom: 16px;
}
.statusOrder-content__info-status__icon {
  width: 16px;
  height: 16px;
}
.statusOrder-content__info-date {
  font-size: 14px;
  line-height: normal;
  letter-spacing: -0.02em;
}
.statusOrder-content__info-btn {
  width: 100%;
  position: relative;
  z-index: 3;
  padding: 10px;
  margin-top: 16px;
}
.statusOrder-content__info-bottom {
  margin-top: 20px;
}

@media (min-width: 933px) and (max-width: 1440px) {
  .statusOrder .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1440px) {
  .statusOrder-content {
    border-radius: 28px;
  }
  .statusOrder-content__wrap.expanded {
    width: 356px;
  }
  .statusOrder-content__head {
    padding: 10px 16px;
  }
  .statusOrder-content__progress {
    height: 2px;
  }
  .statusOrder-content__open {
    width: 18px;
    height: 18px;
  }
  .statusOrder-content__body-inner {
    padding: 0 16px 16px;
  }
  .statusOrder-content__info-inner {
    gap: 16px;
  }
  .statusOrder-content__info-img__item {
    border-radius: 4px;
    width: 54px;
    height: 74px;
  }
  .statusOrder-content__info-number {
    margin-bottom: 4px;
  }
  .statusOrder-content__info-status {
    margin-bottom: 12px;
  }
  .statusOrder-content__info-status__icon {
    width: 14px;
    height: 14px;
  }
  .statusOrder-content__info-date {
    font-size: 12px;
  }
  .statusOrder-content__info-btn {
    padding: 8px;
    margin-top: 12px;
  }
  .statusOrder-content__info-bottom {
    margin-top: 16px;
  }
}
@media (max-width: 932px) {
  .statusOrder {
    bottom: 20px;
  }
  .statusOrder-content__wrap {
    width: 216px;
  }
}
@media (max-width: 480px) {
  .statusOrder-content__wrap.expanded {
    width: 100%;
  }
}

.homeStatusPopup { --white:#fff; font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.35; z-index:150; }
.homeStatusPopup > .container { width:100%; max-width:1440px; padding:0 20px; margin:auto; }
.homeStatusPopup .statusOrder__inner { display:flex; justify-content:center; }
.homeStatusPopup .d-flex { display:flex; }
.homeStatusPopup .statusOrder-content__open { border:0; padding:0; background:transparent; display:flex; align-items:center; justify-content:center; position:relative; }
.homeStatusPopup .statusOrder-content__open::before { content:""; position:absolute; inset:-12px; }
.homeStatusPopup .statusOrder-content__open:focus-visible,.homeStatusPopup a:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.homeStatusPopup .statusOrder-content__info { visibility:hidden; }
.homeStatusPopup .statusOrder-content__info.visible { visibility:visible; }
.homeStatusPopup .statusOrder-content__info-status { font-weight:600; text-decoration:none; position:static; }
.homeStatusPopup .statusOrder-content__info-status::before { content:""; position:absolute; inset:0; }
.homeStatusPopup .statusOrder-content__info-desc { min-width:0; }
.homeStatusPopup .statusOrder-content__info-status__txt { overflow-wrap:anywhere; }
.homeStatusPopup .statusOrder-content__info-status__icon svg { display:block; width:100%; height:100%; }
.homeStatusPopup .statusOrder-content__info-number { font-size:16px; font-weight:500; }
.homeStatusPopup .statusOrder-content__info-img__item { overflow:hidden; }
.homeStatusPopup .statusOrder-content__info-img__item img { width:100%; height:100%; object-fit:contain; }
.homeStatusPopup .text-grey { color:#b1b1b1; }
.homeStatusPopup .statusOrder-content__info-btn { display:block; border-radius:32px; color:#242429; background:#fff; font-size:14px; font-weight:600; text-align:center; text-transform:uppercase; text-decoration:none; letter-spacing:0; }
.homeStatusPopup .statusOrder-content__info-bottom { position:relative; z-index:2; }
.homeStatusPopup .form-item__group { display:flex; position:relative; }
.homeStatusPopup .accountReturn-method__form-input { min-width:0; width:100%; border:1px solid #50505b; border-radius:32px; background:transparent; color:#fff; padding:12px 58px 12px 18px; font-size:16px; }
.homeStatusPopup .accountReturn-method__form-btn { position:absolute; right:8px; top:5px; width:40px; height:40px; border:0; border-radius:50%; background:#50505b; display:flex; align-items:center; justify-content:center; padding:0; }
.homeStatusPopup .accountReturn-method__form-btn:disabled { opacity:.5; }
.homeStatusPopup .statusOrder-content__wrap { max-width:100%; }
.homeStatusPopup .statusOrder-content__body { max-height:calc(100dvh - 120px); overflow-y:auto; overscroll-behavior:contain; }
body:has(.drawer.is-open) .homeStatusPopup,body:has(.sheet.is-open) .homeStatusPopup { visibility:hidden; }
@media(max-width:480px){.homeStatusPopup { bottom:calc(20px + env(safe-area-inset-bottom)); } .homeStatusPopup > .container { padding:0 12px; } .homeStatusPopup .statusOrder-content__wrap.expanded { width:min(454px,100%); } }
@media(prefers-reduced-motion:reduce){.homeStatusPopup * { transition:none!important; transform:none!important; }}

.homeStatusPopup, .homeStatusPopup * { box-sizing:border-box; }