.orders-page__order-notification {
  margin-top:16px
}
.orders-page__recommendation {
  margin-top:16px;
  max-width:926px
}
@media screen and (max-width: 1200px) {
  .orders-page__recommendation {
    max-width:763px
  }
}
.orders-page__recommendation h4 {
  margin-top:-8px!important
}
.orders-page__recommendation .slick-slider.slick-initialized:before,
.orders-page__recommendation .slick-slider.slick-initialized:after {
  height:46px!important
}
.orders-page__recommendation .slick-slider.slick-initialized .slick-track a:hover {
  -webkit-box-shadow:-1px 2px 20px 0px rgba(0,0,0,.08);
  box-shadow:-1px 2px 20px rgba(0,0,0,.08)
}
.orders-page__groups {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.orders-page__groups__item__billboard {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:12px
}
.orders-page__groups__item .order-row {
  margin-top:16px;
  z-index:2
}
.orders-page__groups__item .order-row--active .orders-page__groups__item .order-row__summary {
  z-index:2
}
@media only screen and (max-width: 575px) {
  .orders-page__groups__item {
    margin-left:-15px;
    margin-right:-15px;
    padding-left:0;
    padding-right:0
  }
  .orders-page__groups__item .order-row {
    margin-left:15px;
    margin-right:15px
  }
  .orders-page__groups__item .orders-page__recommendation {
    padding:0 15px
  }
}
.orders-page__lazy-load {
  margin-left:auto;
  margin-right:auto;
  margin-top:16px
}
.order-block {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
@media only screen and (min-width: 576px) {
  .order-block:not(:first-child) {
    margin-top:40px
  }
}
@media only screen and (max-width: 575px) {
  .order-block {
    margin-left:-15px;
    margin-right:-15px;
    padding-left:0;
    padding-right:0
  }
  .order-block:not(:first-child) {
    margin-top:20px
  }
  .order-block .order-row {
    margin-left:15px;
    margin-right:15px
  }
}
.order-block__date {
  color:#484848;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  margin-left:8px
}
.order-block__date:not(:first-child) {
  margin-top:16px
}
@media only screen and (max-width: 575px) {
  .order-block__date {
    color:#484848;
    font-size:13px;
    font-weight:600;
    margin-left:24px;
    text-transform:uppercase;
    margin-bottom:0
  }
}
.order-row-placeholder {
  background-color:#f5f5f5;
  border-bottom:solid 1px #f5f5f5;
  border-left:solid 3px #f5f5f5;
  border-right:solid 1px #f5f5f5;
  border-top:solid 1px #f5f5f5;
  border-radius:4px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  padding:15px 24px;
  margin-top:24px;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:progress;
  position:relative;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder {
    padding:12px 4px
  }
  .order-row-placeholder__order-data .order-row-placeholder__title {
    max-width:80px!important
  }
  .order-row-placeholder__images,
  .order-row-placeholder__price {
    margin-left:10px!important;
    margin-right:10px!important
  }
  .order-row-placeholder__toggle {
    margin-top:0!important;
    min-width:inherit!important;
    width:inherit!important;
    zoom:.8
  }
}
@-webkit-keyframes placeHolderAnimation {
  0% {
    opacity:.5
  }
  to {
    opacity:1
  }
}
@keyframes placeHolderAnimation {
  0% {
    opacity:.5
  }
  to {
    opacity:1
  }
}
.order-row-placeholder__images,
.order-row-placeholder__order-data,
.order-row-placeholder__price,
.order-row-placeholder__progress-bar,
.order-row-placeholder__toggle {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:placeHolderAnimation;
  animation-name:placeHolderAnimation;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease
}
.order-row-placeholder__order-data,
.order-row-placeholder__price,
.order-row-placeholder__progress-bar {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  margin-left:20px;
  margin-right:20px
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__order-data,
  .order-row-placeholder__price,
  .order-row-placeholder__progress-bar {
    margin-left:14px;
    margin-right:14px
  }
}
.order-row-placeholder__images {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__images {
    zoom:.7
  }
}
.order-row-placeholder__images .image__item {
  display:block;
  height:40px;
  width:40px;
  margin-right:8px
}
.order-row-placeholder__images .image__item:nth-child(1) {
  background-color:#eee
}
.order-row-placeholder__images .image__item:nth-child(2) {
  background-color:#ebebeb
}
.order-row-placeholder__images .image__item:nth-child(3) {
  background-color:#e9e9e9
}
.order-row-placeholder__title {
  width:75px;
  background-color:#eee;
  height:12px;
  border-radius:4px;
  display:block
}
.order-row-placeholder__text {
  width:62px;
  background-color:#f1f1f1;
  height:13px;
  border-radius:4px;
  display:block;
  margin-top:10px
}
.order-row-placeholder__order-data .order-row-placeholder__title {
  max-width:130px;
  width:100%
}
.order-row-placeholder__order-data .order-row-placeholder__text {
  max-width:115px;
  width:100%
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__order-data {
    display:none
  }
}
.order-row-placeholder__price {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:flex-end;
  -ms-flex-align:end;
  align-items:flex-end
}
@media (max-width: 575px) and (min-width: 320px) {
  .order-row-placeholder__price {
    margin-right:0
  }
}
.order-row-placeholder__progress-bar {
  min-width:260px;
  height:16px
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__progress-bar {
    margin-left:6px!important;
    margin-right:6px!important
  }
}
@media only screen and (max-width: 991px) {
  .order-row-placeholder__progress-bar {
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
    margin-top:8px;
    min-width:inherit!important;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:100%;
    margin-left:0;
    margin-right:0
  }
}
.order-row-placeholder__progress-bar__title {
  max-width:150px;
  width:100%;
  background-color:#f1f1f1;
  height:15px;
  border-radius:4px
}
.order-row {
  cursor:pointer;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  background-color:#fff;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-transition-property:height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
  transition-property:height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
  transition-property:box-shadow,height,width,box-sizing,padding,background,font-size,transform;
  transition-property:box-shadow,height,width,box-sizing,padding,background,font-size,transform,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
  border-radius:8px;
  border:solid 1px #eeeeee;
  -webkit-box-shadow:0 1px 2px 0 rgba(72,72,72,.08);
  box-shadow:0 1px 2px rgba(72,72,72,.08)
}
.order-row i {
  font-style:normal
}
@media only screen and (min-width: 768px) {
  .order-row {
    margin-top:20px;
    border:solid 1px #e5e5e5
  }
}
@media only screen and (min-width: 576px) {
  .order-row--active {
    -webkit-transform:translate(0,15px);
    -ms-transform:translate(0,15px);
    transform:translateY(15px);
    background-color:#fff;
    border-color:#eee;
    -webkit-box-shadow:0px 8px 32px rgba(72,72,72,.16);
    box-shadow:0 8px 32px rgba(72,72,72,.16);
    margin-bottom:30px;
    width:calc(100% + 32px);
    margin-left:-16px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  .order-row--active .order-row__summary {
    padding-left:40px!important;
    padding-right:40px!important;
    position:-webkit-sticky;
    position:sticky;
    top:-15px;
    z-index:2;
    border-radius:4px;
    background-color:#fff
  }
  .order-row--active .order-row__container {
    margin-left:40px;
    margin-right:40px
  }
}
.order-row:not(:first-child) {
  margin-top:16px
}
.order-row--cancelled .order-row__summary__images,
.order-row--cancelled .order-row__summary__order-data,
.order-row--cancelled .order-row__summary__toggle {
  opacity:1
}
.order-row__summary {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding:16px 24px;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:8px!important
}
@media only screen and (max-width: 575px) {
  .order-row__summary {
    background-color:#fff;
    padding:16px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .order-row__summary__order-data {
    margin-left:10px!important;
    margin-right:10px!important
  }
  .order-row__summary__order-data {
    margin-right:0!important
  }
  .order-row__summary__toggle {
    margin-top:0!important;
    min-width:inherit!important;
    width:inherit!important
  }
  .order-row__summary__toggle svg {
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
  }
}
@media only screen and (max-width: 319px) {
  .order-row__summary {
    padding:12px
  }
}
.order-row__summary__order-data {
  -webkit-flex-direction:column!important;
  -ms-flex-direction:column!important;
  flex-direction:column!important;
  min-width:1px
}
.order-row__summary__order-data small {
  color:#919191;
  font-size:12px;
  margin-top:8px;
  line-height:1.5;
  letter-spacing:-.24px;
  text-decoration:none
}
.order-row__summary__order-data small[x-apple-data-detectors],
.order-row__summary__order-data small:hover,
.order-row__summary__order-data small:active,
.order-row__summary__order-data small:focus {
  text-decoration:none!important;
  color:#919191!important
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .order-row__summary__order-data {
    margin-right:-10px
  }
}
.order-row__summary__order-data _:-ms-fullscreen,
:root .order-row__summary__order-data {
  margin-right:-10px
}
.order-row__summary__order-data .order-number {
  color:#666
}
@media only screen and (max-width: 575px) {
  .order-row__summary__order-data .order-number {
    display:none
  }
}
.order-row__summary__order-data .order-number b {
  font-size:14px;
  margin-left:4px;
  line-height:1.5;
  letter-spacing:-.28px
}
@media only screen and (max-width: 575px) {
  .order-row__summary__order-data .order-number b {
    font-size:12px
  }
}
.order-row__summary__order-data,
.order-row__summary__progress-bar {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  margin-right:20px
}
.order-row__summary__toggle {
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  color:#484848;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:flex-end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  width:2px;
  text-align:right;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
@media only screen and (min-width: 576px) {
  .order-row__summary__toggle {
    margin-left:40px
  }
}
.order-row__summary__toggle__icon {
  width:24px;
  height:24px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  border-radius:32px;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
@media only screen and (max-width: 991px) {
  .order-row__summary__toggle__icon {
    width:14px;
    height:14px
  }
}
.order-row__summary__toggle__icon--opened svg {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
}
.order-row__summary__toggle__icon svg {
  fill:currentColor;
  height:14px;
  width:14px
}
.order-row__summary__images {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  margin-right:16px;
  width:128px
}
@media only screen and (max-width: 575px) {
  .order-row__summary__images {
    margin-right:0!important
  }
}
.order-row__summary__images .image__item {
  background-color:#e5e5e5;
  border:1px solid #DADADA;
  color:#484848;
  display:block;
  font-size:12px;
  font-weight:600;
  height:40px;
  line-height:40px;
  width:40px;
  min-width:40px;
  min-height:40px;
  border-radius:2px;
  text-align:center;
  -webkit-box-sizing:initial;
  box-sizing:initial
}
.order-row__summary__images .image__item:not(:first-child) {
  margin-left:4px
}
.order-row__summary__images .image__item img {
  display:block;
  width:100%;
  border-radius:2px;
  width: 40px;
  object-fit: cover;
  max-height: 40px;
}
.order-row__summary__order-data {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  max-width:210px
}
@media only screen and (max-width: 575px) {
  .order-row__summary__order-data {
    display:none
  }
}
.order-row__summary__progress-bar {
  min-width:260px
}
@media only screen and (max-width: 991px) {
  .order-row__summary__progress-bar {
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
    margin-top:8px;
    min-width:inherit!important;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:100%;
    margin-left:0;
    margin-right:0
  }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .order-row__summary__progress-bar .progress-bar {
    padding-left:20px
  }
}
.order-row__summary__progress-bar _:-ms-fullscreen .progress-bar,
:root .order-row__summary__progress-bar .progress-bar {
  padding-left:20px
}
.order-row__summary__price-and-date {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:flex-end;
  -ms-flex-align:end;
  align-items:flex-end;
  font-size:12px;
  line-height:16px;
  margin-right:8px;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:right
}
.order-row__summary__price-and-date span {
  font-weight:600;
  color:#666
}
.order-row__summary__price-and-date b {
  color:#439e4a
}
.order-row__container {
  background-color:#fff;
  cursor:default;
  position:relative;
  margin:0 24px 16px;
  padding-top:16px
}
.order-row-summary {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
@media only screen and (min-width: 576px) {
  .order-row-summary {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
  }
}
.order-row-summary__single-status {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:8px
}
.order-row-summary__single-status svg {
  margin-right:6px
}
@media only screen and (max-width: 991px) {
  .order-row-summary__single-status svg {
    width:12px;
    height:12px
  }
}
.order-row-summary__single-status--awaiting-payment svg path {
  color:#f69f29;
  fill:currentColor
}
.order-row-summary__single-status--completed svg path {
  color:#5ad363;
  fill:currentColor
}
.order-row-summary__single-status--cancelled svg path,
.order-row-summary__single-status--undelivered svg path,
.order-row-summary__single-status--refunded svg path {
  color:#fb6f6f;
  fill:currentColor
}
.order-row-summary__single-status span {
  font-size:12px!important;
  display:block;
  font-weight:600;
  color:#484848
}
@media only screen and (max-width: 991px) {
  .order-row-summary___single-status {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    min-width:120px;
    margin-right:20px
  }
}
.order-row-summary__total-status {
  color:#666;
  font-size:10px;
  line-height:16px
}
.order-row-summary__total-status:before {
  content:"";
  width:3px;
  height:3px;
  background-color:red
}
.order-tools {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:fle;
  -ms-flex-pack:fle;
  justify-content:fle
}
.order-tools .tool__search {
  max-width:152px;
  width:100%;
  position:relative;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__search {
    max-width:unset
  }
}
.order-tools .tool__search__input-section {
  position:relative
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__search__input-section {
    max-width:100%;
    width:100%
  }
}
.order-tools .tool__search__input {
  border:1px solid #F0F0F0;
  padding:8px 12px 8px 32px;
  width:100%;
  font-size:12px;
  color:#484848;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.order-tools .tool__search__input::-webkit-input-placeholder {
  color:#484848
}
.order-tools .tool__search__input::-moz-placeholder {
  color:#484848
}
.order-tools .tool__search__input:-ms-input-placeholder {
  color:#484848
}
.order-tools .tool__search__input::-ms-input-placeholder {
  color:#484848
}
.order-tools .tool__search__input::placeholder {
  color:#484848
}
.order-tools .tool__search__input::-ms-clear {
  display:none
}
.order-tools .tool__search__input::-webkit-search-cancel-button {
  -webkit-appearance:none;
  appearance:none
}
.order-tools .tool__search__searchicon {
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.order-tools .tool__search__searchicon__icon {
  width:17px;
  height:17px;
  position:absolute;
  top:8px;
  left:8px
}
.order-tools .tool__search__searchicon__icon path {
  color:#484848;
  fill:currentColor
}
.order-tools .tool__search__clearicon {
  border:none;
  position:absolute;
  padding:8px;
  right:0;
  top:0;
  background-color:transparent;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  cursor:pointer
}
.order-tools .tool__search__clearicon span {
  background-color:#919191;
  border-radius:8px;
  width:16px;
  height:16px;
  display:block
}
.order-tools .tool__search__clearicon__icon {
  height:8px;
  width:8px;
  margin:4px
}
.order-tools .tool__search__clearicon__icon path {
  color:#f4f4f4;
  fill:currentColor
}
.order-tools .tool__search__clearicon--show {
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  opacity:1;
  visibility:visible
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__search__searchicon__icon {
    left:11px
  }
  .order-tools .tool__search__input {
    padding-left:32px
  }
}
.order-tools .tool__reset__search {
  visibility:hidden;
  background-color:transparent;
  opacity:0;
  display:none;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-align-self:center;
  -ms-flex-item-align:center;
  align-self:center
}
.order-tools .tool__reset__search>button {
  border:none;
  background-color:transparent;
  padding-left:12px;
  margin-left:5px;
  display:inline-block;
  font-size:13px;
  color:#484848;
  text-decoration:none;
  cursor:pointer
}
.order-tools .tool__filter {
  min-width:150px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-align-items:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
  -webkit-justify-content:flex-end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.order-tools .tool__filter>span {
  margin-right:20px;
  font-size:13px;
  color:#919191
}
.order-tools .tool__filter__select {
  max-width:190px;
  width:100%
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__filter {
    min-width:134px
  }
  .order-tools .tool__filter>span {
    display:none
  }
  .order-tools .tool__filter__select {
    max-width:inherit!important
  }
}
.order-tools--has-search .tool__reset__search,
.order-tools--is-search-focused .tool__reset__search {
  display:block;
  visibility:visible;
  opacity:1
}
.order-tools--has-search .tool__search,
.order-tools--is-search-focused .tool__search {
  max-width:340px;
  padding-right:8px;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
@media screen and (max-width: 1024px) {
  .order-tools--has-search .tool__search,
  .order-tools--is-search-focused .tool__search {
    max-width:inherit
  }
}
.order-tools--has-search .tool__search .tool__search__input,
.order-tools--is-search-focused .tool__search .tool__search__input {
  border:1px solid #FF6000;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
@media screen and (min-width: 1025px) {
  .order-tools--has-search .tool__search__input-section,
  .order-tools--is-search-focused .tool__search__input-section {
    width:272px
  }
}
.order-tools__info .warning__search-length {
  position:relative;
  padding-top:8px;
  padding-left:32px;
  padding-right:11px;
  font-size:13px;
  color:#484848
}
.order-tools__info .warning__search-length__icon {
  width:16px;
  height:16px;
  position:absolute;
  top:6px;
  left:8px
}
.order-tools__info .warning__search-length__icon path {
  color:#9b9b9b;
  fill:currentColor
}
.order-tools__info .warning__search-result-count {
  font-size:13px;
  color:#484848;
  margin-top:8px;
  margin-left:8px
}
.order-tools__info .warning__search-result-count strong {
  font-weight:700
}
@media screen and (max-width: 1024px) {
  .order-tools {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
  .order-tools--has-search .tool__filter,
  .order-tools--is-search-focused .tool__filter {
    visibility:hidden;
    opacity:0;
    min-width:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    margin:0;
    overflow:hidden
  }
  .order-tools__info .warning__search-result-count {
    margin-left:11px
  }
  .order-tools__info .warning__search-length {
    padding-left:40px
  }
  .order-tools__info .warning__search-length__icon {
    left:11px
  }
}
.filter-button {
  background-color:#fff;
  border:1px solid #F0F0F0;
  height:32px;
  border-radius:4px;
  padding:0 8px;
  font-weight:600;
  font-size:12px;
  color:#484848;
  margin-left:8px;
  display:inline-block;
  position:relative
}
.filter-button--active {
  border-color:#ff6000
}
@media screen and (max-width: 1024px) {
  .filter-button:first-child {
    margin-left:0
  }
}
.filters {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.filters__date-filter-select {
  max-width:140px;
  min-width:130px;
  margin-left:8px;
  font-size:.75rem;
  line-height:135%;
  font-weight:700
}
.filters__date-filter-select .solo-select__control,
.filters__date-filter-select .solo-select-native__input {
  border:1px solid #f0f0f0!important;
  border-radius:4px;
  color:#484848!important;
  font-size:.75rem;
  line-height:135%;
  font-weight:600
}
.filters__date-filter-select .solo-select-native__input:hover {
  background-color:transparent!important
}
.filters__date-filter-select .solo-select__placeholder,
.filters__date-filter-select .solo-select__option--label {
  color:#484848!important
}
@media screen and (max-width: 1024px) {
  .filters {
    overflow-x:scroll;
    overflow-y:hidden;
    margin-top:16px;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    white-space:nowrap;
    -ms-overflow-style:none;
    scrollbar-width:none
  }
  .filters::-webkit-scrollbar {
    display:none
  }
}
.order-not-found {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:60px
}
.order-not-found__icon {
  margin-bottom:21px
}
.order-not-found__title {
  font-size:21px;
  font-weight:600;
  text-align:center;
  margin-top:0;
  color:#484848
}
.order-not-found__text {
  font-size:15px;
  text-align:center;
  margin-top:12px;
  color:#7b7b7b
}
.order-not-found .solo-button {
  margin-top:25px;
  max-width:230px;
  width:100%;
  height:48px;
  line-height:40px!important
}
.billboard {
  position:relative
}
.order-notification {
  background-color:#6c84fa;
  width:100%;
  min-height:120px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  border-radius:8px;
  padding:12px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  margin-bottom:24px
}
.order-notification__icon {
  margin-right:12px
}
.order-notification__content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.order-notification__title {
  margin-top:8px;
  margin-bottom:16px;
  font-size:14px;
  font-weight:700;
  line-height:1.43;
  letter-spacing:-.15px;
  color:#fff
}
.order-notification__text {
  font-size:14px;
  line-height:1.43;
  letter-spacing:-.15px;
  color:#fff;
  margin-bottom:0;
  margin-top:0
}
.order-notification__close-button {
  background-color:transparent;
  border:none;
  width:12px;
  height:12px;
  position:absolute;
  top:22px;
  right:22px;
  cursor:pointer
}
.order-notification__close-button svg path {
  fill:currentColor;
  color:#fff
}
.premium-banner {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  z-index:12
}



@media screen and (max-device-width: 480px) and (orientation: portrait){

.nav
{
  display: block !important;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-item .nav-link, .nav-item .nav-separtor
{
  color: #4d4a4a;
  font-weight: 500;
  width: 100%;
  padding: 10px;
  text-align: left;
  background: #f6f6f6b5;
  text-align: center !important;
}


.nav-item
{
  border: 1px solid #f0f0f0 !important;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 3px;
}




}		




.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0.10rem
}

.card-header:first-child {
    border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    margin-top: 50px
}

.track .step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}

.track .step.active:before {
    background: #FF5722
}

.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px
}

.track .step.active .icon {
    background: #ee5435;
    color: #fff
}



.group-button {
 margin-top: 10px;
}


.track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd;
    line-height: 40px;
    font-size: 20px;
    padding-top: 10px;

}

.track .step.active .text {
    font-weight: 400;
    color: #000
}

.track .text {
    display: block;
    margin-top: 7px
}

.itemside {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.itemside .aside {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.img-sm {
    width: 80px;
    height: 80px;
    padding: 7px
}

ul.row,
ul.row-sm {
    list-style: none;
    padding: 0
}

.itemside .info {
    padding-left: 15px;
    padding-right: 7px
}

.itemside .title {
    display: block;
    margin-bottom: 5px;
    color: #212529
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.btn-warning {
    color: #ffffff;
    background-color: #ee5435;
    border-color: #ee5435;
    border-radius: 1px
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #ff2b00;
    border-color: #ff2b00;
    border-radius: 1px
}
b, strong {
    font-weight: 400;
    font-size: 13px;
}
.table td {

    padding: 4px !important;
	text-align: center !important;
	font-size: 14px;
}
.table .total-col {
    color: #c96;
    font-weight: 400;
    font-size: 14px;
}




.show {
    display: block !important;
    opacity: 1;
}

.tab-content {
    /*! border: 1px solid #f5f5f5 !important; */
    /*! padding: 5px 0px; */
    /*! margin-bottom: 20px; */
    /*! background: white; */
	/*! border-radius: 5px; */
}

.custom-control-label{
float: right;
  position: relative;
  top: 15px;
  left: 5px;
}

.mesafe{
margin-bottom: 30px;
  margin-top: 10px;
}

input[type="checkbox"]{
  height: 20px;
  width: 20px;
}


input[type="radio"]{
  margin-right: 5px;
  height: 30px;
  width: 30px;
}

.radio-label{
  top: -8px !important;
  position: relative;
  font-weight: 500;
  letter-spacing: -0.5px;
}
.tab-content > .active {
  display: block;
  background: #fff !important;
  color: black;
  font-size: 15px;
  /*! padding-left: 10px !important; */
}


.checkout-title{
  padding: 5px !important;
  margin-bottom: 0px !important;
  font-weight: 500 !important;
  border-radius: 5px !important;
  border: none !important;
  background: #d8d8d8 !important; !important;
  color:white !important;
}

.okey {
  box-shadow: 0 1px 3px rgba(37, 35, 35, 0.14);
  padding-top: 20px;
  border-radius: 5px;
}
.kutu {
  margin-top: 15px;
  background: #ece8e8;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #d8d8d8 !important; !important;
}


.badge {
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  color: #1f1d1d;
  text-align: center;
  white-space: nowrap;
  letter-spacing: -0.8px;
  border: 1px solid #e6e0e0;
  padding: 12px;
  border-radius: 5px;
  background: #f7f9fc;
  margin-right: 8px;
}

.card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    padding: 10px;
}

.card-header:first-child {
    border-radius: calc(0.37rem - 1px) calc(0.37rem - 1px) 0 0
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
}

.track {
    position: relative;
    background-color: #ddd;
    height: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 60px;
    margin-top: 50px
}

.track .step {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    width: 25%;
    margin-top: -18px;
    text-align: center;
    position: relative
}

.track .step.active:before {
    background: #FF5722
}

.track .step::before {
    height: 7px;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;
    top: 18px
}

.track .step.active .icon {
    background: #ee5435;
    color: #fff
}

.track .icon {
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: relative;
    border-radius: 100%;
    background: #ddd;
    line-height: 20px;
    font-size: 20px;
    padding-top: 10px;

    color: white;
}

.track .step.active .text {
    font-weight: 400;
    color: #000
}

.track .text {
    display: block;
    margin-top: 7px
}

.itemside {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.itemside .aside {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

.img-sm {
    width: 80px;
    height: 80px;
    padding: 7px
}

ul.row,
ul.row-sm {
    list-style: none;
    padding: 0
}

.itemside .info {
    padding-left: 15px;
    padding-right: 7px
}

.itemside .title {
    display: block;
    margin-bottom: 5px;
    color: #212529
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

.btn-warning {
    color: #ffffff;
    background-color: #ee5435;
    border-color: #ee5435;
    border-radius: 1px
}

.btn-warning:hover {
    color: #ffffff;
    background-color: #ff2b00;
    border-color: #ff2b00;
    border-radius: 1px
}
b, strong {
    font-weight: 600;
    font-size: 13px;
}
.table td {

    padding: 4px !important;
	text-align: center !important;
	font-size: 14px;
}
.table .total-col {
    color: #c96;
    font-weight: 400;
    font-size: 14px;
}


.no-gutters {
 margin-left:0;
 margin-right:0
}
.no-gutters>.col,
.no-gutters>[class*=col-] {
 padding-left:0;
 padding-right:0
}

.page-wrapper {
 position:relative;
 display:flex;
 flex-direction:column;
 min-height:100%;
 transition:transform 0.4s ease
}
.mmenu-active .page-wrapper {
 transform:translateX(200px)
}



.fade {
    opacity: 1 !important;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
}

.fade {
  opacity: 1;
  transition: opacity .15s linear;
}
.nav-item .nav-link, .nav-item .nav-separtor {
  color: #343333;
  font-weight: 500;
  width: 100%;
  padding: 10px;
  text-align: left;
  background: #fff;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: -0.5px;
  border-radius: 6px;
}
#divYazdir{

  margin: 0px;
}
.btn {

}
.nav-item {
border: 1px solid #f0f0f0 !important;
  font-size: 14px;
  border-radius: 5px;
  margin-bottom: 3px;

}

.panel-heading {
background: #f6f6f6;
line-height: 1px;
}
.link-block {

    color: #fff;
    font-size: 12px !important;

}


p {
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 13px !important;
}
.time {
float: right;
margin-top: 0px !important;
font-size: 12px;
}

a {
  color: #4e5154;
  text-decoration: none !important;
  font-size: 12px;
}

.kutu {
background: #e7e7e7;
padding: 15px;
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
margin-bottom: 10px;
font-size: 13px;
font-weight: bold;
border-radius: 4px;
margin-right: 5px;
}


.product{
height: auto !important;
}
.product-title{
background: none !important;
}


.table-wrapper {
  display: flex;
  align-items: center;
  padding: 10px;
  background-color: #f8f8f8;
}

.table-cell {
  margin-right: 15px;
  font-size: 14px;
  color: #888181;
  font-weight: 500;
}

.table-cell b {
  font-weight: bold;
}

.badge {
  font-size: 13px;
}

.success {
  background-color: #28a745;
  color: #fff;
}

.table-cell:last-child {
  margin-right: 0;
}

@media (max-width: 480px) {
  .table-wrapper {
    flex-wrap: wrap;
	text-align: center;
  }
  
  .table-cell {
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
  }
  
  .table-cell:last-child {
    margin-bottom: 0;
  }
  
  .main-content, .left-sidebar, .right-sidebar
{
  padding-top: 0;
  padding: 0px !important;
}
  
  
  
  .badge {
  width: 100% !important;
}
  
  
  
}

textarea {
 min-height: 150px !important;
}
  
h3
{
  font-weight: 500;
  font-size: 18px;
  line-height: 32px;
}

.btn-primary {
 margin-top:10px;
}


.yazim {
position: relative;
  top: -10px;
    font-weight: 600;
}


.badge {
  font-size: 14px !important;
}

.label-success {

}
label
{
  /*! display: inline-block; */
  /*! font-weight: 500; */
  /*! font-size: 13px; */
  /*! position: relative; */
  /*! top: 12px; */
  /*! background: white; */
  /*! left: 9px; */
  /*! color: #535251; */
  /*! letter-spacing: -0.5px; */
  /*! font-weight: 600; */
}

@media screen and (max-device-width: 480px) and (orientation: portrait){
  .nav-item {
    width: 24% !important;
    float: left !important;
    height: 60px;
    background: #f6f6f6b5;
    justify-content: center;
    display: grid;
    margin-bottom: 10px !important;
    margin-right: 1%;
  }
  
  

.nav-item .nav-link, .nav-item .nav-separtor {
  color: #4d4a4a;
  font-weight: 600 !important;
  width: 100%;
  padding: 10px;
  text-align: left;
  background: #f6f6f6b5;
  font-size: 12px;
  padding: 5px !important;
  display: grid;
  justify-content: center;
  vertical-align: center;
  place-items: center;
  text-align: center;
}
  
}	


.orders-page__order-notification {
  margin-top:16px
}
.orders-page__recommendation {
  margin-top:16px;
  max-width:926px
}
@media screen and (max-width: 1200px) {
  .orders-page__recommendation {
    max-width:763px
  }
}
.orders-page__recommendation h4 {
  margin-top:-8px!important
}
.orders-page__recommendation .slick-slider.slick-initialized:before,
.orders-page__recommendation .slick-slider.slick-initialized:after {
  height:46px!important
}
.orders-page__recommendation .slick-slider.slick-initialized .slick-track a:hover {
  -webkit-box-shadow:-1px 2px 20px 0px rgba(0,0,0,.08);
  box-shadow:-1px 2px 20px rgba(0,0,0,.08)
}
.orders-page__groups {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.orders-page__groups__item__billboard {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:12px
}
.orders-page__groups__item .order-row {
  margin-top:10pxpx;
  z-index:2
}
.orders-page__groups__item .order-row--active .orders-page__groups__item .order-row__summary {
  z-index:2
}
@media only screen and (max-width: 575px) {
  .orders-page__groups__item {
    margin-left:-15px;
    margin-right:-15px;
    padding-left:0;
    padding-right:0
  }
  .orders-page__groups__item .order-row {
    margin-left:10px;
    margin-right:10px;
  }
  .orders-page__groups__item .orders-page__recommendation {
    padding:0 15px
  }
}
.orders-page__lazy-load {
  margin-left:auto;
  margin-right:auto;
  margin-top:16px
}
.order-block {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
@media only screen and (min-width: 576px) {
  .order-block:not(:first-child) {
    margin-top:40px
  }
}
@media only screen and (max-width: 575px) {
  .order-block {
    margin-left:-15px;
    margin-right:-15px;
    padding-left:0;
    padding-right:0
  }
  .order-block:not(:first-child) {
    margin-top:20px
  }
  .order-block .order-row {
    margin-left:15px;
    margin-right:15px
  }
}
.order-block__date {
  color:#484848;
  font-size:12px;
  font-weight:600;
  text-transform:uppercase;
  margin-left:8px
}
.order-block__date:not(:first-child) {
  margin-top:16px
}
@media only screen and (max-width: 575px) {
  .order-block__date {
    color:#484848;
    font-size:13px;
    font-weight:600;
    margin-left:24px;
    text-transform:uppercase;
    margin-bottom:0
  }
}
.order-row-placeholder {
  background-color:#f5f5f5;
  border-bottom:solid 1px #f5f5f5;
  border-left:solid 3px #f5f5f5;
  border-right:solid 1px #f5f5f5;
  border-top:solid 1px #f5f5f5;
  border-radius:4px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  padding:15px 24px;
  margin-top:24px;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  cursor:progress;
  position:relative;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder {
    padding:12px 4px
  }
  .order-row-placeholder__order-data .order-row-placeholder__title {
    max-width:80px!important
  }
  .order-row-placeholder__images,
  .order-row-placeholder__price {
    margin-left:10px!important;
    margin-right:10px!important
  }
  .order-row-placeholder__toggle {
    margin-top:0!important;
    min-width:inherit!important;
    width:inherit!important;
    zoom:.8
  }
}
@-webkit-keyframes placeHolderAnimation {
  0% {
    opacity:.5
  }
  to {
    opacity:1
  }
}
@keyframes placeHolderAnimation {
  0% {
    opacity:.5
  }
  to {
    opacity:1
  }
}
.order-row-placeholder__images,
.order-row-placeholder__order-data,
.order-row-placeholder__price,
.order-row-placeholder__progress-bar,
.order-row-placeholder__toggle {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:placeHolderAnimation;
  animation-name:placeHolderAnimation;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease
}
.order-row-placeholder__order-data,
.order-row-placeholder__price,
.order-row-placeholder__progress-bar {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  margin-left:20px;
  margin-right:20px
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__order-data,
  .order-row-placeholder__price,
  .order-row-placeholder__progress-bar {
    margin-left:14px;
    margin-right:14px
  }
}
.order-row-placeholder__images {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__images {
    zoom:.7
  }
}
.order-row-placeholder__images .image__item {
  display:block;
  height:40px;
  width:40px;
  margin-right:8px
}
.order-row-placeholder__images .image__item:nth-child(1) {
  background-color:#eee
}
.order-row-placeholder__images .image__item:nth-child(2) {
  background-color:#ebebeb
}
.order-row-placeholder__images .image__item:nth-child(3) {
  background-color:#e9e9e9
}
.order-row-placeholder__title {
  width:75px;
  background-color:#eee;
  height:12px;
  border-radius:4px;
  display:block
}
.order-row-placeholder__text {
  width:62px;
  background-color:#f1f1f1;
  height:13px;
  border-radius:4px;
  display:block;
  margin-top:10px
}
.order-row-placeholder__order-data .order-row-placeholder__title {
  max-width:130px;
  width:100%
}
.order-row-placeholder__order-data .order-row-placeholder__text {
  max-width:115px;
  width:100%
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__order-data {
    display:none
  }
}
.order-row-placeholder__price {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:flex-end;
  -ms-flex-align:end;
  align-items:flex-end
}
@media (max-width: 575px) and (min-width: 320px) {
  .order-row-placeholder__price {
    margin-right:0
  }
}
.order-row-placeholder__progress-bar {
  min-width:260px;
  height:16px
}
@media only screen and (max-width: 575px) {
  .order-row-placeholder__progress-bar {
    margin-left:6px!important;
    margin-right:6px!important
  }
}
@media only screen and (max-width: 991px) {
  .order-row-placeholder__progress-bar {
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
    margin-top:8px;
    min-width:inherit!important;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:100%;
    margin-left:0;
    margin-right:0
  }
}
.order-row-placeholder__progress-bar__title {
  max-width:150px;
  width:100%;
  background-color:#f1f1f1;
  height:15px;
  border-radius:4px
}
.order-row {
  cursor:pointer;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  background-color:#fff;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-transition-property:height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
  transition-property:height,width,padding,background,font-size,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
  transition-property:box-shadow,height,width,box-sizing,padding,background,font-size,transform;
  transition-property:box-shadow,height,width,box-sizing,padding,background,font-size,transform,-webkit-box-shadow,-webkit-box-sizing,-webkit-transform;
  border-radius:8px;
  border:solid 1px #eeeeee;
  -webkit-box-shadow:0 1px 2px 0 rgba(72,72,72,.08);
  box-shadow:0 1px 2px rgba(72,72,72,.08)
}
.order-row i {
  font-style:normal
}
@media only screen and (min-width: 768px) {
  .order-row {
    margin-top:20px;
    border:solid 1px #e5e5e5
  }
}
@media only screen and (min-width: 576px) {
  .order-row--active {
    -webkit-transform:translate(0,15px);
    -ms-transform:translate(0,15px);
    transform:translateY(15px);
    background-color:#fff;
    border-color:#eee;
    -webkit-box-shadow:0px 8px 32px rgba(72,72,72,.16);
    box-shadow:0 8px 32px rgba(72,72,72,.16);
    margin-bottom:30px;
    width:calc(100% + 32px);
    margin-left:-16px;
    -webkit-box-sizing:border-box;
    box-sizing:border-box
  }
  .order-row--active .order-row__summary {
    padding-left:40px!important;
    padding-right:40px!important;
    position:-webkit-sticky;
    position:sticky;
    top:-15px;
    z-index:2;
    border-radius:4px;
    background-color:#fff
  }
  .order-row--active .order-row__container {
    margin-left:20px;
    margin-right:20px;
    margin-top: 0px !important;
    /*! position: absolute; */
    /*! top: 20px; */
  }
}
.order-row:not(:first-child) {
  margin-top:16px
}
.order-row--cancelled .order-row__summary__images,
.order-row--cancelled .order-row__summary__order-data,
.order-row--cancelled .order-row__summary__toggle {
  opacity:1
}
.order-row__summary {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  padding:16px 24px;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:8px!important
}
@media only screen and (max-width: 575px) {
  .order-row__summary {
    background-color:#fff;
    padding:16px;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
  }
  .order-row__summary__order-data {
    margin-left:10px!important;
    margin-right:10px!important
  }
  .order-row__summary__order-data {
    margin-right:0!important
  }
  .order-row__summary__toggle {
    margin-top:0!important;
    min-width:inherit!important;
    width:inherit!important
  }
  .order-row__summary__toggle svg {
    -webkit-transform:rotate(-90deg);
    -ms-transform:rotate(-90deg);
    transform:rotate(-90deg)
  }
}
@media only screen and (max-width: 319px) {
  .order-row__summary {
    padding:12px
  }
}
.order-row__summary__order-data {
  -webkit-flex-direction:column!important;
  -ms-flex-direction:column!important;
  flex-direction:column!important;
  min-width:1px
}
.order-row__summary__order-data small {
  color:#7e7a7a;
  font-size:14px;
  margin-top:8px;
  line-height:1.5;
  letter-spacing:-.24px;
  text-decoration:none
}
.order-row__summary__order-data small[x-apple-data-detectors],
.order-row__summary__order-data small:hover,
.order-row__summary__order-data small:active,
.order-row__summary__order-data small:focus {
  text-decoration:none!important;
  color:#919191!important
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .order-row__summary__order-data {
    margin-right:-10px
  }
}
.order-row__summary__order-data _:-ms-fullscreen,
:root .order-row__summary__order-data {
  margin-right:-10px
}
.order-row__summary__order-data .order-number {
  color:#666
}
@media only screen and (max-width: 575px) {
  .order-row__summary__order-data .order-number {
    display:block;
  }
}
.order-row__summary__order-data .order-number b {
  font-size:14px;
  margin-left:4px;
  line-height:1.5;
  letter-spacing:-.28px
}
@media only screen and (max-width: 575px) {
  .order-row__summary__order-data .order-number b {
    font-size:12px
  }
}
.order-row__summary__order-data,
.order-row__summary__progress-bar {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  margin-right:20px
}
.order-row__summary__toggle {
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  color:#484848;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:flex-end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  width:2px;
  text-align:right;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
@media only screen and (min-width: 576px) {
  .order-row__summary__toggle {
    margin-left:40px
  }
}
.order-row__summary__toggle__icon {
  width:24px;
  height:24px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  border-radius:32px;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
@media only screen and (max-width: 991px) {
  .order-row__summary__toggle__icon {
    width:14px;
    height:14px
  }
}
.order-row__summary__toggle__icon--opened svg {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
}
.order-row__summary__toggle__icon svg {
  fill:currentColor;
  height:14px;
  width:14px
}
.order-row__summary__images {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  margin-right:16px;
  width:128px
}
@media only screen and (max-width: 575px) {
  .order-row__summary__images {
    margin-right:0!important
  }
}
.order-row__summary__images .image__item {
  background-color:#e5e5e5;
  border:1px solid #DADADA;
  color:#484848;
  display:block;
  font-size:12px;
  font-weight:600;
  height:40px;
  line-height:40px;
  width:40px;
  min-width:40px;
  min-height:40px;
  border-radius:2px;
  text-align:center;
  -webkit-box-sizing:initial;
  box-sizing:initial
}
.order-row__summary__images .image__item:not(:first-child) {
  margin-left:4px
}
.order-row__summary__images .image__item img {
  display:block;
  width:100%;
  border-radius:2px
}
.order-row__summary__order-data {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  max-width:210px
}
@media only screen and (max-width: 575px) {
  .order-row__summary__order-data {
    /*! display:none */
  }
}
.order-row__summary__progress-bar {
  min-width:200px;
}
@media only screen and (max-width: 991px) {
  .order-row__summary__progress-bar {
    -webkit-order:1;
    -ms-flex-order:1;
    order:1;
    margin-top:8px;
    min-width:inherit!important;
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    width:100%;
    margin-left:0;
    margin-right:0
  }
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .order-row__summary__progress-bar .progress-bar {
    padding-left:20px
  }
}
.order-row__summary__progress-bar _:-ms-fullscreen .progress-bar,
:root .order-row__summary__progress-bar .progress-bar {
  padding-left:20px
}
.order-row__summary__price-and-date {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:flex-end;
  -ms-flex-align:end;
  align-items:flex-end;
  font-size:12px;
  line-height:16px;
  margin-right:8px;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:right
}
.order-row__summary__price-and-date span {
  font-weight:600;
  color:#666
}
.order-row__summary__price-and-date b {
  color:#439e4a
}
.order-row__container {
  background-color:#fff;
  cursor:default;
  position:relative;
  margin:0 24px 16px;
  padding-top:16px
}
.order-row-summary {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
@media only screen and (min-width: 576px) {
  .order-row-summary {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
  }
}
.order-row-summary__single-status {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-right:8px
}
.order-row-summary__single-status svg {
  margin-right:6px
}
@media only screen and (max-width: 991px) {
  .order-row-summary__single-status svg {
    width:12px;
    height:12px
  }
}
.order-row-summary__single-status--awaiting-payment svg path {
  color:#f69f29;
  fill:currentColor
}
.order-row-summary__single-status--completed svg path {
  color:#5ad363;
  fill:currentColor
}
.order-row-summary__single-status--cancelled svg path,
.order-row-summary__single-status--undelivered svg path,
.order-row-summary__single-status--refunded svg path {
  color:#fb6f6f;
  fill:currentColor
}
.order-row-summary__single-status span {
  font-size:12px!important;
  display:block;
  font-weight:600;
  color:#fff;
}
@media only screen and (max-width: 991px) {
  .order-row-summary___single-status {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    min-width:120px;
    margin-right:20px
  }
}
.order-row-summary__total-status {
  color:#666;
  font-size:10px;
  line-height:16px
}
.order-row-summary__total-status:before {
  content:"";
  width:3px;
  height:3px;
  background-color:red
}
.order-tools {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:fle;
  -ms-flex-pack:fle;
  justify-content:fle
}
.order-tools .tool__search {
  max-width:152px;
  width:100%;
  position:relative;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__search {
    max-width:unset
  }
}
.order-tools .tool__search__input-section {
  position:relative
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__search__input-section {
    max-width:100%;
    width:100%
  }
}
.order-tools .tool__search__input {
  border:1px solid #F0F0F0;
  padding:8px 12px 8px 32px;
  width:100%;
  font-size:12px;
  color:#484848;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:4px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#fff;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.order-tools .tool__search__input::-webkit-input-placeholder {
  color:#484848
}
.order-tools .tool__search__input::-moz-placeholder {
  color:#484848
}
.order-tools .tool__search__input:-ms-input-placeholder {
  color:#484848
}
.order-tools .tool__search__input::-ms-input-placeholder {
  color:#484848
}
.order-tools .tool__search__input::placeholder {
  color:#484848
}
.order-tools .tool__search__input::-ms-clear {
  display:none
}
.order-tools .tool__search__input::-webkit-search-cancel-button {
  -webkit-appearance:none;
  appearance:none
}
.order-tools .tool__search__searchicon {
  position:relative;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none
}
.order-tools .tool__search__searchicon__icon {
  width:17px;
  height:17px;
  position:absolute;
  top:8px;
  left:8px
}
.order-tools .tool__search__searchicon__icon path {
  color:#484848;
  fill:currentColor
}
.order-tools .tool__search__clearicon {
  border:none;
  position:absolute;
  padding:8px;
  right:0;
  top:0;
  background-color:transparent;
  visibility:hidden;
  opacity:0;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  cursor:pointer
}
.order-tools .tool__search__clearicon span {
  background-color:#919191;
  border-radius:8px;
  width:16px;
  height:16px;
  display:block
}
.order-tools .tool__search__clearicon__icon {
  height:8px;
  width:8px;
  margin:4px
}
.order-tools .tool__search__clearicon__icon path {
  color:#f4f4f4;
  fill:currentColor
}
.order-tools .tool__search__clearicon--show {
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  opacity:1;
  visibility:visible
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__search__searchicon__icon {
    left:11px
  }
  .order-tools .tool__search__input {
    padding-left:32px
  }
}
.order-tools .tool__reset__search {
  visibility:hidden;
  background-color:transparent;
  opacity:0;
  display:none;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-align-self:center;
  -ms-flex-item-align:center;
  align-self:center
}
.order-tools .tool__reset__search>button {
  border:none;
  background-color:transparent;
  padding-left:12px;
  margin-left:5px;
  display:inline-block;
  font-size:13px;
  color:#484848;
  text-decoration:none;
  cursor:pointer
}
.order-tools .tool__filter {
  min-width:150px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-align-items:baseline;
  -ms-flex-align:baseline;
  align-items:baseline;
  -webkit-justify-content:flex-end;
  -ms-flex-pack:end;
  justify-content:flex-end;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.order-tools .tool__filter>span {
  margin-right:20px;
  font-size:13px;
  color:#919191
}
.order-tools .tool__filter__select {
  max-width:190px;
  width:100%
}
@media screen and (max-width: 1024px) {
  .order-tools .tool__filter {
    min-width:134px
  }
  .order-tools .tool__filter>span {
    display:none
  }
  .order-tools .tool__filter__select {
    max-width:inherit!important
  }
}
.order-tools--has-search .tool__reset__search,
.order-tools--is-search-focused .tool__reset__search {
  display:block;
  visibility:visible;
  opacity:1
}
.order-tools--has-search .tool__search,
.order-tools--is-search-focused .tool__search {
  max-width:340px;
  padding-right:8px;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
@media screen and (max-width: 1024px) {
  .order-tools--has-search .tool__search,
  .order-tools--is-search-focused .tool__search {
    max-width:inherit
  }
}
.order-tools--has-search .tool__search .tool__search__input,
.order-tools--is-search-focused .tool__search .tool__search__input {
  border:1px solid #FF6000;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
@media screen and (min-width: 1025px) {
  .order-tools--has-search .tool__search__input-section,
  .order-tools--is-search-focused .tool__search__input-section {
    width:272px
  }
}
.order-tools__info .warning__search-length {
  position:relative;
  padding-top:8px;
  padding-left:32px;
  padding-right:11px;
  font-size:13px;
  color:#484848
}
.order-tools__info .warning__search-length__icon {
  width:16px;
  height:16px;
  position:absolute;
  top:6px;
  left:8px
}
.order-tools__info .warning__search-length__icon path {
  color:#9b9b9b;
  fill:currentColor
}
.order-tools__info .warning__search-result-count {
  font-size:13px;
  color:#484848;
  margin-top:8px;
  margin-left:8px
}
.order-tools__info .warning__search-result-count strong {
  font-weight:700
}
@media screen and (max-width: 1024px) {
  .order-tools {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
  .order-tools--has-search .tool__filter,
  .order-tools--is-search-focused .tool__filter {
    visibility:hidden;
    opacity:0;
    min-width:0;
    -webkit-transition:all .5s ease;
    transition:all .5s ease;
    margin:0;
    overflow:hidden
  }
  .order-tools__info .warning__search-result-count {
    margin-left:11px
  }
  .order-tools__info .warning__search-length {
    padding-left:40px
  }
  .order-tools__info .warning__search-length__icon {
    left:11px
  }
}
.filter-button {
  background-color:#fff;
  border:1px solid #F0F0F0;
  height:32px;
  border-radius:4px;
  padding:0 8px;
  font-weight:600;
  font-size:12px;
  color:#484848;
  margin-left:8px;
  display:inline-block;
  position:relative
}
.filter-button--active {
  border-color:#ff6000
}
@media screen and (max-width: 1024px) {
  .filter-button:first-child {
    margin-left:0
  }
}
.filters {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.filters__date-filter-select {
  max-width:140px;
  min-width:130px;
  margin-left:8px;
  font-size:.75rem;
  line-height:135%;
  font-weight:700
}
.filters__date-filter-select .solo-select__control,
.filters__date-filter-select .solo-select-native__input {
  border:1px solid #f0f0f0!important;
  border-radius:4px;
  color:#484848!important;
  font-size:.75rem;
  line-height:135%;
  font-weight:600
}
.filters__date-filter-select .solo-select-native__input:hover {
  background-color:transparent!important
}
.filters__date-filter-select .solo-select__placeholder,
.filters__date-filter-select .solo-select__option--label {
  color:#484848!important
}
@media screen and (max-width: 1024px) {
  .filters {
    overflow-x:scroll;
    overflow-y:hidden;
    margin-top:16px;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    white-space:nowrap;
    -ms-overflow-style:none;
    scrollbar-width:none
  }
  .filters::-webkit-scrollbar {
    display:none
  }
}
.order-not-found {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:60px
}
.order-not-found__icon {
  margin-bottom:21px
}
.order-not-found__title {
  font-size:21px;
  font-weight:600;
  text-align:center;
  margin-top:0;
  color:#484848
}
.order-not-found__text {
  font-size:15px;
  text-align:center;
  margin-top:12px;
  color:#7b7b7b
}
.order-not-found .solo-button {
  margin-top:25px;
  max-width:230px;
  width:100%;
  height:48px;
  line-height:40px!important
}
.billboard {
  position:relative
}
.order-notification {
  background-color:#6c84fa;
  width:100%;
  min-height:120px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  border-radius:8px;
  padding:12px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  position:relative;
  margin-bottom:24px
}
.order-notification__icon {
  margin-right:12px
}
.order-notification__content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.order-notification__title {
  margin-top:8px;
  margin-bottom:16px;
  font-size:14px;
  font-weight:700;
  line-height:1.43;
  letter-spacing:-.15px;
  color:#fff
}
.order-notification__text {
  font-size:14px;
  line-height:1.43;
  letter-spacing:-.15px;
  color:#fff;
  margin-bottom:0;
  margin-top:0
}
.order-notification__close-button {
  background-color:transparent;
  border:none;
  width:12px;
  height:12px;
  position:absolute;
  top:22px;
  right:22px;
  cursor:pointer
}
.order-notification__close-button svg path {
  fill:currentColor;
  color:#fff
}
.premium-banner {
  position:fixed;
  bottom:0;
  right:0;
  left:0;
  z-index:12
}
.solo-select {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.solo-select--left-icon {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-margin-end:8px;
  margin-inline-end:8px;
  color:#8c8c8c!important
}
.solo-select--left-icon svg {
  color:#8c8c8c!important
}
.solo-select--helper-text {
  color:#9b9b9b
}
.solo-select__chevron {
  -webkit-transition:all .3s ease!important;
  transition:all .3s ease!important;
  color:#666!important
}
.solo-select--indicator {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.solo-select__label--disabled {
  color:#9b9b9b
}
.solo-select:hover .solo-select__label {
  color:#666
}
.solo-select:hover .solo-select__label--disabled {
  color:#9b9b9b
}
.solo-select--large .solo-select__control {
  line-height:150%;
  font-size:1rem;
  font-weight:400;
  height:48px!important;
  min-height:48px!important;
  padding-right:12px!important;
  padding-left:16px!important;
  border-radius:8px
}
.solo-select--large .solo-select--left-icon svg {
  height:20px;
  width:20px
}
.solo-select--large .solo-select--helper-text {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  -webkit-margin-end:8px;
  margin-inline-end:8px
}
.solo-select--large .solo-select__chevron {
  height:16px;
  width:16px
}
.solo-select--large .solo-select__label {
  line-height:150%;
  font-size:1rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-select--large .solo-select__option {
  line-height:150%;
  font-size:1rem;
  font-weight:400;
  padding:12px 16px!important
}
.solo-select--medium .solo-select__control {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  height:40px!important;
  min-height:40px!important;
  padding-right:8px!important;
  padding-left:12px!important;
  border-radius:8px
}
.solo-select--medium .solo-select--left-icon svg {
  height:14px;
  width:14px
}
.solo-select--medium .solo-select--helper-text {
  font-size:.75rem;
  line-height:135%;
  font-weight:400;
  -webkit-margin-end:4px;
  margin-inline-end:4px
}
.solo-select--medium .solo-select__chevron {
  height:16px;
  width:16px
}
.solo-select--medium .solo-select__label {
  line-height:140%;
  font-size:.875rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-select--medium .solo-select__option {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  padding:10px 12px!important
}
.solo-select--small .solo-select__control {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  height:32px!important;
  min-height:32px!important;
  padding-right:8px!important;
  padding-left:8px!important;
  border-radius:6px
}
.solo-select--small .solo-select--left-icon svg {
  height:14px;
  width:14px
}
.solo-select--small .solo-select--helper-text {
  font-size:.75rem;
  line-height:135%;
  font-weight:400;
  -webkit-margin-end:4px;
  margin-inline-end:4px
}
.solo-select--small .solo-select__chevron {
  height:12px;
  width:12px
}
.solo-select--small .solo-select__label {
  font-size:.75rem;
  line-height:135%;
  font-weight:600;
  margin-bottom:4px
}
.solo-select--small .solo-select__option {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  padding:6px 8px!important
}
.solo-select__input--has-value .solo-select__control {
  background-color:#fff!important;
  border-color:#ddd!important
}
.solo-select__option {
  color:#212121!important;
  -webkit-transition:all .5s ease!important;
  transition:all .5s ease!important;
  display:-webkit-flex!important;
  display:-ms-flexbox!important;
  display:flex!important;
  -webkit-align-items:center!important;
  -ms-flex-align:center!important;
  align-items:center!important
}
.solo-select__option--is-focused {
  background-color:#f0f0f0!important
}
.solo-select__option--is-selected {
  background-color:#fff!important;
  color:#ff6000!important
}
.solo-select__option--is-selected .solo-select__option--left-icon {
  fill:#ff6000!important;
  color:#ff6000!important
}
.solo-select__option--label {
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex
}
.solo-select__option--left-icon {
  -webkit-margin-end:8px;
  margin-inline-end:8px
}
.solo-select__control {
  background-color:#fff!important;
  color:#212121!important;
  cursor:pointer;
  -webkit-transition:all .5s ease!important;
  transition:all .5s ease!important;
  border:2px solid #dadada!important
}
.solo-select__control--is-focused {
  background-color:#fff!important;
  -webkit-box-shadow:none!important;
  box-shadow:none!important;
  border-color:rgba(108,132,250,.2)!important;
  -webkit-transition:all .5s ease!important;
  transition:all .5s ease!important
}
.solo-select__control--is-focused .solo-select__chevron {
  -webkit-transform:rotate(180deg)!important;
  -ms-transform:rotate(180deg)!important;
  transform:rotate(180deg)!important
}
.solo-select__control--is-disabled {
  background-color:#f0f0f0!important;
  pointer-events:auto!important;
  cursor:not-allowed!important
}
.solo-select__control--is-disabled .solo-select__placeholder {
  color:#8c8c8c!important
}
.solo-select__control--is-disabled .solo-select__chevron {
  color:#9b9b9b!important
}
.solo-select__control:hover {
  background-color:#f5f5f5!important
}
.solo-select__value-container {
  overflow-x:auto!important;
  -webkit-flex-wrap:nowrap!important;
  -ms-flex-wrap:nowrap!important;
  flex-wrap:nowrap!important;
  padding:0!important;
  margin:0!important
}
.solo-select__value-container svg {
  display:none
}
.solo-select__indicators {
  height:100%!important;
  -webkit-margin-start:8px;
  margin-inline-start:8px
}
.solo-select__indicator {
  color:#9b9b9b!important;
  padding:0!important
}
.solo-select__dropdown-indicator,
.solo-select__clear-indicator {
  cursor:pointer
}
.solo-select__multi-value {
  border-radius:4px!important;
  min-width:90px!important
}
.solo-select__multi-value__remove svg {
  display:block;
  cursor:pointer
}
.solo-select__indicator-separator {
  opacity:0
}
.solo-select__menu {
  border-radius:8px!important;
  -webkit-box-shadow:0 4px 8px #00000029!important;
  box-shadow:0 4px 8px rgba(0,0,0,.16)!important;
  border:1px solid rgba(0,0,0,.08)!important
}
.solo-select__menu-list {
  padding-left:8px;
  padding-right:8px;
  padding-top:8px!important;
  padding-bottom:8px!important
}
.solo-select__placeholder {
  color:#8c8c8c!important
}
.solo-select-native {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.solo-select-native__label--disabled {
  color:#9b9b9b
}
.solo-select-native__container {
  position:relative
}
.solo-select-native__left-icon {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.solo-select-native__left-icon svg {
  color:#8c8c8c
}
.solo-select-native__left-icon--active {
  padding-left:40px!important
}
.solo-select-native__helper-text {
  position:absolute;
  color:#9b9b9b;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%)
}
.solo-select-native__input {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#fff!important;
  border:2px solid #dadada;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljk4NzUgMTEuMzMzNEM3LjY5MzI5IDExLjMzMzggNy40MTMzIDExLjIwNzggNy4yMTkwOCAxMC45ODc0TDIuODU4ODEgNi4wNDEwNkMyLjU2NzI2IDUuNjk0NjUgMi42MTI1OSA1LjE3NzkzIDIuOTYwMTQgNC44ODY5N0MzLjI5NjEyIDQuNjA1NzYgMy43OTQzMyA0LjYzNzcgNC4wOTEyIDQuOTU5MjZMNy45MDM5NSA5LjI4NDY2QzcuOTQ0MzkgOS4zMzA3OSA4LjAxNDYxIDkuMzM1MjMgOC4wNjA4MyA5LjI5NDg2TDExLjg4MzggNC45NTkyNkMxMi4xNzUzIDQuNjEyODYgMTIuNjkzMSA0LjU2NzYyIDEzLjA0MDIgNC44NTgxNEMxMy4zODczIDUuMTQ4NjUgMTMuNDMyNiA1LjY2NTgyIDEzLjE0MTUgNi4wMTIyM0w4Ljc1NzI1IDEwLjk4NTZDOC41NjI1OSAxMS4yMDY1IDguMjgyMTUgMTEuMzMyOSA3Ljk4NzUgMTEuMzMzNFoiIGZpbGw9IiM2NjY2NjYiLz4KPC9zdmc+Cg==);
  background-repeat:no-repeat;
  width:100%;
  color:#212121
}
.solo-select-native__input--placeholder {
  color:#8c8c8c
}
.solo-select-native__input:disabled,
.solo-select-native__input[disabled] {
  background-color:#f0f0f0!important;
  pointer-events:auto;
  cursor:not-allowed;
  opacity:1;
  color:#9b9b9b!important;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljk4NzUyIDExLjMzMzRDNy42OTMzMSAxMS4zMzM4IDcuNDEzMzIgMTEuMjA3OCA3LjIxOTEgMTAuOTg3NEwyLjg1ODgzIDYuMDQxMDZDMi41NjcyOCA1LjY5NDY1IDIuNjEyNjIgNS4xNzc5MyAyLjk2MDE2IDQuODg2OTdDMy4yOTYxNCA0LjYwNTc2IDMuNzk0MzUgNC42Mzc3IDQuMDkxMjIgNC45NTkyNkw3LjkwMzk3IDkuMjg0NjZDNy45NDQ0MSA5LjMzMDc5IDguMDE0NjMgOS4zMzUyMyA4LjA2MDg1IDkuMjk0ODZMMTEuODgzOCA0Ljk1OTI2QzEyLjE3NTQgNC42MTI4NiAxMi42OTMxIDQuNTY3NjIgMTMuMDQwMiA0Ljg1ODE0QzEzLjM4NzMgNS4xNDg2NSAxMy40MzI2IDUuNjY1ODIgMTMuMTQxNSA2LjAxMjIzTDguNzU3MjcgMTAuOTg1NkM4LjU2MjYxIDExLjIwNjUgOC4yODIxNyAxMS4zMzI5IDcuOTg3NTIgMTEuMzMzNFoiIGZpbGw9IiM5QjlCOUIiIC8+Cjwvc3ZnPgo=)
}
.solo-select-native__input:hover,
.solo-select-native__input:focus {
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.solo-select-native__input:hover {
  background-color:#f5f5f5!important
}
.solo-select-native__input:focus {
  background-color:#fff;
  border-color:rgba(108,132,250,.2)!important
}
.solo-select-native--large .solo-select-native__left-icon {
  padding-left:16px
}
.solo-select-native--large .solo-select-native__left-icon svg {
  height:20px;
  width:20px
}
.solo-select-native--large .solo-select-native__left-icon--active {
  padding-left:44px!important
}
.solo-select-native--large .solo-select-native__input {
  line-height:150%;
  font-size:1rem;
  font-weight:400;
  height:48px;
  padding-right:40px;
  padding-left:16px;
  background-position:calc(100% - 12px);
  border-radius:8px
}
.solo-select-native--large .solo-select-native__helper-text {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  right:36px
}
.solo-select-native--large .solo-select-native__label {
  line-height:150%;
  font-size:1rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-select-native--medium .solo-select-native__left-icon {
  padding-left:12px
}
.solo-select-native--medium .solo-select-native__left-icon svg {
  height:14px;
  width:14px
}
.solo-select-native--medium .solo-select-native__left-icon--active {
  padding-left:36px!important
}
.solo-select-native--medium .solo-select-native__input {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  height:40px;
  padding-right:32px;
  padding-left:12px;
  background-position:calc(100% - 8px);
  border-radius:8px
}
.solo-select-native--medium .solo-select-native__helper-text {
  font-size:.75rem;
  line-height:135%;
  font-weight:400;
  right:28px
}
.solo-select-native--medium .solo-select-native__label {
  line-height:140%;
  font-size:.875rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-select-native--small .solo-select-native__left-icon {
  padding-left:8px
}
.solo-select-native--small .solo-select-native__left-icon svg {
  height:14px;
  width:14px
}
.solo-select-native--small .solo-select-native__left-icon--active {
  padding-left:30px!important
}
.solo-select-native--small .solo-select-native__input {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  height:32px;
  padding-right:16px;
  padding-left:8px;
  background-position:calc(100% - 8px);
  background-size:12px;
  border-radius:6px
}
.solo-select-native--small .solo-select-native__helper-text {
  font-size:.75rem;
  line-height:135%;
  font-weight:400;
  right:24px
}
.solo-select-native--small .solo-select-native__label {
  font-size:.75rem;
  line-height:135%;
  font-weight:600;
  margin-bottom:4px
}
.solo-select-native:hover .solo-select-native__label {
  color:#666
}
.recommendation {
  width:100%;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
@media screen and (max-width: 599px) {
  .recommendation {
    overflow-x:hidden;
    padding-top:0;
    padding-left:0;
    padding-right:0
  }
  .recommendation h2,
  .recommendation h4 {
    margin-left:-16px!important;
    text-align:left
  }
}
.recommendation .slick-slider.slick-initialized>button {
  cursor:pointer;
  border:none
}
.order-detail {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.order-detail__header {
  margin-bottom:16px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.order-detail__header-row:not(:last-child) {
  margin-bottom:8px
}
.order-detail__cards {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%
}
.order-detail__cards__item {
  background-color:#fff;
  border-radius:8px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between
}
@media only screen and (min-width: 576px) {
  .order-detail__cards__item {
    border:1px solid #e5e5e5
  }
}
.order-detail__cards__item:not(:first-child) {
  margin-top:24px
}
.order-detail__order-hide-button {
  -webkit-align-self:flex-end;
  -ms-flex-item-align:end;
  align-self:flex-end;
  overflow:hidden;
  margin-bottom:16px
}
@media only screen and (max-width: 575px) {
  .order-detail__order-hide-button {
    position:absolute;
    top:-48px;
    min-width:32px!important;
    padding:0!important
  }
  .order-detail__order-hide-button span {
    display:none
  }
  .order-detail__order-hide-button .solo-button__icon--right {
    margin:0
  }
}
.delivery-address-modal {
  max-width:850px!important
}
.sales-contract-content {
  min-height:500px
}
.solo-notfound {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.solo-notfound__icon {
  margin-bottom:24px
}
.solo-notfound__title {
  font-size:22px;
  font-weight:600;
  text-align:center;
  color:#484848;
  margin-top:0;
  margin-bottom:0
}
.solo-notfound__content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  font-size:14px;
  line-height:2.13;
  text-align:center;
  color:#919191;
  margin-top:16px
}
.order-detail-legacy-refunds-message {
  margin-bottom:16px
}
.animated {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both
}
@-webkit-keyframes fadeOut {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
@keyframes fadeOut {
  0% {
    opacity:1
  }
  to {
    opacity:0
  }
}
.fadeOut {
  -webkit-animation-name:fadeOut;
  animation-name:fadeOut
}
.solo-notification {
  width:100%;
  min-height:50px;
  border-radius:8px;
  border:1px solid rgba(0,0,0,.08);
  background-color:#fff;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  padding:14px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
.solo-notification--only-text {
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.solo-notification--shadow {
  -webkit-box-shadow:0 4px 8px #00000014;
  box-shadow:0 4px 8px rgba(0,0,0,.08)
}
.solo-notification__icon {
  width:32px;
  height:32px;
  margin-right:16px;
  -webkit-align-self:flex-start;
  -ms-flex-item-align:start;
  align-self:flex-start
}
.solo-notification__icon svg {
  width:32px;
  height:32px
}
.solo-notification__content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.solo-notification__title {
  font-size:16px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.32px;
  color:#484848;
  margin-top:0;
  margin-bottom:0
}
.solo-notification__text {
  font-size:14px;
  line-height:1.5;
  letter-spacing:-.28px;
  color:#484848;
  margin-bottom:0
}
.solo-notification__text:first-line {
  line-height:initial
}
.solo-notification__title+.solo-notification__text,
.solo-notification__title+.solo-notification__list,
.solo-notification__text+.solo-notification__list {
  margin-top:16px
}
.solo-notification__close-button {
  background-color:transparent;
  border:none;
  position:relative;
  cursor:pointer;
  padding:0;
  height:28px;
  width:28px;
  border-radius:28px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  -webkit-align-self:flex-start;
  -ms-flex-item-align:start;
  align-self:flex-start
}
.solo-notification__close-button:hover,
.solo-notification__close-button:focus {
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  background-color:rgba(0,0,0,.08)
}
.solo-notification__list {
  padding-left:0;
  margin-top:0;
  margin-bottom:0;
  list-style:none
}
.solo-notification__list__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
.solo-notification__list__item:not(:first-child) {
  margin-top:8px
}
.solo-notification__list__icon {
  -webkit-flex:0 0 20px;
  -ms-flex:0 0 20px;
  flex:0 0 20px;
  color:#9b9b9b;
  margin-right:16px;
  margin-top:3px
}
.solo-notification__list__text {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  font-size:14px;
  line-height:1.5;
  letter-spacing:-.28px;
  color:#484848
}
.solo-notification-toast {
  position:fixed;
  padding:16px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.solo-notification-toast .notification {
  padding:16px
}
.solo-notification-toast .notification__title {
  margin-bottom:8px
}
.solo-notification-toast .notification__close {
  margin-top:-2px;
  margin-right:-8px;
  margin-left:24px
}
.solo-notification-toast--fullscreen {
  width:100%;
  left:0
}
.solo-notification-toast--top {
  top:0
}
.solo-notification-toast--top-left {
  left:0;
  top:0
}
.solo-notification-toast--top-right {
  right:0;
  top:0
}
.solo-notification-toast--top-center {
  margin-left:auto;
  margin-right:auto;
  top:0
}
.solo-notification-toast--bottom {
  bottom:0
}
.solo-notification-toast--bottom-right {
  right:10px;
  bottom:10px
}
.solo-notification-toast--bottom-left {
  left:0;
  bottom:0
}
.solo-notification-toast--bottom-center {
  margin-left:auto;
  margin-right:auto;
  bottom:0
}
.solo-notification-toast--center {
  margin:auto
}
.order-detail-cards {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.order-detail-cards__item-container {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  border:1px solid #e5e5e5;
  border-radius:8px;
  overflow:hidden
}
.order-detail-cards__item-container:not(:first-child) {
  margin-top:24px
}
@media only screen and (max-width: 575px) {
  .order-detail-cards__item-container {
    border:1px solid #dddddd
  }
}
.order-detail-cards__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  background-color:#fff;
  width:100%;
  min-height:118px
}
@media only screen and (max-width: 991px) {
  .order-detail-cards__item {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.order-detail-cards__column {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:50%
}
@media only screen and (max-width: 991px) {
  .order-detail-cards__column {
    width:100%
  }
}
@media only screen and (min-width: 992px) {
  .order-detail-cards__column {
    -webkit-flex:1;
    -ms-flex:1;
    flex:1
  }
}
.order-detail-cards__column--information {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
@media only screen and (max-width: 575px) {
  .order-detail-cards__column--information {
    display:block
  }
}
.order-detail-cards__column__item {
  width:100%
}
.order-detail-cards__column__item:not(:first-child) {
  margin-top:30px
}
.order-detail-cards__information {
  background-color:#f5f5f5;
  color:#7b7b7b;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  font-size:13px;
  padding:24px;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px
}
.order-detail-cards__information__state-bar {
  width:100%;
  margin-bottom:20px
}
.order-detail-cards__information__delivery-status {
  display:block;
  font-weight:600;
  margin-bottom:13px
}
.order-detail-cards__information__delivery-status--green {
  color:#393
}
.order-detail-cards__information__date {
  display:block;
  margin-bottom:13px
}
.order-detail-cards__information__list {
  list-style:none;
  margin-bottom:0;
  margin-top:20px;
  padding-left:0
}
.order-detail-cards__information__list li:not(:first-child) {
  margin-top:10px
}
.order-detail-cards__information__return-request-state {
  display:block;
  margin-top:20px;
  width:128px
}
.order-detail-cards__button-group {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  width:100%;
  margin-top:16px
}
@media only screen and (max-width: 575px) {
  .order-detail-cards__button-group {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.order-detail-cards__button-group button .hb-button__icon {
  margin-right:5px
}
@media only screen and (min-width: 576px) {
  .order-detail-cards__button-group button:not(:first-child) {
    margin-left:5px
  }
}
@media only screen and (max-width: 575px) {
  .order-detail-cards__button-group button:not(:first-child) {
    margin-top:5px
  }
}
@media only screen and (max-width: 575px) {
  .order-detail-cards__button-group button {
    margin-left:2px;
    margin-right:2px;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:inherit
  }
}
.lineitem-content {
  background-color:#f5f5f5;
  color:#7b7b7b;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  font-size:13px;
  position:relative
}
@media only screen and (max-width: 991px) {
  .lineitem-content {
    border-top-right-radius:0;
    border-bottom-left-radius:8px
  }
}
.lineitem-content .state-bar {
  padding:32px
}
.lineitem-content--variant-change {
  background-color:#f5f5f5
}
.lineitem-content--variant-change .lineitem-content__header__icon {
  background-color:#9b9b9b
}
.lineitem-content--undelivered .lineitem-content__header__icon {
  background-color:#ffa510
}
.lineitem-content--cancelled .lineitem-content__header__icon {
  background-color:#fa3f3f
}
.lineitem-content--transferred .lineitem-content__header__icon,
.lineitem-content--changed .lineitem-content__header__icon,
.lineitem-content--bundle-product .lineitem-content__header__icon {
  background-color:#6c84fa
}
.lineitem-content--online-purchased-placed {
  background-color:#f5f5f5
}
.lineitem-content--online-purchased-placed .lineitem-content__header__icon {
  background-color:#dbdbdb
}
.lineitem-content--donation {
  background-color:#eceffe
}
.lineitem-content--donation .lineitem-content__header__icon {
  background-color:#6c84fa
}
.lineitem-content__header {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.lineitem-content__header__icon {
  background-color:#484848;
  width:48px;
  height:48px;
  border-radius:50%;
  margin-right:12px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.lineitem-content__header__content .title {
  font-size:14px;
  color:#484848
}
.lineitem-content__header__content .date {
  color:#7b7b7b;
  font-size:12px;
  margin-top:8px
}
.lineitem-content .action-button-group {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  position:relative
}
.lineitem-content .action-button-group:empty .lineitem-content__buttons {
  border:1px solid red
}
.lineitem-content .action-button-group>span[aria-describedby] {
  white-space:nowrap;
  -webkit-flex:1 0 auto;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  text-align:left;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  width:50%;
  height:48px;
  text-decoration:none;
  margin-top:12px;
  -webkit-flex-grow:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
@media only screen and (max-width: 991px) {
  .lineitem-content .action-button-group>span[aria-describedby] {
    width:100%!important
  }
}
.lineitem-content .action-button-group>span[aria-describedby] a {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding:12px 16px;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex:inherit!important;
  -ms-flex:inherit!important;
  flex:inherit!important;
  margin-top:0!important;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%!important;
  height:100%!important;
  -webkit-justify-content:flex-start!important;
  -ms-flex-pack:start!important;
  justify-content:flex-start!important
}
.lineitem-content .action-button-group .action-button {
  -webkit-flex:1 0 auto;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  background-color:transparent;
  border:none;
  color:#484848;
  font-size:14px;
  margin-top:8px;
  text-align:left;
  cursor:pointer;
  display:inline;
  width:50%;
  text-decoration:none;
  -webkit-flex-grow:0;
  -ms-flex-positive:0;
  flex-grow:0;
  padding:12px 10px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  border-radius:8px;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.lineitem-content .action-button-group .action-button .action-button__cargo-tracking-icon {
  width:24px;
  height:24px;
  margin-right:8px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Crect x='1.25' y='6.0625' width='17.5' height='12.375' rx='1.5' stroke='%23484848' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' /%3E%3Cpath d='M18.5834 6.625L16.5834 2.23075C16.3824 1.82361 15.9334 1.56156 15.4384 1.5625H4.56258C4.06726 1.56126 3.61785 1.82336 3.41675 2.23075L1.41675 6.625' stroke='%23484848' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' /%3E%3Cpath d='M10 6.0625V1.5625' stroke='%23484848' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' /%3E%3Cpath d='M11.875 15.0625H15.625' stroke='%23484848' strokeWidth='1.5' strokeLinecap='round' strokeLinejoin='round' /%3E%3C/svg%3E")
}
.lineitem-content .action-button-group .action-button--disabled,
.lineitem-content .action-button-group .action-button:disabled {
  background-color:initial!important;
  color:#ccc;
  cursor:not-allowed
}
.lineitem-content .action-button-group .action-button--disabled svg path,
.lineitem-content .action-button-group .action-button:disabled svg path {
  stroke:#ccc
}
.lineitem-content .action-button-group .action-button:hover,
.lineitem-content .action-button-group .action-button:focus {
  background-color:#ddd
}
@media only screen and (max-width: 991px) {
  .lineitem-content .action-button-group .action-button {
    width:100%
  }
}
.lineitem-content .action-button-group .action-button--location {
  padding:12px 6px
}
.lineitem-content .action-button-group .action-button svg {
  width:24px;
  height:24px;
  vertical-align:middle;
  margin-right:8px
}
.lineitem-content .action-button-group--bordered {
  -webkit-box-shadow:inset 0 1px 0 0 #cccccc;
  box-shadow:inset 0 1px #ccc;
  margin-top:20px
}
.lineitem-content .action-button-group__info-text {
  font-size:12px;
  font-weight:400;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:-.24px;
  color:#484848;
  margin:15px 0 0
}
.lineitem-content .transferred-item-info,
.lineitem-content .changed-item-info,
.lineitem-content .bundle-product-info {
  margin-top:16px;
  color:#484848;
  line-height:18px;
  letter-spacing:-.24px
}
.lineitem-content .parcel-quantity-delivered-info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin-top:16px
}
.lineitem-content .parcel-quantity-delivered-info__icon {
  margin-top:2px;
  width:16px;
  height:16px;
  background-position:center;
  background-size:16px;
  padding-right:8px;
  background-repeat:no-repeat;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iIzQzOUU0QSIgZD0iTTggMGM0LjQxOCAwIDggMy41ODIgOCA4cy0zLjU4MiA4LTggOC04LTMuNTgyLTgtOCAzLjU4Mi04IDgtOHptMCAxQzQuMTM0IDEgMSA0LjEzNCAxIDhzMy4xMzQgNyA3IDcgNy0zLjEzNCA3LTctMy4xMzQtNy03LTd6bS0uNSA1LjVjLjU1MiAwIDEgLjQ0OCAxIDFWMTBjMCAuMjc2LjIyNC41LjUuNWguNWMuMjc2IDAgLjUuMjI0LjUuNXMtLjIyNC41LS41LjVIOWMtLjgyOCAwLTEuNS0uNjcyLTEuNS0xLjVWNy41SDdjLS4yNzYgMC0uNS0uMjI0LS41LS41cy4yMjQtLjUuNS0uNXpNNy43NSA0bC4wODIuMDA0Yy4zNzUuMDQxLjY2OC4zNi42NjguNzQ2IDAgLjQxNC0uMzM2Ljc1LS43NS43NVM3IDUuMTY0IDcgNC43NSA3LjMzNiA0IDcuNzUgNHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==)
}
.lineitem-content .parcel-quantity-delivered-info__text {
  font-size:12px;
  margin-left:7px;
  line-height:1.5;
  letter-spacing:-.24px;
  color:#439e4a
}
.lineitem-content__footer-content {
  margin-top:4px
}
.lineitem-content__undelivered-info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.lineitem-content__undelivered-counter {
  margin-top:8px;
  font-weight:600;
  font-size:11px;
  color:#ff6000;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
.lineitem-content__undelivered-counter svg {
  width:12px;
  height:12px;
  margin-right:4px
}
.cancel-line-item-button,
.create-demand-button {
  border:none;
  border-radius:4px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  cursor:pointer;
  height:32px;
  text-align:center;
  text-decoration:none;
  font-weight:600;
  font-size:13px;
  padding:5px 16px;
  background-color:#646464;
  color:#fff;
  line-height:22px
}
.cancel-line-item-button:disabled,
.cancel-line-item-button[disabled],
.create-demand-button:disabled,
.create-demand-button[disabled] {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:not-allowed;
  opacity:.5
}
.cancel-line-item-button {
  max-width:120px
}
@media only screen and (max-width: 575px) {
  .cancel-line-item-button {
    max-width:initial
  }
}
.create-demand-button {
  max-width:120px;
  margin-top:16px
}
@media only screen and (max-width: 575px) {
  .create-demand-button {
    max-width:initial;
    min-width:150px
  }
}
.create-demand-content__select-reason {
  width:100%;
  max-width:300px;
  margin-top:16px;
  margin-left:auto;
  margin-right:auto
}
.create-demand-content__select-reason .solo-select__menu {
  position:fixed;
  top:initial;
  width:300px;
  max-height:200px
}
.create-demand-content__select-reason .solo-select__menu-list {
  max-height:190px
}
.create-demand-content__success-screen-content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.create-demand-content__success-screen-button {
  width:100%;
  margin-top:50px;
  width:208px
}
@media only screen and (max-width: 575px) {
  .create-demand-content__success-screen-button {
    width:100%
  }
}
.create-demand-content__success-screen-button__link {
  height:48px;
  font-size:16px;
  background-color:#ff6000;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  color:#fff;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  border-radius:4px;
  text-decoration:none;
  font-weight:600
}
.cannot-be-cancelled-reason {
  margin-top:8px
}
.card-flow-info__parcel-quantity,
.card-flow-info__cargo-company,
.card-flow-info__click-and-collect,
.card-flow-info__transferred-item,
.card-flow-info__package-resendable,
.card-flow-info__changed-item,
.card-flow-info__bundle-product-item,
.card-flow-info__cashback-discounted,
.card-flow-info__claim-change-order-info,
.card-flow-info__bnpl-cancel-item,
.card-flow-info__disaster-cancel,
.card-flow-info__disaster-undelivered,
.card-flow-info__undelivered-demand,
.card-flow-info__wrong-price {
  line-height:18px
}
.card-flow-info__parcel-quantity__helper-text,
.card-flow-info__cargo-company__helper-text,
.card-flow-info__click-and-collect__helper-text,
.card-flow-info__transferred-item__helper-text,
.card-flow-info__package-resendable__helper-text,
.card-flow-info__changed-item__helper-text,
.card-flow-info__bundle-product-item__helper-text,
.card-flow-info__cashback-discounted__helper-text,
.card-flow-info__claim-change-order-info__helper-text,
.card-flow-info__bnpl-cancel-item__helper-text,
.card-flow-info__disaster-cancel__helper-text,
.card-flow-info__disaster-undelivered__helper-text,
.card-flow-info__undelivered-demand__helper-text,
.card-flow-info__wrong-price__helper-text {
  margin-top:16px
}
.card-flow-info__cashback-discounted a {
  color:inherit
}
.card-flow-info__claim-change-order-info,
.card-flow-info__bnpl-cancel-item,
.card-flow-info__undelivered-demand,
.card-flow-info__wrong-price {
  color:#484848
}
@-webkit-keyframes center-disc {
  0% {
    opacity:.5
  }
  33% {
    opacity:1
  }
}
@keyframes center-disc {
  0% {
    opacity:.5
  }
  33% {
    opacity:1
  }
}
@-webkit-keyframes inner-ring {
  0% {
    opacity:0
  }
  33% {
    opacity:0
  }
  66% {
    opacity:1
  }
  to {
    opacity:1
  }
}
@keyframes inner-ring {
  0% {
    opacity:0
  }
  33% {
    opacity:0
  }
  66% {
    opacity:1
  }
  to {
    opacity:1
  }
}
@-webkit-keyframes outer-ring {
  0% {
    opacity:0
  }
  66% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes outer-ring {
  0% {
    opacity:0
  }
  66% {
    opacity:0
  }
  to {
    opacity:1
  }
}
.live-tracking-icon #center-disc {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:center-disc;
  animation-name:center-disc;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease
}
.live-tracking-icon #inner-ring {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:inner-ring;
  animation-name:inner-ring;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease
}
.live-tracking-icon #outer-ring {
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:forwards;
  animation-fill-mode:forwards;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-animation-name:outer-ring;
  animation-name:outer-ring;
  -webkit-animation-timing-function:ease;
  animation-timing-function:ease
}
.estimated-date-info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:right;
  -ms-flex-align:right;
  align-items:right;
  padding-top:24px;
  font-size:12px;
  line-height:1.5;
  letter-spacing:-.22px;
  color:#646464
}
.estimated-date-info__info {
  width:16px;
  height:16px;
  background-position:center;
  background-size:16px;
  padding-right:8px;
  background-repeat:no-repeat;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADiElEQVRYCcVXPWhTURROXmKkGLK4mKZLQRA6CJEKcZDqIEoKUlE6mKGEJC7i4iZKB38KgmRxEdOkVIhDqVhKWwUHLR0sNJhBKAhCl6ZxcWkjwZgfv+96b3ipL3nJqzEXbu7NPed837nn/p1nt7VZ5ubmXIVC4Xy1Wr0Mk6FardaPlpVlx26376Dd1DRt0e12vx8fHy8JicmP3URum5mZOVapVCahFwKpx0yfcjiziybtcDjuh8Phb61smjqwsrJyOJ/P3wXpbdQjEjiLdgEEa06nM9fX18dZ24rFYn+5XPZB7yz+jqH1cxx6P1DjXq/3UTAY/Mmx/cXQAc4agK+hHJAG8wjtvUgk8mU/gNH/ZDJ5Akv1ELJrUr4Oh68YReMvBxKJxEkYLaMOoG7B8DoM1yVQRw0mEsBEXsJoEHUbWEFgfdaDNDggZ74BBZKvulyuqxMTE9/1Bp32Z2dnj5ZKpVewG0GlE6f1kag7wDXP5XIfoMSwr/r9/gvDw8O/0D9wyWQyh7LZ7DsA0Yl1n893Tu0JTaFzw6FP8i3O/F+RE59YxCQ2akByUWQTEZBH7St3O0J0pp01n56enoL9TdQH0Wj0CcHMitwTH3k6cESPcylEBHjO5VGbb4ecRNC/hcp74Y4ZsZJL7HlyybvFpvGGg0KISjxqStmsxSyeQqcAsGdmunq5jiNEbnsqlboIb94CMItQntIrd6uP5fsEx/1YhkuavNvJtdAtQgNcwUVuJ4RDVEAE1gwUDYcwg2XMIAjhNkJ6AzfkG0PFJoPkgj2lQxo64kXD7s810W81PIBZPG+lYCRTXOTmKRAOqIfFyGD/GPbKaCwWU5cYb82Oio5LOCCM9/b2FGBHYFaUFReWosYIiCcVYfFaAbNio7iwBHkNXggH+J5bAbNio7jIzQhsEgTeMJn4L0XHxRROW5SsYxbY87TBsRzt0FZwkVtjAolQ7MIrPzOZToBg94L6sF1CIlODI0tm9uQgFznJrcnsNU1DmUaZYdTlHo9nEkCPMSAiURe06Og40uS2/By34Ggqavoc813GTOK0ZA7HNKopikUBMWV+yGs/Tk5C8RSIwtQZHSafg8zhmEb9kRz8l1gyLxwkh+QSwA23Xy+S0noE6I4MC4/UNuoIvN7gulFmpdCWGLBVGTHT8oYvpYYIKBIZid58mCgnevppppxgy2j05ONU7wT73fo8/w2LF/TR6IxunQAAAABJRU5ErkJggg==)
}
.parcel-quantity-delivered-info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:16px
}
.parcel-quantity-delivered-info__icon {
  width:16px;
  height:16px;
  background-position:center;
  background-size:16px;
  padding-right:8px;
  background-repeat:no-repeat;
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADiElEQVRYCcVXPWhTURROXmKkGLK4mKZLQRA6CJEKcZDqIEoKUlE6mKGEJC7i4iZKB38KgmRxEdOkVIhDqVhKWwUHLR0sNJhBKAhCl6ZxcWkjwZgfv+96b3ipL3nJqzEXbu7NPed837nn/p1nt7VZ5ubmXIVC4Xy1Wr0Mk6FardaPlpVlx26376Dd1DRt0e12vx8fHy8JicmP3URum5mZOVapVCahFwKpx0yfcjiziybtcDjuh8Phb61smjqwsrJyOJ/P3wXpbdQjEjiLdgEEa06nM9fX18dZ24rFYn+5XPZB7yz+jqH1cxx6P1DjXq/3UTAY/Mmx/cXQAc4agK+hHJAG8wjtvUgk8mU/gNH/ZDJ5Akv1ELJrUr4Oh68YReMvBxKJxEkYLaMOoG7B8DoM1yVQRw0mEsBEXsJoEHUbWEFgfdaDNDggZ74BBZKvulyuqxMTE9/1Bp32Z2dnj5ZKpVewG0GlE6f1kag7wDXP5XIfoMSwr/r9/gvDw8O/0D9wyWQyh7LZ7DsA0Yl1n893Tu0JTaFzw6FP8i3O/F+RE59YxCQ2akByUWQTEZBH7St3O0J0pp01n56enoL9TdQH0Wj0CcHMitwTH3k6cESPcylEBHjO5VGbb4ecRNC/hcp74Y4ZsZJL7HlyybvFpvGGg0KISjxqStmsxSyeQqcAsGdmunq5jiNEbnsqlboIb94CMItQntIrd6uP5fsEx/1YhkuavNvJtdAtQgNcwUVuJ4RDVEAE1gwUDYcwg2XMIAjhNkJ6AzfkG0PFJoPkgj2lQxo64kXD7s810W81PIBZPG+lYCRTXOTmKRAOqIfFyGD/GPbKaCwWU5cYb82Oio5LOCCM9/b2FGBHYFaUFReWosYIiCcVYfFaAbNio7iwBHkNXggH+J5bAbNio7jIzQhsEgTeMJn4L0XHxRROW5SsYxbY87TBsRzt0FZwkVtjAolQ7MIrPzOZToBg94L6sF1CIlODI0tm9uQgFznJrcnsNU1DmUaZYdTlHo9nEkCPMSAiURe06Og40uS2/By34Ggqavoc813GTOK0ZA7HNKopikUBMWV+yGs/Tk5C8RSIwtQZHSafg8zhmEb9kRz8l1gyLxwkh+QSwA23Xy+S0noE6I4MC4/UNuoIvN7gulFmpdCWGLBVGTHT8oYvpYYIKBIZid58mCgnevppppxgy2j05ONU7wT73fo8/w2LF/TR6IxunQAAAABJRU5ErkJggg==)
}
.parcel-quantity-delivered-info__text {
  font-size:14px;
  line-height:1.5;
  letter-spacing:-.24px;
  color:#646464
}
.state-bar {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.state-bar__stuck-in-transit {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
.state-bar__step {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.state-bar__step:not(:first-child) {
  margin-top:5px
}
.state-bar__step--approved .state-bar__step__dot .dot {
  width:16px;
  height:16px;
  background-color:#6c84fa;
  background-position:center;
  background-size:9px;
  background-repeat:no-repeat;
  background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48bWFzayBpZD0ibWFzazQzMmYzMmZncmdlcXFzbGxsbCIgbWFzay10eXBlPSJhbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMiIgeT0iNCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjE2Ij48cGF0aCBkPSJNMjEuMzcxOSA4LjAwNjk4QzIxLjc3MjYgNy42MzA3MyAyMiA3LjEwNDkgMjIgNi41NTQ0OEMyMiA2LjAwNDA2IDIxLjc3MjYgNS40NzgyMiAyMS4zNzE5IDUuMTAxOThDMjAuNTE5NyA0LjI5OTM0IDE5LjE5MiA0LjI5OTM0IDE4LjMzOTggNS4xMDE5OEw4LjU5MDIzIDE0LjQ0NDVMNS42NjAzNiAxMS42MzQ1QzQuODA4MTkgMTAuODMxOCAzLjQ4MDQ0IDEwLjgzMTggMi42MjgyNyAxMS42MzQ1QzIuMjI3NDMgMTIuMDExMiAyIDEyLjUzNzQgMiAxMy4wODgyQzIgMTMuNjM5IDIuMjI3NDMgMTQuMTY1MyAyLjYyODI3IDE0LjU0Mkw3LjE4MTQgMTguOTA0NUM4LjAzMzU3IDE5LjcwNzEgOS4zNjEzMiAxOS43MDcxIDEwLjIxMzUgMTguOTA0NUwyMS4zNzE5IDguMDA2OThaIiBmaWxsPSJ3aGl0ZSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI21hc2s0MzJmMzJmZ3JnZXFxc2xsbGwpIj48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNmZmYiLz48L2c+PG1hc2sgaWQ9Im1hc2sxIiBtYXNrLXR5cGU9ImFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIyIiB5PSIzIiB3aWR0aD0iMjAiIGhlaWdodD0iMTciPjxwYXRoIGQ9Ik0yMS4zNzMyIDYuOTczOTRMMTAuNjU0IDE4LjYxMjNDMTAuNTQ5NCAxOC44NzMzIDEwLjM5OTkgMTkuMTEyNCAxMC4yMTI2IDE5LjMxODNDOS44MjEwNCAxOS43NTMgOS4yNzE4MiAyMCA4LjY5NjY2IDIwQzguMTIxNDkgMjAgNy41NzIyOCAxOS43NTMgNy4xODA3MyAxOS4zMTgzTDIuNjI3NjUgMTQuMzc1NUMxLjc5MDc4IDEzLjQ0NzkgMS43OTA3OCAxMi4wMTA4IDIuNjI3NjUgMTEuMDgzM0MzLjAxOTM1IDEwLjY0ODUgMy41Njg3MiAxMC40MDE1IDQuMTQ0MDIgMTAuNDAxNUM0LjcxOTMyIDEwLjQwMTUgNS4yNjg2OSAxMC42NDg1IDUuNjYwMzkgMTEuMDgzM0w4LjU5MDcxIDE0LjI2NTJMMTguMzM4NyAzLjY4MTc0QzE4LjczMDQgMy4yNDY5OCAxOS4yNzk4IDMgMTkuODU1MSAzQzIwLjQzMDQgMyAyMC45Nzk4IDMuMjQ2OTggMjEuMzcxNSAzLjY4MTc0QzIyLjIwODggNC42MDg4MSAyMi4yMDk2IDYuMDQ1OTEgMjEuMzczMiA2Ljk3Mzk0VjYuOTczOTRaIiBmaWxsPSJ3aGl0ZSIvPjwvbWFzaz48ZyBtYXNrPSJ1cmwoI21hc2sxKSI+PC9nPjwvc3ZnPg==);
  margin-right:16px;
  margin-left:-4.5px
}
.state-bar__step--approved .state-bar__step__dot .title {
  color:#484848
}
.state-bar__step--approved .state-bar__step__band .line {
  margin-right:22px
}
.state-bar__step--approved .state-bar__step__band .line__bg {
  background-color:#6c84fa
}
.state-bar__step--approved .state-bar__step__band .line__bg .dot {
  display:inherit
}
.state-bar__step--inprogress .state-bar__step__dot .dot {
  background-color:#7b7b7b
}
.state-bar__step--inprogress .state-bar__step__dot .title {
  color:#484848
}
.state-bar__step__dot,
.state-bar__step__band {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.state-bar__step__dot {
  position:relative
}
.state-bar__step__dot .date {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  position:absolute;
  top:18px;
  left:28px
}
@media only screen and (max-width: 575px) {
  .state-bar__step__dot .date {
    -webkit-order:1;
    -ms-flex-order:1;
    order:1
  }
}
.state-bar__step__dot .date__title,
.state-bar__step__dot .date__text {
  color:#484848
}
.state-bar__step__dot .date__title {
  font-weight:600;
  font-size:12px
}
.state-bar__step__dot .date__text {
  font-size:12px;
  margin:0 2px
}
.state-bar__step__dot .dot {
  background-color:#ccc;
  border-radius:50%;
  width:7px;
  height:7px;
  margin-right:20px
}
.state-bar__step__dot .title {
  font-weight:600;
  color:#484848;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.state-bar__step__dot .title__state {
  width:100%;
  margin-right:10px;
  font-size:14px
}
.state-bar__step__dot .title__description {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  font-size:12px;
  color:#484848;
  font-weight:400
}
.state-bar__step__dot .title__description .btytDelivery {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  position:relative
}
.state-bar__step__dot .title__description .btytDelivery:before {
  background-image:url(https://images.hepsiburada.net/oms/assets/naboo/2980/assets/hb-cargo-0e5f1412.svg);
  background-size:46px 33px;
  background-repeat:no-repeat;
  width:46px;
  height:33px;
  content:" ";
  position:absolute;
  left:0;
  top:0;
  margin-top:-5px;
  margin-left:-60px
}
.state-bar__step__band {
  -webkit-align-items:stretch;
  -ms-flex-align:stretch;
  align-items:stretch;
  margin-top:5px
}
.state-bar__step__band .line {
  background-color:#ccc;
  width:2px;
  border-radius:1.5px;
  margin-right:23px;
  margin-left:2.5px;
  min-height:20px
}
.state-bar__step__band .line__bg {
  width:2px;
  position:relative;
  border-radius:1.5px
}
.state-bar__step__band .line__bg .dot {
  display:none;
  background-color:#536ff9;
  width:9px;
  height:9px;
  border-radius:50%;
  left:0;
  bottom:0;
  margin-left:-6px;
  position:absolute;
  -webkit-animation-name:shadowAnimated;
  animation-name:shadowAnimated;
  -webkit-animation-duration:3s;
  animation-duration:3s;
  -webkit-animation-iteration-count:infinite;
  animation-iteration-count:infinite;
  -webkit-transform-style:preserve-3d;
  transform-style:preserve-3d;
  -webkit-box-sizing:content-box;
  box-sizing:content-box;
  border:3px solid #fff
}
.state-bar__step__band .line__bg .dot:after {
  content:"";
  position:absolute;
  left:0;
  margin-left:-1px;
  top:100%;
  margin-top:2px;
  width:0;
  height:0;
  border-left:5.5px solid transparent;
  border-right:5.5px solid transparent;
  border-top:9px solid #6c84fa;
  clear:both;
  -webkit-transform:translateZ(-1px);
  transform:translateZ(-1px)
}
@-webkit-keyframes shadowAnimated {
  0% {
    -webkit-box-shadow:0 0 4px #90a2fb;
    box-shadow:0 0 4px #90a2fb
  }
  25% {
    -webkit-box-shadow:0 0 4px 4px rgba(108,132,250,.3);
    box-shadow:0 0 4px 4px rgba(108,132,250,.3)
  }
  50% {
    -webkit-box-shadow:0 0 4px 4px rgba(108,132,250,.3);
    box-shadow:0 0 4px 4px rgba(108,132,250,.3)
  }
  to {
    -webkit-box-shadow:0px 0px 4px #90a2fb;
    box-shadow:0 0 4px #90a2fb
  }
}
@keyframes shadowAnimated {
  0% {
    -webkit-box-shadow:0 0 4px #90a2fb;
    box-shadow:0 0 4px #90a2fb
  }
  25% {
    -webkit-box-shadow:0 0 4px 4px rgba(108,132,250,.3);
    box-shadow:0 0 4px 4px rgba(108,132,250,.3)
  }
  50% {
    -webkit-box-shadow:0 0 4px 4px rgba(108,132,250,.3);
    box-shadow:0 0 4px 4px rgba(108,132,250,.3)
  }
  to {
    -webkit-box-shadow:0px 0px 4px #90a2fb;
    box-shadow:0 0 4px #90a2fb
  }
}
.state-bar__step__band .content {
  font-size:12px;
  margin-top:20px;
  margin-bottom:24px;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.state-bar__step__band .content span {
  line-height:18px
}
.state-bar__step__band .content ul.refunds {
  list-style:none;
  padding-left:0;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding-top:0;
  margin-top:0;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-bottom:20px
}
.state-bar__step__band .content ul.refunds li {
  color:#484848;
  line-height:18px
}
.state-bar__step__band .content ul.refunds li:not(:first-child) {
  margin-top:16px
}
.state-bar__step__band .content ul.refunds li b {
  color:#484848
}
.state-bar__step__band .content .cc-verify-token {
  display:block;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.24px;
  color:#6c84fa
}
.state-bar__step__band .content .action-button-group {
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-flex-wrap:initial;
  -ms-flex-wrap:initial;
  flex-wrap:initial;
  max-width:240px;
  width:100%;
  background-color:rgba(0,0,0,.05);
  border-radius:8px;
  margin-top:8px
}
.state-bar__step__band .content .action-button-group .action-button {
  width:100%;
  padding:8px 10px;
  margin:0;
  font-size:12px
}
.state-bar__step__band .content .action-button-group .action-button:hover {
  background-color:#ddd
}
.state-bar__step__band .content .action-button-group .action-button--cargo-tracking {
  background-color:#ff6000;
  -webkit-flex:1 0 auto;
  -ms-flex:1 0 auto;
  flex:1 0 auto;
  height:48px;
  color:#fff;
  font-size:14px;
  font-weight:600;
  border-radius:8px
}
.state-bar__step__band .content .action-button-group .action-button--cargo-tracking:focus,
.state-bar__step__band .content .action-button-group .action-button--cargo-tracking:hover {
  background-color:#ff6000
}
.state-bar__step__band .content .action-button-group .action-button--cargo-tracking .action-button__cargo-tracking-icon {
  background-image:url("data:image/svg+xml, %3Csvg width='25' height='24' viewBox='0 0 25 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5 20.9L17.45 15.95C18.4289 14.971 19.0955 13.7237 19.3656 12.3659C19.6356 11.008 19.4969 9.60058 18.9671 8.32154C18.4373 7.0425 17.54 5.94929 16.3889 5.18015C15.2378 4.41101 13.8844 4.00049 12.5 4.00049C11.1156 4.00049 9.76222 4.41101 8.61109 5.18015C7.45996 5.94929 6.56275 7.0425 6.03292 8.32154C5.50308 9.60058 5.36442 11.008 5.63445 12.3659C5.90449 13.7237 6.57111 14.971 7.55 15.95L12.5 20.9ZM12.5 23.728L6.136 17.364C4.87734 16.1053 4.02019 14.5017 3.67293 12.7558C3.32567 11.01 3.50391 9.20041 4.1851 7.55588C4.86629 5.91136 6.01984 4.50575 7.49988 3.51683C8.97992 2.5279 10.72 2.00006 12.5 2.00006C14.28 2.00006 16.0201 2.5279 17.5001 3.51683C18.9802 4.50575 20.1337 5.91136 20.8149 7.55588C21.4961 9.20041 21.6743 11.01 21.3271 12.7558C20.9798 14.5017 20.1227 16.1053 18.864 17.364L12.5 23.728ZM12.5 13C13.0304 13 13.5391 12.7893 13.9142 12.4142C14.2893 12.0391 14.5 11.5304 14.5 11C14.5 10.4696 14.2893 9.96084 13.9142 9.58577C13.5391 9.2107 13.0304 8.99998 12.5 8.99998C11.9696 8.99998 11.4609 9.2107 11.0858 9.58577C10.7107 9.96084 10.5 10.4696 10.5 11C10.5 11.5304 10.7107 12.0391 11.0858 12.4142C11.4609 12.7893 11.9696 13 12.5 13ZM12.5 15C11.4391 15 10.4217 14.5786 9.67158 13.8284C8.92143 13.0783 8.5 12.0608 8.5 11C8.5 9.93912 8.92143 8.9217 9.67158 8.17156C10.4217 7.42141 11.4391 6.99998 12.5 6.99998C13.5609 6.99998 14.5783 7.42141 15.3284 8.17156C16.0786 8.9217 16.5 9.93912 16.5 11C16.5 12.0608 16.0786 13.0783 15.3284 13.8284C14.5783 14.5786 13.5609 15 12.5 15Z' fill='white' /%3E%3C/svg%3E");
  width:24px;
  height:24px;
  margin-right:8px
}
.state-bar__step__band .content .custom-content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.state-bar__step__band .content .custom-content .action-button-group {
  max-width:120px;
  margin-bottom:8px;
  width:100%;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-flex-wrap:initial;
  -ms-flex-wrap:initial;
  flex-wrap:initial
}
@media only screen and (max-width: 575px) {
  .state-bar__step__band .content .custom-content .action-button-group {
    margin-bottom:20px;
    max-width:inherit
  }
}
.state-bar__step__band .content .custom-content__other {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .state-bar__step__band .content .custom-content__other {
    padding-bottom:20px;
    width:100%
  }
}
.state-bar__step__band .content .custom-content__other--bubble {
  background-color:#fff;
  border-radius:16px;
  padding:8px 16px;
  display:inline-block;
  color:#484848
}
.state-bar__step__band .content .tablo-list {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  max-width:300px;
  width:100%
}
.state-bar__step__band .content .tablo-list__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  font-size:12px
}
@media only screen and (max-width: 575px) {
  .state-bar__step__band .content .tablo-list__item {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start
  }
  .state-bar__step__band .content .tablo-list__item__name {
    margin-bottom:8px
  }
}
.state-bar__step__band .content .tablo-list__item:not(:first-child) {
  margin-top:16px
}
.state-bar__step__band .content .tablo-list__item__name {
  margin-right:8px
}
.state-bar__step__band .content .tablo-list__item__content {
  color:#484848
}
.state-bar__step__band .content .cargo-company-name {
  display:block;
  margin-bottom:12px
}
.state-bar__step__band .content .cargo-company-name img {
  -o-object-fit:contain;
  object-fit:contain;
  -o-object-position:left top;
  object-position:left top;
  max-height:34px
}
.state-message-box {
  border:1px solid #DADADA;
  padding:8px;
  background-color:#fff;
  border-radius:8px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  display:inline-block;
  line-height:16px
}
.stuck-in-transit {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%
}
.stuck-in-transit__action-managament {
  text-align:center
}
.stuck-in-transit__actions {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  margin-top:28px;
  width:100%;
  margin-bottom:28px
}
@media only screen and (max-width: 575px) {
  .stuck-in-transit__actions {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.stuck-in-transit__action {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border:1px #DADADA solid;
  padding:16px;
  border-radius:8px
}
.stuck-in-transit__action:first-child {
  margin-right:16px
}
@media only screen and (max-width: 575px) {
  .stuck-in-transit__action {
    width:100%
  }
  .stuck-in-transit__action:first-child {
    margin-right:0;
    margin-bottom:12px
  }
}
.stuck-in-transit__action span {
  margin-left:12px;
  font-size:14px
}
.stuck-in-transit__button {
  max-width:300px;
  width:100%;
  -webkit-align-self:center;
  -ms-flex-item-align:center;
  align-self:center
}
@media only screen and (max-width: 575px) {
  .stuck-in-transit__button {
    max-width:unset
  }
}
.lineitem-content .state-message-box {
  margin-bottom:8px;
  color:#212121
}
.lineitem-content--delivered {
  background-color:#f7fdf7
}
.lineitem-content--delivered .lineitem-content__header__icon {
  /*! background-color:#5ad363 */
}
.lineitem-content--delivered .lineitem-content__header__content .date {
  color:#439e4a
}
.lineitem-content--undelivered .lineitem-content__header__icon {
  background-color:#f5a83f
}
.lineitem-content--undelivered .lineitem-content__body .undelivered-reason {
  display:block;
  margin-bottom:20px;
  margin-top:20px;
  color:#484848;
  line-height:18px
}
.lineitem-content--returned .lineitem-content__header__icon {
  background-color:#5ad363
}
.lineitem-content--online-purchased {
  background-color:#f7fdf7
}
.lineitem-content--online-purchased .lineitem-content__header__icon {
  background-color:#5ad363
}
.lineitem-content__header {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:24px 24px 0
}
.lineitem-content__header__icon {
  width:48px;
  height:48px;
  border-radius:50%;
  margin-right:12px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.lineitem-content__header__icon svg {
  width:24px;
  height:24px
}
.lineitem-content__header__content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  text-align: left;
}
.lineitem-content__header__content .title {
  font-size:15px;
  color:#484848;
  text-align: left;
  font-weight: 600;
}
.lineitem-content__header__content .date {
  color:#7b7b7b;
  font-size:13px;
  margin-top:8px;
  margin-bottom:4px
}
.lineitem-content__buttons {
  padding:12px 24px 24px;
  margin-top:12px;
  border-top:1px solid #DADADA
}
.lineitem-content__buttons:has(.action-button-group:empty),
.lineitem-content__buttons:empty {
  border:none
}
.lineitem-content__body {
  padding-left:84px;
  padding-right:24px
}
.lineitem-content__body .state-message-box {
  width:100%
}
.lineitem-content__body .refunds {
  list-style:none;
  padding-left:0;
  margin-bottom:0;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.lineitem-content__body .refunds li {
  color:#484848;
  line-height:18px
}
.lineitem-content__body .refunds li:not(:first-child) {
  margin-top:16px
}
.lineitem-content__body .refunds li b {
  color:#484848
}
.live-tracking {
  min-height:500px;
  border:0
}
.cargo-tracking-modal__go-back {
  -webkit-align-self:flex-start;
  -ms-flex-item-align:start;
  align-self:flex-start;
  background:transparent;
  margin-bottom:12px
}
.cargo-tracking-modal .solo-modal__header {
  margin-bottom:12px
}
.empty-state-cargo-tracking-with-url__modal {
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.empty-state-cargo-tracking-with-url__content {
  text-align:center
}
.empty-state-cargo-tracking-with-url__content__close-button {
  width:100%
}
.empty-state-cargo-tracking-with-url__content__buttons {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  margin-top:32px
}
@media only screen and (max-width: 575px) {
  .empty-state-cargo-tracking-with-url__content__buttons {
    margin-top:24px;
    -webkit-flex-direction:column-reverse;
    -ms-flex-direction:column-reverse;
    flex-direction:column-reverse
  }
}
.empty-state-cargo-tracking-with-url__content__buttons--ask-to-seller-shown .ask-to-seller {
  width:calc(50% - 8px)
}
@media only screen and (max-width: 575px) {
  .empty-state-cargo-tracking-with-url__content__buttons--ask-to-seller-shown .ask-to-seller {
    width:100%;
    margin-top:16px
  }
}
.empty-state-cargo-tracking-with-url__content__buttons--ask-to-seller-shown .empty-state-cargo-tracking-with-url__content__close-button {
  width:calc(50% - 8px);
  -webkit-transition:width 0ms;
  transition:width 0ms
}
@media only screen and (min-width: 576px) {
  .empty-state-cargo-tracking-with-url__content__buttons--ask-to-seller-shown .empty-state-cargo-tracking-with-url__content__close-button {
    margin-left:16px
  }
}
@media only screen and (max-width: 575px) {
  .empty-state-cargo-tracking-with-url__content__buttons--ask-to-seller-shown .empty-state-cargo-tracking-with-url__content__close-button {
    width:100%
  }
}
.line-cancel-demand-modal {
  max-width:730px!important
}
.solo-dialog-box,
.solo-dialog-box__container {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%
}
.solo-dialog-box__icon {
  margin-bottom:16px
}
.solo-dialog-box__title {
  font-size:28px;
  font-weight:600;
  line-height:1.29;
  letter-spacing:.33px;
  text-align:center;
  color:#484848;
  margin-top:0;
  margin-bottom:0
}
.solo-dialog-box__description {
  font-size:14px;
  line-height:1.71;
  letter-spacing:-.32px;
  text-align:center;
  color:#7b7b7b;
  margin-top:8px;
  margin-bottom:0
}
.solo-dialog-box__content {
  font-size:14px;
  color:#484848;
  width:100%;
  line-height:1.71;
  letter-spacing:-.32px;
  margin-top:16px
}
.solo-dialog-box__actions {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:100%;
  margin-top:24px
}
.solo-dialog-box__actions *:not(:first-child) {
  margin:0 3px 3px 16px
}
.solo-dialog-box__actions *:first-child {
  margin:0 0 3px 3px
}
.digital-codes {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.digital-codes__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border:1px solid #e5e5e5;
  padding:16px;
  border-radius:4px
}
.digital-codes__item:not(:first-child) {
  margin-top:12px
}
.digital-codes__item__icon {
  -webkit-flex:0 0 22px;
  -ms-flex:0 0 22px;
  flex:0 0 22px;
  width:22px;
  height:22px;
  color:#919191;
  margin-right:16px
}
.digital-codes__item__code {
  font-weight:600;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  color:#484848;
  white-space:nowrap;
  overflow:hidden;
  font-size:14px;
  text-overflow:ellipsis;
  background-color:transparent;
  border:none
}
.digital-codes__item__copy-to-clipboard-button {
  margin-left:16px;
  width:36px;
  min-width:initial;
  -webkit-flex:0 0 36px;
  -ms-flex:0 0 36px;
  flex:0 0 36px
}
.digital-codes__item__copy-to-clipboard-button>svg {
  width:16px;
  height:16px
}
.cancel-demand-modal {
  max-width:730px!important
}
.question-and-claim-modal .solo-modal__header {
  display:none
}
.question-and-claim-modal .solo-modal__content {
  max-height:unset!important
}
.leave-to-neighbour-form {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.leave-to-neighbour-form__title {
  color:#484848;
  margin-bottom:8px;
  margin-top:0;
  font-size:28px;
  line-height:40px;
  font-weight:600
}
.leave-to-neighbour-form__description {
  color:#919191;
  font-size:16px;
  line-height:24px;
  letter-spacing:.3px;
  margin-top:0;
  margin-bottom:0
}
.leave-to-neighbour-form__address {
  margin-top:24px
}
.leave-to-neighbour-form__address__title {
  color:#7b7b7b;
  font-weight:600;
  font-size:14px;
  line-height:24px;
  margin-top:0;
  margin-bottom:4px;
  margin-left:8px
}
.leave-to-neighbour-form__address__info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:12px;
  border-radius:8px;
  border:1px solid #e5e5e5;
  font-size:12px
}
.leave-to-neighbour-form__address__info__name {
  font-weight:600;
  margin-bottom:8px
}
.leave-to-neighbour-form__address__info__detail {
  margin:0
}
.leave-to-neighbour-form__entry {
  margin-top:24px
}
.leave-to-neighbour-form__form-groups {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  margin-bottom:28px
}
.leave-to-neighbour-form__form-groups>*:not(:first-child) {
  margin-top:16px
}
.leave-to-neighbour-form__form-group .solo-input {
  width:100%
}
.leave-to-neighbour-form__sticky-action {
  padding-left:0;
  padding-right:0
}
.leave-to-neighbour-form__sticky-action .solo-button {
  width:100%
}
.solo-form-group {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  width:100%
}
.solo-form-group__label {
  margin-bottom:8px;
  padding-left:8px
}
.solo-label {
  line-height:1.5;
  color:#484848;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:16px;
  letter-spacing:-.32px
}
.solo-label--size-large {
  font-size:18px;
  letter-spacing:-.45px
}
.solo-label--size-large .solo-label__type-label {
  font-size:16px;
  letter-spacing:-.32px
}
.solo-label--size-small {
  font-size:14px;
  letter-spacing:-.28px
}
.solo-label--size-small .solo-label__type-label {
  font-size:12px;
  letter-spacing:-.21px
}
.solo-label--size-tiny {
  font-size:12px;
  letter-spacing:-.24px
}
.solo-label--size-tiny .solo-label__type-label {
  font-size:10px;
  letter-spacing:-.21px
}
.solo-label--type-error {
  color:#fa3f3f
}
.solo-label__type-label {
  font-size:14px;
  letter-spacing:-.25px
}
.solo-textfield {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.solo-textfield--size-large .solo-textfield__left-icon {
  left:12px;
  width:20px;
  height:20px
}
.solo-textfield--size-large .solo-textfield__input {
  line-height:150%;
  font-size:1rem;
  font-weight:400;
  height:48px;
  padding-left:12px;
  padding-right:12px;
  border-radius:8px
}
.solo-textfield--size-large .solo-textfield__input--left-icon-active {
  padding-left:40px
}
.solo-textfield--size-large .solo-textfield__label {
  line-height:150%;
  font-size:1rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-textfield--size-large .solo-textfield__error-message {
  margin-top:8px
}
.solo-textfield--size-large .solo-textfield__error-message-icon,
.solo-textfield--size-large .solo-textfield__password-icon,
.solo-textfield--size-large .solo-textfield__clear-icon {
  right:12px
}
.solo-textfield--size-large .solo-textfield__password-icon {
  height:20px;
  width:20px
}
.solo-textfield--size-large .solo-textfield__clear-icon {
  height:12px;
  width:12px
}
.solo-textfield--size-medium .solo-textfield__left-icon {
  left:12px;
  width:16px;
  height:16px
}
.solo-textfield--size-medium .solo-textfield__input {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  height:40px;
  padding-left:12px;
  padding-right:12px;
  border-radius:8px
}
.solo-textfield--size-medium .solo-textfield__input--left-icon-active {
  padding-left:36px
}
.solo-textfield--size-medium .solo-textfield__label {
  line-height:140%;
  font-size:.875rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-textfield--size-medium .solo-textfield__error-message {
  margin-top:8px
}
.solo-textfield--size-medium .solo-textfield__error-message-icon,
.solo-textfield--size-medium .solo-textfield__password-icon,
.solo-textfield--size-medium .solo-textfield__clear-icon {
  right:12px
}
.solo-textfield--size-medium .solo-textfield__password-icon {
  height:16px;
  width:16px
}
.solo-textfield--size-medium .solo-textfield__clear-icon {
  height:12px;
  width:12px
}
.solo-textfield--size-small .solo-textfield__left-icon {
  left:8px;
  width:14px;
  height:14px
}
.solo-textfield--size-small .solo-textfield__input {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  height:32px;
  padding-left:8px;
  padding-right:8px;
  border-radius:6px
}
.solo-textfield--size-small .solo-textfield__input--left-icon-active {
  padding-left:30px
}
.solo-textfield--size-small .solo-textfield__label {
  font-size:.75rem;
  line-height:135%;
  font-weight:600;
  margin-bottom:4px
}
.solo-textfield--size-small .solo-textfield__error-message {
  margin-top:4px
}
.solo-textfield--size-small .solo-textfield__error-message-icon,
.solo-textfield--size-small .solo-textfield__password-icon,
.solo-textfield--size-small .solo-textfield__clear-icon {
  right:8px
}
.solo-textfield--size-small .solo-textfield__password-icon {
  height:16px;
  width:16px
}
.solo-textfield--size-small .solo-textfield__clear-icon {
  height:12px;
  width:12px
}
.solo-textfield--error .solo-textfield__label {
  color:#fa0000!important
}
.solo-textfield--error .solo-textfield__input {
  background-color:#ffe5e5!important
}
.solo-textfield--error .solo-textfield__left-icon {
  color:#fa0000!important
}
.solo-textfield--disabled .solo-textfield__label {
  color:#9b9b9b!important
}
.solo-textfield--disabled .solo-textfield__left-icon {
  color:#9b9b9b
}
.solo-textfield:hover .solo-textfield__label {
  color:#666
}
.solo-textfield:hover .solo-textfield__input:not(:disabled) {
  background-color:#f5f5f5;
  color:#8c8c8c
}
.solo-textfield:focus-within .solo-textfield__label {
  color:#ff6000
}
.solo-textfield:focus-within .solo-textfield__left-icon {
  color:#ff6000
}
.solo-textfield__label {
  color:#212121
}
.solo-textfield__container {
  position:relative
}
.solo-textfield__left-icon {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  color:#8c8c8c
}
.solo-textfield__input {
  background-color:#fff;
  color:#212121;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:2px solid #dadada;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  background-clip:padding-box
}
.solo-textfield__input::-webkit-input-placeholder {
  color:#8c8c8c
}
.solo-textfield__input::-moz-placeholder {
  color:#8c8c8c
}
.solo-textfield__input:-ms-input-placeholder {
  color:#8c8c8c
}
.solo-textfield__input::-ms-input-placeholder {
  color:#8c8c8c
}
.solo-textfield__input::placeholder {
  color:#8c8c8c
}
.solo-textfield__input:valid,
.solo-textfield__input:not(:empty) {
  border-color:#dadada;
  color:#212121
}
.solo-textfield__input:hover,
.solo-textfield__input:focus {
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.solo-textfield__input:focus {
  border-color:#ff6000
}
.solo-textfield__input:disabled,
.solo-textfield__input[disabled] {
  cursor:not-allowed;
  background-color:#f0f0f0;
  color:#9b9b9b
}
.solo-textfield__input[aria-invalid=true] {
  border-color:#fa0000;
  color:#fa0000
}
.solo-textfield__error-message {
  font-size:.75rem;
  line-height:135%;
  font-weight:400;
  color:#fa0000;
  margin-bottom:0
}
.solo-textfield__error-message-icon {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  color:#fa0000
}
.solo-textfield__password-icon {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  color:#8c8c8c;
  cursor:pointer
}
.solo-textfield__clear-icon {
  position:absolute;
  top:50%;
  -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform:translateY(-50%);
  color:#8c8c8c;
  cursor:pointer;
  background-color:#fff
}
.solo-textarea {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.solo-textarea--size-large .solo-textarea__label {
  line-height:150%;
  font-size:1rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-textarea--size-large .solo-textarea__input {
  line-height:150%;
  font-size:1rem;
  font-weight:400;
  padding:12px 16px;
  border-radius:8px
}
.solo-textarea--size-medium .solo-textarea__label {
  line-height:140%;
  font-size:.875rem;
  font-weight:600;
  margin-bottom:8px
}
.solo-textarea--size-medium .solo-textarea__input {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  padding:12px;
  border-radius:8px
}
.solo-textarea--size-small .solo-textarea__label {
  font-size:.75rem;
  line-height:135%;
  font-weight:600;
  margin-bottom:4px
}
.solo-textarea--size-small .solo-textarea__input {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  padding:8px;
  border-radius:6px
}
.solo-textarea--error .solo-textarea__label {
  color:#fa0000!important
}
.solo-textarea--error .solo-textarea__input {
  background-color:#ffe5e5!important
}
.solo-textarea--disabled .solo-textarea__label {
  color:#9b9b9b!important
}
.solo-textarea:hover .solo-textarea__label {
  color:#666
}
.solo-textarea:hover .solo-textarea__input:not(:disabled) {
  background-color:#f5f5f5;
  color:#8c8c8c
}
.solo-textarea:focus-within .solo-textarea__label {
  color:#ff6000
}
.solo-textarea__label {
  color:#212121
}
.solo-textarea__input {
  background-color:#fff;
  color:#212121;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:2px solid #dadada;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  resize:vertical;
  min-height:80px;
  width:100%;
  background-clip:padding-box
}
.solo-textarea__input::-webkit-input-placeholder {
  color:#9b9b9b
}
.solo-textarea__input::-moz-placeholder {
  color:#9b9b9b
}
.solo-textarea__input:-ms-input-placeholder {
  color:#9b9b9b
}
.solo-textarea__input::-ms-input-placeholder {
  color:#9b9b9b
}
.solo-textarea__input::placeholder {
  color:#9b9b9b
}
.solo-textarea__input--valid,
.solo-textarea__input:not(:empty) {
  background-color:#fff;
  border-color:#dadada;
  color:#212121
}
.solo-textarea__input:hover,
.solo-textarea__input:focus {
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.solo-textarea__input:focus {
  border-color:#ff6000
}
.solo-textarea__input:disabled,
.solo-textarea__input[disabled] {
  cursor:not-allowed;
  background-color:#f5f5f5;
  color:#9b9b9b
}
.solo-textarea__input[aria-invalid=true] {
  border-color:#fa0000;
  color:#bf0000
}
.change-delivery-date__title {
  color:#666;
  font-size:16px
}
.change-delivery-date__failed-state {
  text-align:center;
  width:100%;
  margin-right:auto;
  margin-left:auto
}
.change-delivery-date__buttons {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  padding-bottom:16px;
  margin-top:16px
}
@media only screen and (max-width: 575px) {
  .change-delivery-date__buttons {
    overflow-x:scroll;
    overflow-y:hidden;
    white-space:nowrap;
    display:block
  }
}
.change-delivery-date__loading {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.change-delivery-date__option-button {
  width:94px;
  height:74px;
  background:transparent;
  border:1px solid #F0F0F0;
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,.08);
  box-shadow:0 1px 2px rgba(0,0,0,.08);
  border-radius:8px;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-right:8px
}
.change-delivery-date__option-button:last-child {
  margin-right:0
}
.change-delivery-date__option-button--active {
  border:2px solid #6B83FA
}
.change-delivery-date__option-button-date {
  font-weight:600;
  font-size:16px
}
.change-delivery-date__option-button-day {
  font-size:12px;
  color:#666;
  margin-top:8px
}
.change-delivery-date__submit-button {
  margin-top:32px;
  width:100%;
  max-width:256px;
  margin-right:auto;
  margin-left:auto
}
@media only screen and (max-width: 575px) {
  .change-delivery-date__submit-button {
    max-width:unset
  }
}
.refunds {
  list-style:none;
  padding-left:0;
  margin-bottom:0;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.refunds li {
  color:#484848;
  line-height:18px
}
.refunds li:not(:first-child) {
  margin-top:16px
}
.refunds li b {
  color:#484848
}
@-webkit-keyframes fadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
@keyframes fadeIn {
  0% {
    opacity:0
  }
  to {
    opacity:1
  }
}
.refunds__wallet-button {
  margin-top:16px
}
.refunds__wallet-button a {
  color:#ff6000;
  font-weight:600;
  font-size:14px;
  text-decoration:none;
  margin-top:16px
}
.refunds__gift-card-button {
  margin-top:16px;
  max-width:150px
}
.refund-messages {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
.refund-messages__refund-info,
.refund-messages__dummy-bnpl-message {
  color:#484848;
  line-height:18px;
  margin-top:8px
}
.refund-messages__refund-info {
  margin-bottom:8px
}
.wallet-button {
  margin-top:16px;
  color:#484848;
  line-height:18px
}
.wallet-button__button-container {
  margin-top:16px
}
.wallet-button a {
  color:#ff6000;
  font-weight:600;
  font-size:14px;
  text-decoration:none;
  margin-top:16px
}
.address-change-in-transit-info {
  font-style:normal;
  font-weight:400;
  font-size:12px;
  line-height:16px;
  color:rgba(0,0,0,.6)
}
.address-change-in-transit-info__button {
  font-weight:700;
  color:#6b83fa;
  border:none;
  background:none;
  cursor:pointer;
  padding:0
}
.address-change-in-transit-new-address {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.address-change-in-transit-new-address__title {
  font-weight:600;
  font-size:24px;
  line-height:32px;
  margin-bottom:32px;
  color:rgba(0,0,0,.87)
}
.address-change-in-transit-new-address__subtitle {
  font-weight:700;
  font-size:11px;
  line-height:16px;
  letter-spacing:1.5px;
  color:rgba(0,0,0,.38);
  text-transform:uppercase;
  margin-bottom:8px
}
.address-change-in-transit-new-address__divider {
  border:1px solid #DADADA;
  margin:16px 0
}
.address-change-in-transit-new-address__receiver-info-container {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.address-change-in-transit-new-address__receiver-info {
  font-size:16px;
  line-height:24px
}
.address-change-in-transit-new-address__receiver-info:not(:first-of-type) {
  margin-top:10px
}
.address-change-in-transit-new-address__address {
  font-size:14px;
  line-height:20px
}
.address-change-in-transit-new-address__close-button {
  margin-top:32px
}
.variant-change-message {
  margin-top:16px
}
.line-item-content-footer {
  border-top:1px solid #DADADA;
  padding:12px 24px 24px
}
@media only screen and (max-width: 992px) {
  .line-item-content-footer .action-button {
    min-width:154px!important;
    width:unset!important;
    -webkit-flex:1!important;
    -ms-flex:1!important;
    flex:1!important;
    font-size:12px!important
  }
  .line-item-content-footer .action-button svg {
    width:20px!important;
    height:20px!important;
    margin-right:10px!important
  }
}
.resend-package {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  background:rgba(0,0,0,.05);
  border-radius:8px;
  margin-top:8px;
  overflow:hidden;
  max-width:2
}
.resend-package__button {
  width:100%;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  height:40px;
  padding:0 18px
}
.resend-package__button svg {
  margin-right:8px;
  width:18px;
  height:18px
}
.resend-package-button {
  width:100%!important
}
.resend-package-button--type-refund {
  border-bottom:1px solid #DADADA!important
}
.resend-package-button--type-resend {
  display:-webkit-inline-flex!important;
  display:-ms-inline-flexbox!important;
  display:inline-flex!important;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.resend-package-button__counter {
  border:1px solid #FF6000;
  height:16px;
  background:#FFEFE5;
  border-radius:16px;
  color:#ff6000;
  font-size:11px;
  width:110px;
  font-weight:700;
  padding:0 2px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-left:5px
}
@media only screen and (max-width: 319px) {
  .resend-package-button__counter {
    margin-left:40px;
    margin-top:2px
  }
}
.resend-dialog-box__address {
  color:#ff6000
}
.solution-center-button {
  margin-top:12px
}
.products-additional-info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-top:auto;
  position:absolute;
  top:20px;
  right:20px
}
.products-additional-info__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.products-additional-info__item:not(:first-child) {
  margin-top:12px
}
@media only screen and (max-width: 575px) {
  .products-additional-info {
    top:12px;
    right:12px
  }
}
.jet-delivery-text {
  color:#ff6000
}
.jet-delivery-text__icon {
  margin-right:4px;
  width:24px;
  height:24px
}
.jet-delivery-text__text {
  font-size:12px;
  font-weight:600;
  line-height:1.33;
  letter-spacing:-.13px
}
.my-coupon-button {
  margin-top:16px;
  width:100px
}
.my-coupon-button__button {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  width:148px;
  height:40px;
  font-size:12px;
  color:#212121;
  background:rgba(0,0,0,.05);
  border-radius:8px;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  padding:0 16px
}
.my-coupon-button__button svg {
  margin-right:8px;
  width:20px;
  height:20px
}
.card-products {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  padding:16px
}
.card-products__item {
  width:100%
}
.card-products__item:not(:first-child) {
  margin-top:30px
}
.product-card {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.product-card i {
  font-style:normal
}
.product-card__image {
  position:relative;
  height:64px;
  width:64px
}
.product-card__image img {
  display:block;
  width:100%
}
.product-card__content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-left:16px;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.product-card__content div:not(:first-child) {
  margin-top:8px
}
.product-card__content__customized-container {
  font-size:11px;
  line-height:1.5;
  letter-spacing:-.22px;
  color:#646464;
  margin-top:4px!important
}
.product-card__content__customized-container__title {
  font-weight:600
}
.product-card__content__title {
  color:#484848;
  font-size:12px;
  line-height:1.5;
  letter-spacing:-.24px
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .product-card__content__title {
    white-space:pre-wrap;
    word-break:break-all
  }
}
.product-card__content__title _:-ms-fullscreen,
:root .product-card__content__title {
  white-space:pre-wrap;
  word-break:break-all
}
.product-card__content__title a {
  color:#484848;
  text-decoration:none
}
.product-card__content__title a:hover,
.product-card__content__title a:focus {
  text-decoration:none
}
.product-card__content__merchant span,
.product-card__content__merchant a {
  font-size:12px
}
.product-card__content__merchant span {
  color:#484848
}
.product-card__content__merchant a {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  color:#6c84fa;
  font-weight:600;
  text-decoration:none
}
.product-card__content__price {
  font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  color:#439e4a;
  font-size:15px;
  font-weight:600
}
.product-card__content__gift-box {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  font-size:12px;
  font-weight:600;
  color:#666
}
.product-card__content__gift-box svg {
  margin-right:6px
}
.product-card__content__gift-box-note {
  height:26px;
  width:110px;
  border:2px solid #FF6000;
  background:none;
  margin-top:8px
}
.product-card__content__peace-of-mind {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.product-card__content__peace-of-mind-info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  margin-left:6px;
  margin-top:0!important
}
.product-card__content__peace-of-mind-info svg {
  height:12px;
  width:12px
}
.product-card__content__merchant-content {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex
}
.product-card__changed-price {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  margin-top:6px;
  margin-bottom:6px
}
.product-card__changed-price__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.product-card__changed-price__item:not(:first-child) {
  margin-top:4px
}
.product-card__changed-price__item__variant {
  font-size:11px;
  font-weight:500;
  letter-spacing:-.21px;
  color:#919191
}
.product-card__changed-price__item span {
  font-size:12px;
  font-weight:500;
  letter-spacing:-.21px;
  color:#646464
}
.product-card__changed-price__item span:first-child {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  max-width:130px;
  width:100%
}
.product-card__changed-price__item span:first-child:after {
  content:":";
  margin-left:auto;
  -webkit-align-self:flex-end;
  -ms-flex-item-align:end;
  align-self:flex-end
}
.product-card__changed-price__item span:last-child {
  margin-left:4px;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:left
}
.product-card__changed-price__new-price {
  color:#6c84fa!important
}
.product-card__changed-order-lines {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-flex:1 0 100%;
  -ms-flex:1 0 100%;
  flex:1 0 100%;
  margin-top:10px;
  margin-left:-8px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.product-card__changed-order-lines__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
.product-card__changed-order-lines__item:not(:first-child) {
  margin-top:8px
}
.product-card__changed-order-lines__icon {
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDE2IDE2Ij4gICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4gICAgICAgIDxwYXRoIGZpbGw9IiM2Qzg0RkEiIGQ9Ik04IDBjNC40MTggMCA4IDMuNTgyIDggOHMtMy41ODIgOC04IDgtOC0zLjU4Mi04LTggMy41ODItOCA4LTh6bTAgMUM0LjEzNCAxIDEgNC4xMzQgMSA4czMuMTM0IDcgNyA3IDctMy4xMzQgNy03LTMuMTM0LTctNy03em0tLjUgNS41Yy41NTIgMCAxIC40NDggMSAxVjEwYzAgLjI3Ni4yMjQuNS41LjVoLjVjLjI3NiAwIC41LjIyNC41LjVzLS4yMjQuNS0uNS41SDljLS44MjggMC0xLjUtLjY3Mi0xLjUtMS41VjcuNUg3Yy0uMjc2IDAtLjUtLjIyNC0uNS0uNXMuMjI0LS41LjUtLjV6TTcuNzUgNGwuMDgyLjAwNGMuMzc1LjA0MS42NjguMzYuNjY4Ljc0NiAwIC40MTQtLjMzNi43NS0uNzUuNzVTNyA1LjE2NCA3IDQuNzUgNy4zMzYgNCA3Ljc1IDR6Ii8+ICAgIDwvZz48L3N2Zz4=);
  width:16px;
  height:16px;
  margin-right:8px
}
.product-card__changed-order-lines__text {
  font-size:12px;
  line-height:1.33;
  letter-spacing:-.21px;
  color:#6c84fa;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.solo-badge {
  text-align:center;
  width:-webkit-fit-content;
  width:-moz-fit-content;
  width:fit-content;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border:2px solid;
  border-radius:16px
}
.solo-badge__icon--left {
  margin-right:4px
}
.solo-badge__icon--right {
  margin-left:4px
}
.solo-badge--size-small {
  padding:0 6px;
  height:16px;
  font-size:.75rem;
  line-height:135%;
  font-weight:700
}
.solo-badge--size-small svg {
  height:10px;
  width:10px
}
.solo-badge--size-large {
  padding:0 10px;
  height:24px;
  line-height:140%;
  font-size:.875rem;
  font-weight:600
}
.solo-badge--size-large svg {
  height:16px;
  width:16px
}
.solo-badge--size-icon-only {
  padding:0 4px;
  height:24px
}
.solo-badge--size-small,
.solo-badge--size-large,
.solo-badge--size-icon-only {
  color:#fff;
  border-color:#fff
}
.solo-badge--size-small.solo-badge--variant-primary,
.solo-badge--size-large.solo-badge--variant-primary,
.solo-badge--size-icon-only.solo-badge--variant-primary {
  background-color:#ff6000
}
.solo-badge--size-small.solo-badge--variant-primary-light,
.solo-badge--size-large.solo-badge--variant-primary-light,
.solo-badge--size-icon-only.solo-badge--variant-primary-light {
  background-color:#ffefe5;
  color:#ff6000
}
.solo-badge--size-small.solo-badge--variant-primary-light-outlined,
.solo-badge--size-large.solo-badge--variant-primary-light-outlined,
.solo-badge--size-icon-only.solo-badge--variant-primary-light-outlined {
  background-color:#ffefe5;
  border:1px solid #ff6000;
  color:#ff6000
}
.solo-badge--size-small.solo-badge--variant-secondary,
.solo-badge--size-large.solo-badge--variant-secondary,
.solo-badge--size-icon-only.solo-badge--variant-secondary {
  background-color:#6b83fa
}
.solo-badge--size-small.solo-badge--variant-secondary-light,
.solo-badge--size-large.solo-badge--variant-secondary-light,
.solo-badge--size-icon-only.solo-badge--variant-secondary-light {
  background-color:#f0f2ff;
  color:#5365bf
}
.solo-badge--size-small.solo-badge--variant-success,
.solo-badge--size-large.solo-badge--variant-success,
.solo-badge--size-icon-only.solo-badge--variant-success {
  background-color:#008a09
}
.solo-badge--size-small.solo-badge--variant-success-light,
.solo-badge--size-large.solo-badge--variant-success-light,
.solo-badge--size-icon-only.solo-badge--variant-success-light {
  background-color:#e5ffe7;
  color:#006907
}
.solo-badge--size-small.solo-badge--variant-danger,
.solo-badge--size-large.solo-badge--variant-danger,
.solo-badge--size-icon-only.solo-badge--variant-danger {
  background-color:#fa0000
}
.solo-badge--size-small.solo-badge--variant-danger-light,
.solo-badge--size-large.solo-badge--variant-danger-light,
.solo-badge--size-icon-only.solo-badge--variant-danger-light {
  background-color:#ffe5e5;
  color:#fa0000
}
.solo-badge--size-small.solo-badge--variant-mustard,
.solo-badge--size-large.solo-badge--variant-mustard,
.solo-badge--size-icon-only.solo-badge--variant-mustard {
  background-color:#b38900
}
.solo-badge--size-small.solo-badge--variant-mustard-light,
.solo-badge--size-large.solo-badge--variant-mustard-light,
.solo-badge--size-icon-only.solo-badge--variant-mustard-light {
  background-color:#fff9e5;
  color:#b38900
}
.solo-badge--size-small.solo-badge--variant-purple,
.solo-badge--size-large.solo-badge--variant-purple,
.solo-badge--size-icon-only.solo-badge--variant-purple {
  background-color:#7622e5
}
.solo-badge--size-small.solo-badge--variant-purple-light,
.solo-badge--size-large.solo-badge--variant-purple-light,
.solo-badge--size-icon-only.solo-badge--variant-purple-light {
  background-color:rgba(118,34,229,.12);
  color:#7622e5
}
.solo-badge--size-small.solo-badge--variant-ghost,
.solo-badge--size-large.solo-badge--variant-ghost,
.solo-badge--size-icon-only.solo-badge--variant-ghost {
  background-color:#fff;
  border:1px solid #dadada;
  color:#212121
}
.solo-badge--size-small.solo-badge--variant-light,
.solo-badge--size-large.solo-badge--variant-light,
.solo-badge--size-icon-only.solo-badge--variant-light {
  background-color:#fff;
  border-color:#f0f0f0;
  color:#666
}
.solo-badge--size-small.solo-badge--variant-dark,
.solo-badge--size-large.solo-badge--variant-dark,
.solo-badge--size-icon-only.solo-badge--variant-dark {
  background-color:#f0f0f0;
  color:#212121
}
.solo-tooltip__description {
  line-height:140%;
  font-size:.875rem;
  font-weight:400
}
.solo-popper {
  z-index:2
}
.solo-popper--hidden {
  z-index:-1
}
.solo-popper--hidden .solo-popper__arrow,
.solo-popper--hidden .solo-popper__container {
  opacity:0;
  visibility:hidden
}
.solo-popper__content {
  line-height:140%;
  font-size:.875rem;
  font-weight:400;
  margin-top:8px
}
.solo-popper__content--no-header {
  margin-top:0
}
.solo-popper__container {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:8px;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.solo-popper__header {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.solo-popper__title {
  line-height:140%;
  font-size:.875rem;
  font-weight:600;
  margin:0
}
.solo-popper__close-button {
  cursor:pointer;
  background:transparent;
  border:none;
  padding:0
}
.solo-popper__arrow {
  position:absolute;
  width:12px;
  height:12px
}
.solo-popper__arrow:after {
  content:" ";
  position:absolute;
  -webkit-transform:rotate(45deg);
  -ms-transform:rotate(45deg);
  transform:rotate(45deg);
  width:12px;
  height:12px
}
.solo-popper[data-popper-placement^=top] .solo-popper__arrow {
  bottom:-6px
}
.solo-popper[data-popper-placement^=bottom] .solo-popper__arrow {
  top:-6px
}
.solo-popper[data-popper-placement^=left] .solo-popper__arrow {
  right:-6px
}
.solo-popper[data-popper-placement^=right] .solo-popper__arrow {
  left:-6px
}
.solo-popper--variant-default .solo-popper__container {
  background-color:#fff;
  padding:8px 12px;
  -webkit-box-shadow:0 4px 4px #00000040;
  box-shadow:0 4px 4px rgba(0,0,0,.25);
  border:1px solid #dadada
}
.solo-popper--variant-default .solo-popper__close-button {
  color:#666
}
.solo-popper--variant-default .solo-popper__arrow:after {
  background-color:#fff
}
.solo-popper--variant-default[data-popper-placement^=top] .solo-popper__arrow:after {
  border-right:1px solid #dadada;
  border-bottom:1px solid #dadada
}
.solo-popper--variant-default[data-popper-placement^=bottom] .solo-popper__arrow:after {
  border-top:1px solid #dadada;
  border-left:1px solid #dadada
}
.solo-popper--variant-default[data-popper-placement^=left] .solo-popper__arrow:after {
  border-top:1px solid #dadada;
  border-right:1px solid #dadada
}
.solo-popper--variant-default[data-popper-placement^=right] .solo-popper__arrow:after {
  border-bottom:1px solid #dadada;
  border-left:1px solid #dadada
}
.solo-popper--variant-tooltip .solo-popper__container {
  background-color:#212121;
  color:#fff;
  padding:8px 12px
}
.solo-popper--variant-tooltip .solo-popper__content {
  max-width:200px
}
.solo-popper--variant-tooltip .solo-popper__close-button {
  color:#fff
}
.solo-popper--variant-tooltip .solo-popper__arrow:after {
  background-color:#212121
}
.solo-popper--variant-tooltip[data-popper-placement^=top] .solo-popper__arrow:after {
  border-right:1px solid #212121;
  border-bottom:1px solid #212121
}
.solo-popper--variant-tooltip[data-popper-placement^=bottom] .solo-popper__arrow:after {
  border-top:1px solid #212121;
  border-left:1px solid #212121
}
.solo-popper--variant-tooltip[data-popper-placement^=left] .solo-popper__arrow:after {
  border-top:1px solid #212121;
  border-right:1px solid #212121
}
.solo-popper--variant-tooltip[data-popper-placement^=right] .solo-popper__arrow:after {
  border-bottom:1px solid #212121;
  border-left:1px solid #212121
}
.solo-popper--variant-hint .solo-popper__container {
  background-color:#6b83fa;
  color:#fff;
  padding:12px 16px 16px
}
.solo-popper--variant-hint .solo-popper__content {
  max-width:200px
}
.solo-popper--variant-hint .solo-popper__title {
  margin-top:4px
}
.solo-popper--variant-hint .solo-popper__close-button {
  color:#fff
}
.solo-popper--variant-hint .solo-popper__arrow:after {
  background-color:#6b83fa
}
.solo-popper--variant-hint[data-popper-placement^=top] .solo-popper__arrow:after {
  border-right:1px solid #6b83fa;
  border-bottom:1px solid #6b83fa
}
.solo-popper--variant-hint[data-popper-placement^=bottom] .solo-popper__arrow:after {
  border-top:1px solid #6b83fa;
  border-left:1px solid #6b83fa
}
.solo-popper--variant-hint[data-popper-placement^=left] .solo-popper__arrow:after {
  border-top:1px solid #6b83fa;
  border-right:1px solid #6b83fa
}
.solo-popper--variant-hint[data-popper-placement^=right] .solo-popper__arrow {
  left:-6px
}
.solo-popper--variant-hint[data-popper-placement^=right] .solo-popper__arrow:after {
  border-bottom:1px solid #6b83fa;
  border-left:1px solid #6b83fa
}
.gift-note {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.gift-note svg {
  width:40px;
  height:40px
}
.gift-note__title {
  font-size:28px;
  font-weight:600;
  margin-top:8px;
  color:#484848
}
.gift-note__text {
  margin-top:8px;
  text-align:center;
  font-size:16px;
  color:#666;
  font-weight:400
}
.gift-note__close-button {
  margin-top:32px;
  width:100%
}
.product-card-children__buttons {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  margin-bottom:8px
}
.product-card-children__buttons div {
  margin-top:0
}
.product-card-children__lowest-price {
  font-size:11px;
  color:#008a09;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  min-height:12px;
  margin-bottom:8px
}
.product-card-children__lowest-price svg {
  margin-right:4px;
  height:12px
}
.product-card-children__lowest-price span {
  line-height:12px
}
.product-card-children__item {
  margin-top:8px!important;
  margin-right:8px
}
.product-card-children__add-to-cart {
  /*! height:28px; */
  position:relative
}
.product-card-children__add-to-cart--lowest-price {
  background:#008A09;
  border-radius:100%;
  width:14px;
  height:14px;
  position:absolute;
  top:-5px;
  right:-5px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.product-card-children__add-to-cart--lowest-price svg {
  width:10px;
  height:7px
}
.product-card-children__add-to-cart--lowest-price svg path {
  stroke:#fff
}
.product-card-children__service-setups {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  background-color:#fff9e5;
  padding:0 14px;
  border-radius:8px;
  position:relative
}
.product-card-children__service-setups__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  text-decoration:none;
  cursor:pointer
}
.product-card-children__service-setups__item .product-card-children__service-setups__icon {
  width:16px;
  -webkit-flex:0 0 16px;
  -ms-flex:0 0 16px;
  flex:0 0 16px;
  margin-right:8px;
  color:#b38900;
  margin-top:4px
}
.product-card-children__service-setups__item .product-card-children__service-setups__text {
  font-size:11px;
  line-height:2;
  letter-spacing:-.24px;
  color:#876700
}
.product-card-children__service-setups__chevron-right {
  width:8px;
  position:absolute;
  top:calc(50% - 7px);
  right:6px;
  color:#876700
}
.product-info {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  background-color:#fff9e5;
  padding:0 12px;
  border-radius:8px;
  position:relative;
  width:100%;
  margin-bottom:8px
}
.product-info--warning {
  background-color:rgba(247,114,0,.2)
}
.product-info--warning .product-info__icon,
.product-info--warning .product-info__content,
.product-info--warning .product-info__chevron-right {
  color:#f77200
}
.product-info--error {
  background-color:rgba(250,63,63,.2)
}
.product-info--error .product-info__icon,
.product-info--error .product-info__content,
.product-info--error .product-info__chevron-right {
  color:#fa3f3f
}
.product-info--info {
  background-color:rgba(108,132,250,.2)
}
.product-info--info .product-info__icon,
.product-info--info .product-info__content,
.product-info--info .product-info__chevron-right {
  color:#6c84fa
}
.product-info--success {
  background-color:rgba(67,158,74,.2)
}
.product-info--success .product-info__icon,
.product-info--success .product-info__content,
.product-info--success .product-info__chevron-right {
  color:#6c84fa
}
.product-info__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  text-decoration:none;
  cursor:pointer
}
.product-info__item .product-info__icon {
  width:16px;
  -webkit-flex:0 0 12px;
  -ms-flex:0 0 12px;
  flex:0 0 12px;
  margin-right:8px;
  margin-top:4px
}
.product-info__item .product-info__content {
  font-size:11px;
  line-height:2;
  letter-spacing:-.24px
}
.product-info__chevron-right {
  width:8px;
  position:absolute;
  top:calc(50% - 7px);
  right:6px;
  color:#876700
}
.additional-product {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.additional-product__image-container {
  border:1px solid #dddddd;
  width:28px;
  height:28px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  overflow:hidden;
  border-radius:20px;
  min-width:28px
}
.additional-product__product-name {
  font-weight:400;
  font-size:10px;
  color:#919191;
  margin-left:8px
}
.additional-product__product-name--highlite {
  color:#ff6000;
  font-weight:600
}
.ask-to-seller-summary {
  margin-bottom:8px
}
.child-product {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start
}
.child-product__image-container {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin:0
}
.child-product__image {
  width:28px;
  height:28px;
  border-radius:20px;
  border:1px solid #dddddd;
  overflow:hidden;
  background-color:#f5f5f5;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  margin-top:0!important
}
.child-product__image:not(:first-child) {
  margin-left:-14px
}
.child-product__image-quantity {
  color:#666;
  font-size:10px;
  font-family:Inter;
  font-weight:600
}
.child-product__description {
  color:#484848;
  font-size:10px;
  font-family:Inter;
  font-weight:600;
  margin-left:8px
}
.merchant-evaluation-button {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex
}
.merchant-evaluation-button:not(.merchant-evaluation-button:first-child) {
  margin-left:8px
}
.merchant-bar {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  padding:8px 16px;
  border-bottom:1px solid #e5e5e5
}
@media only screen and (max-width: 575px) {
  .merchant-bar {
    border-bottom:1px solid #dddddd;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    display:-webkit-inline-flex;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-align-items:flex-start;
    -ms-flex-align:start;
    align-items:flex-start;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between
  }
}
.merchant-bar__card-buttons {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.merchant-bar__merchant {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:27px;
  margin:6px 0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.merchant-bar__merchant a {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  font-weight:600;
  font-size:15px;
  color:#646464;
  margin-left:8px;
  text-decoration:none
}
.order-detail-footer__recommendation {
  max-width:855px;
  padding-top:16px
}
.order-information {
  color:#484848;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap;
  font-size:13px;
  padding-left:8px;
  padding-right:8px;
  margin-top:24px;
  padding-bottom:16px;
  width:100%
}
.order-information--hidden-address {
  -webkit-justify-content:flex-end;
  -ms-flex-pack:end;
  justify-content:flex-end
}
.order-information--hidden-address .order-information__column--payment,
.order-information--hidden-address .order-information__column--other {
  -webkit-flex:initial;
  -ms-flex:initial;
  flex:initial;
  width:50%
}
@media only screen and (max-width: 991px) {
  .order-information--hidden-address .order-information__column--payment,
  .order-information--hidden-address .order-information__column--other {
    width:initial
  }
}
.order-information--hidden-address .order-information__column--other {
  -webkit-order:-1;
  -ms-flex-order:-1;
  order:-1
}
@media only screen and (max-width: 991px) {
  .order-information--hidden-address .order-information__column--other {
    -webkit-order:initial;
    -ms-flex-order:initial;
    order:initial
  }
}
.order-information--link {
  color:#7723db;
  text-decoration:underline
}
@media (max-width: 575px) and (min-width: 320px) {
  .order-information {
    border-radius:4px;
    margin-top:24px;
    margin-bottom:24px
  }
}
@media only screen and (max-width: 991px) {
  .order-information {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    padding-left:0;
    padding-right:0
  }
}
.order-information__column {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .order-information__column {
    -webkit-flex-basis:1px;
    -ms-flex-preferred-size:1px;
    flex-basis:1px
  }
}
@media only screen and (max-width: 991px) {
  .order-information__column:not(:first-child) {
    margin-top:16px
  }
}
.order-information__column--shipping-address {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  border:1px solid #e5e5e5;
  padding:16px;
  border-radius:8px
}
.order-information__column__row {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.order-information__column__row-header {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  margin-bottom:8px
}
.order-information__column--payment .order-information__content {
  width:100%;
  border:1px solid #e5e5e5;
  border-radius:8px;
  padding:16px
}
@media only screen and (min-width: 992px) {
  .order-information__column--payment .order-information__content {
    max-width:360px
  }
}
.order-information__column--addresses .order-information__content {
  width:100%
}
@media only screen and (min-width: 992px) {
  .order-information__column--addresses .order-information__content {
    max-width:360px
  }
}
.order-information__column--addresses .order-information__content .address {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.order-information__column--addresses .order-information__content .address__shipping-address-location {
  margin-top:12px;
  text-decoration:none;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  color:#ff6000;
  font-weight:600
}
.order-information__column--addresses .order-information__content .address__shipping-address-location svg {
  margin-right:8px
}
.order-information__column--addresses .order-information__content .address__shipping-address-location svg path {
  color:#ff6000;
  fill:currentColor
}
.order-information__column--addresses .order-information__content .address address {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  word-break:break-word;
  font-style:normal;
  line-height:19px
}
.order-information__column--addresses .order-information__content .address address p {
  margin:0
}
.order-information__column--other {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%;
  margin-top:30px
}
.order-information__column--other nav {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
@media only screen and (max-width: 575px) {
  .order-information__column--other nav {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.order-information__column--other nav a {
  cursor:pointer;
  font-size:13px;
  color:#484848;
  text-decoration:none;
  position:relative
}
@media only screen and (max-width: 575px) {
  .order-information__column--other nav a {
    background-image:url(https://images.hepsiburada.net/oms/assets/naboo/2980/assets/chevron-right-7c0954e8.svg);
    background-size:14px 24px;
    background-repeat:no-repeat;
    background-position:center right;
    padding:16px 0
  }
}
.order-information__column--other nav a:not(:first-child) {
  margin-left:32px
}
@media only screen and (max-width: 575px) {
  .order-information__column--other nav a:not(:first-child) {
    margin-left:0
  }
}
@media only screen and (max-width: 575px) {
  .order-information__column--other nav a:not(:last-child) {
    border-bottom:1px solid #e5e5e5
  }
}
.order-information__title {
  font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  color:#484848;
  font-size:20px;
  font-weight:600;
  margin-top:0;
  margin-bottom:16px
}
.order-information__content__address-title {
  font-size:16px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.32px;
  display:block;
  color:#484848
}
.order-information__content address {
  text-transform:capitalize;
  font-size:12px;
  font-weight:400;
  font-stretch:normal;
  font-style:normal;
  line-height:1.5;
  letter-spacing:-.24px;
  color:#484848
}
.order-information__content .click-and-collect-logo {
  max-width:60px
}
.order-information__payments {
  margin-bottom:16px
}
.order-information__sub-block {
  -webkit-flex:0 0 100%;
  -ms-flex:0 0 100%;
  flex:0 0 100%
}
.order-information__sub-block .order-information__group {
  padding-left:0;
  padding-right:0
}
.order-information__sub-block .order-information__group:before {
  background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiIgdmlld0JveD0iMCAwIDEyIDEyIj4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iIzlCOUI5QiIgZD0iTTYuMDE2IDEuNzk3Yy0uMTMzLjEzMy0uMTQ1LjM0Mi0uMDM2LjQ4OWwuMDM2LjA0MiAzLjI5OCAzLjI5N0gxLjc4MWMtLjIwNyAwLS4zNzUuMTY4LS4zNzUuMzc1IDAgLjE5LjE0MS4zNDcuMzI0LjM3MmwuMDUxLjAwM2g3LjUzMkw2LjAxNiA5LjY3MmMtLjEzMy4xMzMtLjE0NS4zNDItLjAzNi40ODlsLjAzNi4wNDJjLjEzMy4xMzMuMzQyLjE0NS40ODguMDM2bC4wNDItLjAzNiAzLjkzOC0zLjkzOGMuMDE4LS4wMTguMDM1LS4wMzguMDQ4LS4wNmwuMDEtLjAxNS4wMTYtLjAzLjAyLS4wNWMuMDEtLjAzNS4wMTYtLjA3Mi4wMTYtLjExbC0uMDAxLS4wMjktLjAwNS0uMDM2LS4wMTctLjA2My0uMDE4LS4wNDMtLjAxNS0uMDI2LS4wMTgtLjAyNmMtLjAxMi0uMDE3LS4wMjQtLjAzLS4wMzYtLjA0Mkw2LjU0NiAxLjc5N2MtLjE0Ni0uMTQ2LS4zODMtLjE0Ni0uNTMgMHoiLz4KICAgIDwvZz4KPC9zdmc+Cg==);
  background-repeat:no-repeat;
  background-position:center;
  background-size:12px 12px;
  width:12px;
  height:12px;
  content:" ";
  margin-right:8px
}
.order-information__sub-block .order-information__group:not(:last-child) {
  margin-bottom:0
}
.order-information__sub-block .order-information__group:first-child {
  margin-top:12px
}
.order-information__sub-block .order-information__group:not(:first-child) {
  margin-top:8px
}
.order-information__sub-block .order-information__group__value {
  color:#646464
}
.order-information__group {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-align-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  padding-left:8px;
  padding-right:8px;
  position:relative;
  -webkit-flex-wrap:wrap;
  -ms-flex-wrap:wrap;
  flex-wrap:wrap
}
.order-information__group:not(:first-child) {
  margin-top:8px
}
.order-information__group:not(:last-child) {
  margin-bottom:8px
}
.order-information__group--divider {
  height:1px;
  margin:12px 0!important;
  background-color:#e5e5e5
}
.order-information__group__key,
.order-information__group__value {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.order-information__group__key {
  color:#484848;
  font-size:14px
}
.order-information__group__key--grow {
  -webkit-flex-grow:2;
  -ms-flex-positive:2;
  flex-grow:2;
  font-size:12px
}
.order-information__group__value {
  text-align:right;
  color:#484848;
  font-weight:600;
  font-size:14px
}
.order-information__group__value--refunded {
  text-decoration:line-through
}
.order-information__group__value--total-amount {
  font-family:Inter,-apple-system,system-ui,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;
  font-size:16px;
  color:#484848
}
.order-information__group__value svg {
  vertical-align:middle;
  margin-right:10px
}
.order-information__group__info-button {
  background-color:transparent;
  cursor:pointer;
  width:16px;
  height:16px;
  border:none;
  padding:0;
  margin-left:8px
}
.order-information__group__info-button__icon {
  background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAERlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAA6ABAAMAAAABAAEAAKACAAQAAAABAAAAIKADAAQAAAABAAAAIAAAAACshmLzAAADiElEQVRYCcVXPWhTURROXmKkGLK4mKZLQRA6CJEKcZDqIEoKUlE6mKGEJC7i4iZKB38KgmRxEdOkVIhDqVhKWwUHLR0sNJhBKAhCl6ZxcWkjwZgfv+96b3ipL3nJqzEXbu7NPed837nn/p1nt7VZ5ubmXIVC4Xy1Wr0Mk6FardaPlpVlx26376Dd1DRt0e12vx8fHy8JicmP3URum5mZOVapVCahFwKpx0yfcjiziybtcDjuh8Phb61smjqwsrJyOJ/P3wXpbdQjEjiLdgEEa06nM9fX18dZ24rFYn+5XPZB7yz+jqH1cxx6P1DjXq/3UTAY/Mmx/cXQAc4agK+hHJAG8wjtvUgk8mU/gNH/ZDJ5Akv1ELJrUr4Oh68YReMvBxKJxEkYLaMOoG7B8DoM1yVQRw0mEsBEXsJoEHUbWEFgfdaDNDggZ74BBZKvulyuqxMTE9/1Bp32Z2dnj5ZKpVewG0GlE6f1kag7wDXP5XIfoMSwr/r9/gvDw8O/0D9wyWQyh7LZ7DsA0Yl1n893Tu0JTaFzw6FP8i3O/F+RE59YxCQ2akByUWQTEZBH7St3O0J0pp01n56enoL9TdQH0Wj0CcHMitwTH3k6cESPcylEBHjO5VGbb4ecRNC/hcp74Y4ZsZJL7HlyybvFpvGGg0KISjxqStmsxSyeQqcAsGdmunq5jiNEbnsqlboIb94CMItQntIrd6uP5fsEx/1YhkuavNvJtdAtQgNcwUVuJ4RDVEAE1gwUDYcwg2XMIAjhNkJ6AzfkG0PFJoPkgj2lQxo64kXD7s810W81PIBZPG+lYCRTXOTmKRAOqIfFyGD/GPbKaCwWU5cYb82Oio5LOCCM9/b2FGBHYFaUFReWosYIiCcVYfFaAbNio7iwBHkNXggH+J5bAbNio7jIzQhsEgTeMJn4L0XHxRROW5SsYxbY87TBsRzt0FZwkVtjAolQ7MIrPzOZToBg94L6sF1CIlODI0tm9uQgFznJrcnsNU1DmUaZYdTlHo9nEkCPMSAiURe06Og40uS2/By34Ggqavoc813GTOK0ZA7HNKopikUBMWV+yGs/Tk5C8RSIwtQZHSafg8zhmEb9kRz8l1gyLxwkh+QSwA23Xy+S0noE6I4MC4/UNuoIvN7gulFmpdCWGLBVGTHT8oYvpYYIKBIZid58mCgnevppppxgy2j05ONU7wT73fo8/w2LF/TR6IxunQAAAABJRU5ErkJggg==);
  background-size:16px 16px;
  width:16px;
  height:16px
}
.order-information__group__tooltip {
  left:initial;
  right:0;
  margin-top:-16px
}
.order-information__group__tooltip .tooltip__arrow {
  right:8px;
  left:initial
}
.order-information .info-list {
  width:100%;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column
}
.order-information .info-list__item {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row
}
.order-information .info-list__item:not(:first-child) {
  margin-top:10px
}
.order-information .info-list__item svg {
  width:18px;
  height:18px;
  margin-right:8px
}
.order-information .info-list__item svg path {
  color:#ff6000;
  fill:currentColor
}
.order-information .info-list__item svg g rect {
  color:#ff6000;
  fill:currentColor
}
.order-information .info-list__item span {
  color:#484848;
  font-size:12px;
  line-height:1.5;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1
}
.order-information__refunds {
  padding-left:16px
}
.solo-collapse {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  border-radius:8px;
  background-color:#fff;
  border:1px solid #e5e5e5
}
.solo-collapse--opened .solo-collapse__header {
  border-radius:7px 7px 0 0;
  border-bottom-color:#e5e5e5
}
.solo-collapse--opened .solo-collapse__chevron-icon {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
}
.solo-collapse--style-dark.solo-collapse--opened .solo-collapse__header {
  border-bottom-color:#3b3f52
}
.solo-collapse--style-dark .solo-collapse__header {
  background-color:#3b3f52
}
.solo-collapse--style-dark .solo-collapse__title {
  color:#fff
}
.solo-collapse--style-dark .solo-collapse__chevron-icon {
  background-color:rgba(255,255,255,.16);
  color:#fff
}
.solo-collapse--size-large .solo-collapse__header,
.solo-collapse--size-large .solo-collapse__content {
  padding:24px 32px
}
.solo-collapse--size-large .solo-collapse__chevron-icon {
  width:32px;
  height:32px
}
.solo-collapse__header {
  background-color:#fff;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  padding:12px 16px;
  border:none;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  min-height:48px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border-radius:7px;
  cursor:pointer
}
.solo-collapse__title {
  font-size:16px;
  font-weight:600;
  line-height:24px;
  letter-spacing:-.28px;
  color:#484848;
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  text-align:left
}
.solo-collapse__chevron-icon {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  width:20px;
  height:20px;
  border-radius:50%;
  color:#7b7b7b;
  -webkit-transition:all .5s ease;
  transition:all .5s ease
}
.solo-collapse__chevron-icon svg {
  width:16px
}
.solo-collapse__content {
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  font-size:14px;
  color:#484848
}
.solo-collapse__content--padding {
  padding:8px 16px 16px
}
.order-info-campaign {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  width:100%;
  padding:0 8px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
.order-info-campaign__button {
  background-color:transparent;
  cursor:pointer;
  border:none;
  text-align:left;
  color:#484848;
  font-size:14px;
  padding:0;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.order-info-campaign__button--opened .order-info-campaign__button__icon {
  -webkit-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  transform:rotate(180deg)
}
.order-info-campaign__button__icon {
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  color:#ff6000;
  margin-left:8px;
  width:12px;
  height:12px;
  -webkit-flex:0 0 12px;
  -ms-flex:0 0 12px;
  flex:0 0 12px;
  margin-top:auto
}
.order-info-campaign__groups {
  display:grid;
  grid-auto-rows:1fr;
  gap:8px;
  height:0;
  grid-template-rows:auto;
  overflow:hidden;
  -webkit-transition:all .2s linear;
  transition:all .2s linear
}
.order-info-campaign__groups--opened {
  margin-top:12px;
  height:initial;
  overflow:initial;
  -webkit-transition:all .2s linear;
  transition:all .2s linear
}
.order-info-campaign__group {
  display:grid;
  grid-template-columns:1fr 80px;
  gap:4px
}
.order-info-campaign__group__name,
.order-info-campaign__group__discount-amount {
  font-size:12px;
  line-height:1.5;
  letter-spacing:-.24px
}
.order-info-campaign__group__name {
  color:#646464
}
.order-info-campaign__group__discount-amount {
  color:#439e4a;
  font-weight:600;
  text-align:right
}
.payment-info-card {
  padding:0 16px 16px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-align-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.payment-info-card:not(:first-child) {
  padding-top:16px;
  border-top:1px solid #e5e5e5
}
.payment-info-card:last-child {
  border-bottom:1px solid #e5e5e5
}
.payment-info-card--wire-transfer,
.payment-info-card--instant-transfer {
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-align-content:center;
  -ms-flex-line-pack:center;
  align-content:center;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  justify-items:center;
  text-align:center
}
.payment-info-card--wire-transfer .payment-info-card__bank,
.payment-info-card--instant-transfer .payment-info-card__bank {
  width:inherit
}
.payment-info-card--wire-transfer .payment-info-card__info,
.payment-info-card--instant-transfer .payment-info-card__info {
  -webkit-align-self:stretch;
  -ms-flex-item-align:stretch;
  align-self:stretch;
  margin-left:0
}
.payment-info-card--gift-certification .payment-info-card__bank {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center
}
.payment-info-card--gift-certification .payment-info-card__bank svg {
  margin-top:-16px;
  margin-bottom:-16px
}
.payment-info-card__bank {
  width:90px;
  text-align:center
}
@media screen and (-ms-high-contrast: active),(-ms-high-contrast: none) {
  .payment-info-card__bank svg {
    height:40px
  }
}
.payment-info-card__bank__logo {
  max-width:90px;
  width:100%
}
.payment-info-card__bank__logo--cash-on-delivery {
  max-width:56px
}
.payment-info-card__bank__logo-fail {
  max-width:50px
}
.payment-info-card__info {
  -webkit-flex:1;
  -ms-flex:1;
  flex:1;
  margin-left:16px
}
.payment-info-card__info__amount {
  font-size:14px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.24px
}
.payment-info-card__info__card-number {
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:-.24px;
  margin-top:4px
}
.payment-info-card__info__detail {
  margin-top:4px;
  color:#646464;
  font-size:12px;
  line-height:1.5;
  letter-spacing:-.24px
}
.loyalty {
  margin-bottom:16px
}
@media only screen and (min-width: 992px) {
  .loyalty {
    max-width:360px
  }
}
.solo-checkbox {
  position:relative;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.solo-checkbox--size-large .solo-checkbox__input,
.solo-checkbox--size-large .solo-checkbox__checkmark {
  width:24px;
  height:24px;
  border-radius:8px
}
.solo-checkbox--size-large .solo-checkbox__input .solo-checkbox__icon,
.solo-checkbox--size-large .solo-checkbox__checkmark .solo-checkbox__icon {
  font-size:15px
}
.solo-checkbox--size-large .solo-checkbox__label {
  line-height:150%;
  font-size:1rem;
  font-weight:400
}
.solo-checkbox--size-medium .solo-checkbox__input,
.solo-checkbox--size-medium .solo-checkbox__checkmark {
  width:20px;
  height:20px;
  border-radius:6px
}
.solo-checkbox--size-medium .solo-checkbox__input .solo-checkbox__icon,
.solo-checkbox--size-medium .solo-checkbox__checkmark .solo-checkbox__icon {
  font-size:15px
}
.solo-checkbox--size-medium .solo-checkbox__label {
  line-height:140%;
  font-size:.875rem;
  font-weight:400
}
.solo-checkbox--size-small .solo-checkbox__input,
.solo-checkbox--size-small .solo-checkbox__checkmark {
  width:16px;
  height:16px;
  border-radius:4px
}
.solo-checkbox--size-small .solo-checkbox__input .solo-checkbox__icon,
.solo-checkbox--size-small .solo-checkbox__checkmark .solo-checkbox__icon {
  font-size:11px
}
.solo-checkbox--size-small .solo-checkbox__label {
  font-size:.75rem;
  line-height:135%;
  font-weight:400
}
.solo-checkbox__input {
  width:24px;
  height:24px;
  opacity:0;
  position:absolute;
  top:0;
  left:0
}
.solo-checkbox__input[disabled],
.solo-checkbox__input:disabled {
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
  cursor:not-allowed
}
.solo-checkbox__checkmark {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  background-color:#fff;
  border:2px solid #cccccc;
  border-radius:8px;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-transition:all .5s ease;
  transition:all .5s ease;
  color:#fff;
  cursor:pointer;
  width:24px;
  height:24px
}
.solo-checkbox__icon {
  font-size:13px
}
.solo-checkbox__label {
  margin-left:8px
}
.solo-checkbox--theme-primary .solo-checkbox__input:checked+.solo-checkbox__checkmark {
  background-color:#ff6000;
  border-color:#ff6000
}
.solo-checkbox--theme-primary .solo-checkbox__input:not(:checked):not(:disabled):hover+.solo-checkbox__checkmark {
  border-color:#ff904c
}
.solo-checkbox--theme-secondary .solo-checkbox__input:checked+.solo-checkbox__checkmark {
  background-color:#6b83fa;
  border-color:#6b83fa
}
.solo-checkbox--theme-secondary .solo-checkbox__input:not(:checked):not(:disabled):hover+.solo-checkbox__checkmark {
  border-color:#9af
}
.solo-checkbox__input:disabled+.solo-checkbox__checkmark {
  border-color:#ccc;
  background-color:#eee;
  cursor:not-allowed
}
.solo-checkbox__input:disabled+.solo-checkbox__checkmark .solo-checkbox__icon {
  display:none
}
.solo-checkbox__input:checked:disabled+.solo-checkbox__checkmark {
  background-color:#ccc;
  border-color:#ccc
}
.solo-checkbox__input:checked:disabled+.solo-checkbox__checkmark .solo-checkbox__icon {
  display:block
}
.hide-order {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:flex-start;
  -ms-flex-pack:start;
  justify-content:flex-start;
  padding-left:16px
}
.hide-order__confirm-message {
  margin-left:8px;
  color:#7b7b7b;
  font-size:14px
}
.coupons-refund {
  margin-bottom:16px
}
.compensation-coupon-demand .solo-action-management-block__loading__text {
  text-align:center;
  color:#484848;
  font-size:28px;
  font-weight:600;
  line-height:1.5;
  letter-spacing:.33px
}
.compensation-coupon-demand .solo-action-management-block__title {
  text-align:center
}
.compensation-coupon-demand__close-button {
  margin-top:16px;
  width:100%
}
.compensation-coupon {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  -webkit-justify-content:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  width:100%;
  border:1px solid #e5e5e5;
  padding:16px;
  margin-bottom:16px;
  border-radius:8px;
  background-color:#ffeae5
}
.compensation-coupon__content {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:row;
  -ms-flex-direction:row;
  flex-direction:row;
  -webkit-justify-content:space-between;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-align-items:flex-start;
  -ms-flex-align:start;
  align-items:flex-start;
  width:100%
}
@media only screen and (max-width: 575px) {
  .compensation-coupon__content {
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
  }
}
.compensation-coupon__title {
  font-weight:600;
  font-size:14px;
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.compensation-coupon__title svg {
  margin-right:8px
}
.compensation-coupon__subtitle {
  margin-top:8px;
  font-size:12px;
  line-height:20px
}
.compensation-coupon__desc {
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-flex-direction:column;
  -ms-flex-direction:column;
  flex-direction:column;
  max-width:600px
}
.compensation-coupon__info {
  margin-top:16px
}
.compensation-coupon__button {
  display:-webkit-inline-flex;
  display:-ms-inline-flexbox;
  display:inline-flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  border-radius:8px;
  padding:6px 12px;
  font-size:14px;
  font-weight:600;
  background:transparent;
  text-decoration:none;
  -webkit-flex-grow:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  border:2px solid #ff6000;
  color:#ff6000
}
.compensation-coupon__button svg {
  margin-left:8px
}
.compensation-coupon__button svg path {
  fill:#ff6000
}
@media only screen and (max-width: 575px) {
  .compensation-coupon__button {
    margin-top:8px
  }
}
.compensation-coupon__info-content {
  text-align:center
}
.compensation-coupon--non-loyal {
  margin-bottom:16px
}
.solo-alert {
  margin-bottom:16px;
  border-radius:8px;
  padding:8px;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center
}
.solo-alert__content {
  font-size:.75rem;
  line-height:135%;
  font-weight:500;
  color:#484848;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-align-items:center;
  -ms-flex-align:center;
  align-items:center;
  width:100%
}
.solo-alert__icon {
  margin-right:9px;
  margin-left:1px
}
.solo-alert--info {
  background-color:#f0f2ff
}
.solo-alert--info .solo-alert__icon {
  color:#6b83fa
}
.solo-alert--success {
  background-color:#e5ffe7
}
.solo-alert--success .solo-alert__icon {
  color:#008a09
}
.solo-alert--error {
  background-color:#ffe5e5
}
.solo-alert--error .solo-alert__icon {
  color:#fa0000
}
.solo-alert--warning {
  background-color:#fff9e5
}
.solo-alert--warning .solo-alert__icon {
  color:#b38900
}
.scroll-into-view-highlight {
  -webkit-animation:focusOnAndOff 4s cubic-bezier(.34,.9,.51,.97) forwards;
  animation:focusOnAndOff 4s cubic-bezier(.34,.9,.51,.97) forwards
}
@-webkit-keyframes focusOnAndOff {
  0%,
  to {
    border:1px solid #dadada
  }
  50% {
    border:1px solid #ff6000
  }
}
@keyframes focusOnAndOff {
  0%,
  to {
    border:1px solid #dadada
  }
  50% {
    border:1px solid #ff6000
  }
}
.payflex-info__chevron {
  margin-left:8px
}
.address-change-demand-info__button {
  margin-left:auto;
  height:16px
}
.sdurum {
 font-size: 14px;
  margin-top: 16px;
  display: block;
}



@media screen and (max-device-width: 480px) and (orientation: portrait){


.order-row__container {
  background-color: #fff;
  cursor: default;
  position: relative;
  margin: 0 24px 16px;
    margin-right: 24px;
    margin-left: 24px;
  padding-top: 16px;
  margin-left: 10px !important;
  margin-right: 10px;
}

.container-fluid {
  padding-right: 5px !important;
  padding-left: 5px !important;
  margin-right: auto;
  margin-left: auto;
}


}