* { box-sizing: border-box; }

html { overflow-x: clip; }

body {
  margin: 0;

  background: var(--page-bg, #f3f4fc);
  color: #2b1f21;
  font-family: "Be Vietnam Pro", system-ui, sans-serif;
  overflow-x: clip;
}

a { color: #e11d33; text-decoration: none; -webkit-tap-highlight-color: transparent; }


.m-pcard, .acc-card, .svc-card { user-select: none; -webkit-user-select: none; }

::selection { background: #ff2d46; color: #fff; }

@keyframes slide {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.banner{position:relative;border-radius:18px;overflow:hidden;line-height:0;transition:height .4s ease;}
.banner .bslide-track{display:flex;transition:transform .4s ease;touch-action:pan-y;}
.banner.dragging{transition:none;}
.banner.dragging .bslide-track{transition:none;}
.banner .bslide{flex:0 0 100%;min-width:0;}
.banner img{display:block;width:100%;height:auto;user-select:none;-webkit-user-drag:none;pointer-events:none;}
.banner.has-slider{cursor:grab;}
.banner.has-slider.dragging{cursor:grabbing;}
.banner-dots{position:absolute;left:0;right:0;bottom:12px;display:flex;justify-content:center;gap:7px;z-index:2;}
.banner-dots .bdot{width:9px;height:9px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:background .25s,width .25s;box-shadow:0 1px 3px rgba(0,0,0,.25);}
.banner-dots .bdot.on{background:#fff;width:22px;border-radius:5px;}
.banner-2{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.banner-2 .banner{border-radius:14px;box-shadow:0 8px 22px rgba(150,10,20,.16);}


html{scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--red,#e11d33) 55%,#fff) transparent;}
::-webkit-scrollbar{width:9px;height:9px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--red,#e11d33) 55%,#fff);border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:var(--red,#e11d33);}




.sug-anchor { position: relative; }
.sug {
  position: absolute; left: 0; right: 0; top: calc(100% + 8px); z-index: 60;
  background: #fff; border: 1px solid #e8e3e4; border-radius: 14px;
  padding: 6px; max-height: 62vh; overflow-y: auto;
  box-shadow: 0 18px 40px rgba(20, 10, 15, .16);
}
.sug[hidden] { display: none; }
.sug-title {
  padding: 7px 10px 5px; color: #8a7b7d;
  font-size: 11px; font-weight: 800; letter-spacing: .04em; text-transform: uppercase;
}
.sug-state {
  min-height: 58px; display: flex; align-items: center; justify-content: center;
  padding: 13px; color: #8a7b7d; font-size: 12.5px; text-align: center;
}
.sug-state.is-loading::before {
  content: ''; width: 15px; height: 15px; margin-right: 8px; flex: 0 0 auto;
  border: 2px solid #eadfe1; border-top-color: var(--red, #e11d33); border-radius: 50%;
  animation: sug-spin .7s linear infinite;
}
.sug-state.is-error { color: #b42334; }
@keyframes sug-spin { to { transform: rotate(360deg); } }
.sug-it {
  display: flex; align-items: center; gap: 11px;
  padding: 8px 10px; border-radius: 10px; text-decoration: none;
}
.sug-it:hover, .sug-it.is-on { background: #f6f3f4; }
.sug-img {
  width: 42px; height: 42px; flex: 0 0 auto; border-radius: 9px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  background: #f2f4f7; color: #b6bcc6; font-size: 15px;
}
.sug-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.sug-tx { min-width: 0; }
.sug-tx b {
  display: block; font-size: 13.5px; font-weight: 600; color: #2b1f21; line-height: 1.35;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.sug-tx b b { font-weight: 800; color: #e11d33; }
.sug-tx small { display: block; font-size: 11.5px; color: #8a7b7d; line-height: 1.35; }
.sug-all {
  display: block; width: 100%; margin-top: 4px; padding: 10px;
  border: 0; border-top: 1px solid #f0ebec; background: transparent;
  font-family: inherit; font-size: 12.5px; font-weight: 700; color: #e11d33;
  cursor: pointer; text-align: center; border-radius: 0 0 10px 10px;
}
.sug-all:hover { background: #fff5f6; }






.us-sheet { position: fixed; inset: 0; z-index: 120; display: flex; }
.us-sheet[hidden] { display: none; }

.us-bg {
  position: absolute; inset: 0;
  background: rgba(17, 20, 28, .5);
  opacity: 0; transition: opacity .26s ease;
}
.us-sheet.is-open .us-bg { opacity: 1; }

.us-card {
  position: relative; margin: auto;
  width: 100%; max-width: 620px; max-height: 86vh;
  display: flex; flex-direction: column;
  padding: 16px;
  background: #fff; border-radius: 18px;
  opacity: 0; transform: translateY(10px) scale(.98);
  transition: opacity .22s ease, transform .22s ease;
}
.us-sheet.is-open .us-card { opacity: 1; transform: none; }

.us-grip { display: none; }

.us-hd {
  display: flex; align-items: center; gap: 8px; margin-bottom: 13px;
  font-size: 15.5px; font-weight: 800; color: var(--ink);
}
.us-hd i { color: var(--red); }

.us-find {
  display: flex; align-items: center; gap: 9px;
  padding: 0 13px; margin-bottom: 12px;
  border: 1px solid var(--line); border-radius: 12px; background: var(--soft);
  transition: border-color .14s;
}
.us-find:focus-within { border-color: var(--red); }
.us-find i { flex: 0 0 auto; color: var(--red); font-size: 14px; }
.us-find input {
  flex: 1; min-width: 0; height: 42px;
  border: 0; outline: 0; background: transparent;
  font-family: inherit; font-size: 13.5px; color: var(--ink);
}
.us-find input::placeholder { color: var(--muted); }




.us-list {
  flex: 1 1 auto; min-height: 0;
  display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px;
  align-content: start;
  overflow-y: auto; overscroll-behavior: contain;
  margin: 0 -3px; padding: 0 3px 2px;
}
.us-list::-webkit-scrollbar { width: 8px; }
.us-list::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--red) 26%, #fff);
  border-radius: 99px; border: 2px solid #fff;
}
.us-list::-webkit-scrollbar-track { background: transparent; }
.us-empty { grid-column: 1 / -1; }

.us-opt {
  display: flex; align-items: center; gap: 12px;
  padding: 10px 12px;
  background: var(--soft); border: 1px solid var(--line); border-radius: 14px;
  text-decoration: none;
  transition: border-color .14s, background-color .14s;
}
.us-opt[hidden] { display: none; }
.us-opt:hover { border-color: color-mix(in srgb, var(--red) 42%, #fff); }
.us-opt:active { background: #f1e6e6; }

.us-opt-ic {
  flex: 0 0 auto; width: 44px; height: 44px; border-radius: 12px; overflow: hidden;
  display: flex; align-items: center; justify-content: center;
  font-size: 19px; color: #fff;
}
.us-opt-ic img { width: 100%; height: 100%; object-fit: cover; display: block; }
.us-ic--red   { background: linear-gradient(135deg, #ff5a5f, #e11d33); }
.us-ic--blue  { background: linear-gradient(135deg, #4facfe, #2f6fed); }
.us-ic--amber { background: linear-gradient(135deg, #f7971e, #e8590c); }

.us-opt-tx { flex: 1; min-width: 0; }
.us-opt-tx b {
  display: block; font-size: 14.5px; color: var(--ink);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.us-opt-tx small {
  display: block; margin-top: 2px; font-size: 11.5px; color: var(--muted);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.us-opt-go { flex: 0 0 auto; color: var(--muted); font-size: 14px; }

.us-empty { margin: 4px 0 10px; padding: 26px 10px; text-align: center; font-size: 13px; color: var(--muted); }
.us-empty[hidden] { display: none; }

.us-cancel {
  width: 100%; margin-top: 4px; padding: 12px;
  border: 1.5px solid var(--line); border-radius: 12px; background: #fff;
  font-family: inherit; font-size: 14px; font-weight: 700; color: var(--muted);
  cursor: pointer; transition: border-color .14s, color .14s;
}
.us-cancel:hover { border-color: var(--red); color: var(--red); }


@media (max-width: 767px) {
  .us-card {
    margin: auto 0 0; max-width: none; max-height: 84vh;
    border-radius: 20px 20px 0 0;
    padding: 12px 15px calc(15px + env(safe-area-inset-bottom));
    opacity: 1; transform: translateY(100%);
    transition: transform .32s cubic-bezier(.32, .72, .24, 1);
  }
  .us-sheet.is-open .us-card { transform: translateY(0); }
  .us-grip {
    display: block; width: 40px; height: 4px; border-radius: 3px;
    background: #e2d6d6; margin: 2px auto 12px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .us-bg, .us-card { transition: none; }
}


[data-purchase-focus] { position: relative; scroll-margin-block: 110px; }
[data-purchase-focus].is-purchase-focus {
  z-index: 3;
  outline: 3px solid color-mix(in srgb, var(--red, #e11d33) 34%, transparent);
  outline-offset: 2px;
}
.pf-ogroup.is-purchase-focus { overflow: visible; }
.purchase-focus-label {
  position: absolute; z-index: 5; top: -12px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 25px; padding: 4px 11px; border-radius: 999px;
  background: var(--red, #e11d33); color: #fff;
  box-shadow: 0 6px 18px color-mix(in srgb, var(--red, #e11d33) 28%, transparent);
  font-size: 10.5px; font-weight: 800; line-height: 1; white-space: nowrap;
  pointer-events: none;
}
.purchase-focus-guide {
  --purchase-guide-arrow-left: 50%;
  position: fixed; z-index: 10060;
  display: flex; align-items: center; gap: 9px;
  width: 320px; max-width: calc(100vw - 24px);
  min-height: 54px; padding: 9px 9px 9px 10px;
  border: 1px solid color-mix(in srgb, var(--red, #e11d33) 22%, #e5e9ef);
  border-radius: 14px;
  background: #fff; color: var(--title, #272337);
  box-shadow: 0 14px 34px rgba(43, 17, 71, .18), 0 3px 10px rgba(43, 17, 71, .08);
  font-size: 12px; font-weight: 700; line-height: 1.38;
  opacity: 0; transform: none;
  transition: none;
  pointer-events: none;
}
.purchase-focus-guide.is-visible { opacity: 1; transform: none; }
.purchase-focus-guide::after {
  content: ''; position: absolute; left: var(--purchase-guide-arrow-left); width: 11px; height: 11px;
  background: #fff; transform: translateX(-50%) rotate(45deg);
}
.purchase-focus-guide[data-placement="bottom"]::after {
  top: -6px; border-top: 1px solid color-mix(in srgb, var(--red, #e11d33) 22%, #e5e9ef);
  border-left: 1px solid color-mix(in srgb, var(--red, #e11d33) 22%, #e5e9ef);
}
.purchase-focus-guide[data-placement="top"]::after {
  bottom: -6px; border-right: 1px solid color-mix(in srgb, var(--red, #e11d33) 22%, #e5e9ef);
  border-bottom: 1px solid color-mix(in srgb, var(--red, #e11d33) 22%, #e5e9ef);
}
.purchase-focus-guide-hand {
  display: inline-flex; align-items: center; justify-content: center;
  width: 35px; height: 35px; flex: 0 0 35px;
  border-radius: 11px; background: var(--pink, #fff0f2); color: var(--red, #e11d33);
  font-size: 19px; transform: rotate(-12deg);
}
.purchase-focus-guide-text { min-width: 0; flex: 1; }
.purchase-focus-guide-close {
  display: inline-flex; align-items: center; justify-content: center;
  width: 25px; height: 25px; flex: 0 0 25px; padding: 0;
  border: 0; border-radius: 8px; background: transparent; color: #8b93a3;
  font-size: 13px; line-height: 1; cursor: pointer;
  transition: background .16s ease, color .16s ease;
  pointer-events: auto;
}
.purchase-focus-guide-close:hover { background: #fff0f2; color: var(--red, #e11d33); }
.purchase-focus-guide-close:focus-visible { outline: 2px solid color-mix(in srgb, var(--red, #e11d33) 45%, transparent); outline-offset: 1px; }
.is-purchase-focus-cta {
  position: relative; z-index: 4;
  outline: 2px solid color-mix(in srgb, var(--red, #e11d33) 34%, transparent);
  outline-offset: 2px;
}

.pf-card-note { margin: 0 22px 20px; }
.pf-card-note .cshop-note { margin: 0; }
.pf-card-note .cshop-note--refund {
  border-color: #f0c7cb;
  background: #fff5f5;
  color: #9f2638;
}
.pf-card-note .cshop-note--refund > i,
.pf-card-note .cshop-note--refund > svg { color: #c43b4f; }
.pf-card-status-summary {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: -3px 0 14px;
  padding: 9px 11px;
  border: 1px solid #e8e1e2;
  border-radius: 10px;
  background: #fbfafb;
  color: #5f6878;
  font-size: 11.5px;
  font-weight: 700;
  line-height: 1.45;
}
.pf-card-status-summary-text { color: #9f2638; }
.pf-dt-row--breakdown .v { max-width: 75%; }
.pf-obreakdown {
  display: block;
  margin-top: 4px;
  color: #9f2638;
  font-size: 10.5px;
  font-weight: 700;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.pf-card-actions {
  display: flex;
  justify-content: flex-end;
  margin: -4px 22px 18px;
}
.pf-card-reload {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  min-height: 36px;
  padding: 8px 13px;
  border: 1px solid #e9cdd1;
  border-radius: 9px;
  background: #fff;
  color: var(--red, #e11d33);
  font-size: 12px;
  font-weight: 800;
  line-height: 1;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease, color .18s ease, opacity .18s ease;
}
.pf-card-reload > i,
.pf-card-reload > svg { font-size: 13px; }
.pf-card-reload:hover { border-color: var(--red, #e11d33); background: #fff4f5; }
.pf-card-reload:disabled { cursor: wait; opacity: .72; }
.pf-card-reload.is-loading > i,
.pf-card-reload.is-loading > svg { animation: pf-card-reload-spin .72s linear infinite; }
@keyframes pf-card-reload-spin { to { transform: rotate(360deg); } }
.pf-card-delivery-wrap {
  margin: 22px 22px 24px;
  padding: 18px;
  border: 1px solid #eee5e6;
  border-radius: 18px;
  background: #fff;
}
.pf-card-delivery-wrap .cshop-delivery-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 15px;
  padding: 0 0 13px;
  border-bottom: 1px solid #f1e9ea;
  color: #2b1f21;
  font-size: 17px;
  line-height: 1.3;
}
.pf-card-delivery-wrap .cshop-delivery-title > span { min-width: 0; }
.pf-card-delivery-wrap .cshop-delivery-title > small {
  margin-left: auto;
  padding: 4px 8px;
  border-radius: 999px;
  background: #fff1f2;
  color: var(--red, #e11d33);
  font-size: 10px;
  font-weight: 800;
  white-space: nowrap;
}
.pf-card-delivery-wrap .cshop-delivery-title > i,
.pf-card-delivery-wrap .cshop-delivery-title > svg { color: var(--red, #e11d33); }
.pf-card-delivery-wrap .cshop-deliveries { gap: 10px; }
.pf-card-delivery-wrap .cshop-delivery {
  display: block;
  padding: 14px;
  border: 1px solid #eee7e8;
  border-radius: 13px;
  background: #fff;
  box-shadow: none;
}
.pf-card-delivery-wrap .cshop-delivery--pending {
  border-color: #f0dfbd;
  background: #fffdf8;
}
.pf-card-delivery-wrap .cshop-delivery--refunded {
  border-color: #f0c7cb;
  background: #fffafa;
}
.pf-card-delivery-wrap .cshop-delivery-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
}
.pf-card-delivery-wrap .cshop-delivery-no {
  position: static;
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 8px;
  border-radius: 7px;
  background: #fff1f2;
  color: var(--red, #e11d33);
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
}
.pf-card-delivery-wrap .cshop-delivery-product {
  flex: 1 1 180px;
  min-width: 0;
  overflow: hidden;
  color: #2b1f21;
  font-size: 13px;
  font-weight: 800;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pf-card-delivery-wrap .cshop-delivery-status {
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid transparent;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  line-height: 1;
  white-space: nowrap;
}
.pf-card-delivery-wrap .cshop-delivery-status--ok { border-color: #ccebd9; background: #eaf8f0; color: #12794c; }
.pf-card-delivery-wrap .cshop-delivery-status--no { border-color: #f0c7cb; background: #fff1f2; color: #b1293d; }
.pf-card-delivery-wrap .cshop-delivery-status--pending { border-color: #f0dfbd; background: #fff8e7; color: #a06d13; }
.pf-card-delivery-wrap .cshop-delivery-status--warn { border-color: #f3dfb7; background: #fff5e6; color: #9b620e; }
.pf-card-delivery-wrap .cshop-delivery-denom {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 24px;
  padding: 4px 8px;
  border: 1px solid #d9e8ff;
  border-radius: 7px;
  background: #f3f7ff;
  color: #2b6cff;
  font-size: 11px;
  font-weight: 800;
  white-space: nowrap;
}
.pf-card-delivery-wrap .cshop-delivery-denom > i { font-size: 10px; }
.pf-card-delivery-wrap .cshop-delivery-fields {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 9px;
}
.pf-card-delivery-wrap .cshop-delivery-field {
  display: block;
  min-width: 0;
  padding: 10px 11px;
  border: 1px solid #edf0f4;
  border-radius: 10px;
  background: #fafbfc;
}
.pf-card-delivery-wrap .cshop-delivery-field > span {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
  color: #7b8497;
  font-size: 10.5px;
  font-weight: 700;
}
.pf-card-delivery-wrap .cshop-delivery-field > span > i { color: var(--red, #e11d33); font-size: 11px; }
.pf-card-delivery-wrap .cshop-delivery-field > div { display: flex; align-items: center; gap: 8px; }
.pf-card-delivery-wrap .cshop-delivery-field.is-pending {
  border-color: #f0dfbd;
  background: #fffaf0;
}
.pf-card-delivery-wrap .cshop-delivery-field.is-refunded {
  grid-column: 1 / -1;
  border-color: #f0c7cb;
  background: #fff5f5;
}
.pf-card-delivery-wrap .cshop-delivery-field.is-refunded > span > i { color: #c43b4f; }
.pf-card-delivery-wrap .cshop-delivery-refunded {
  display: block;
  min-width: 0;
  color: #9f2638;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.5;
}
.pf-card-delivery-wrap .cshop-delivery-field.is-pending > span > i { color: #c78a1b; }
.pf-card-delivery-wrap .cshop-delivery-pending {
  display: inline-flex;
  align-items: flex-start;
  gap: 7px;
  min-width: 0;
  color: #a06d13;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}
.pf-card-delivery-wrap .cshop-delivery-pending-spinner {
  display: inline-block;
  width: 13px;
  height: 13px;
  flex: 0 0 13px;
  margin-top: 1px;
  border: 2px solid #f0dcae;
  border-top-color: #c78a1b;
  border-radius: 50%;
  animation: pf-card-pending-spin .72s linear infinite;
}
@keyframes pf-card-pending-spin { to { transform: rotate(360deg); } }
.pf-card-delivery-wrap .cshop-delivery-field code {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  padding: 0;
  background: transparent;
  color: #263445;
  font-size: 13px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pf-card-delivery-wrap .cshop-delivery-field button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  flex: 0 0 30px;
  border: 1px solid #f0cdd1;
  border-radius: 8px;
  background: #fff;
  color: var(--red, #e11d33);
}
.pf-card-delivery-wrap .cshop-delivery-field button:hover,
.pf-card-delivery-wrap .cshop-delivery-field button.is-copied { border-color: transparent; background: var(--red, #e11d33); color: #fff; }

@media (max-width: 620px) {
  [data-purchase-focus] { scroll-margin-block: 86px; }
  .pf-card-note { margin: 0 14px 16px; }
  .pf-card-actions { margin: -2px 14px 16px; }
  .pf-card-reload { width: 100%; }
  .pf-card-delivery-wrap { margin: 18px 14px; padding: 14px; border-radius: 15px; }
  .pf-card-delivery-wrap .cshop-delivery-title { font-size: 16px; }
  .pf-card-delivery-wrap .cshop-delivery { padding: 12px; }
  .pf-card-delivery-wrap .cshop-delivery-fields { grid-template-columns: 1fr; }
  .pf-card-delivery-wrap .cshop-delivery-product { flex-basis: calc(100% - 90px); }
  .purchase-focus-label { top: -10px; }
  .purchase-focus-guide { width: 300px; max-width: calc(100vw - 18px); font-size: 11.5px; }
}

@media (prefers-reduced-motion: reduce) {
  .purchase-focus-guide,
  .purchase-focus-guide.is-visible { transition: none; transform: none; }
  .pf-card-delivery-wrap .cshop-delivery-pending-spinner { animation: none; }
}

/* Image placeholders use the same two-ring indicator and never expose a broken-image icon. */
.media-loading-host,
.media-error-host{position:relative;}
.media-loading-image{
  opacity:1!important;
  visibility:visible!important;
  transition:none!important;
}
.media-loaded-host > .media-loading-image{
  opacity:1!important;
  visibility:visible!important;
}
.media-error-host > .media-error-image{visibility:hidden!important;}
.media-loading-spinner{
  position:absolute;
  z-index:2;
  top:50%;
  left:50%;
  width:30px;
  height:30px;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.media-loading-spinner::before,
.media-loading-spinner::after{
  content:'';
  position:absolute;
  display:block;
  border-radius:50%;
}
.media-loading-spinner::before{
  inset:0;
  border:3px solid color-mix(in srgb,var(--red,#e11d33) 16%,transparent);
  border-top-color:var(--red,#e11d33);
  animation:site-media-loader-spin .72s linear infinite;
}
.media-loading-spinner::after{
  inset:7px;
  border:2px solid color-mix(in srgb,var(--red,#e11d33) 12%,transparent);
  border-right-color:var(--red,#e11d33);
  animation:site-media-loader-spin .52s linear infinite reverse;
}
.media-error-host::after{
  content:'\f03e';
  position:absolute;
  top:50%;
  left:50%;
  color:color-mix(in srgb,var(--red,#e11d33) 28%,#fff);
  font-family:'Font Awesome 6 Free';
  font-size:20px;
  font-weight:900;
  line-height:1;
  transform:translate(-50%,-50%);
}
@keyframes site-media-loader-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  .media-loading-spinner::before,
  .media-loading-spinner::after{animation:none}
}