:root{
  --abd-loader-bg:#f7f9fc;
  --abd-loader-surface:rgba(255,255,255,.86);
  --abd-loader-text:#101827;
  --abd-loader-muted:#667085;
  --abd-loader-line:rgba(17,36,68,.1);
  --abd-loader-blue:#0878ff;
  --abd-loader-cyan:#1dc9e8;
  --abd-loader-ease:cubic-bezier(.2,.75,.2,1)
}
html.theme-dark,body.theme-dark{
  --abd-loader-bg:#070b12;
  --abd-loader-surface:rgba(14,20,31,.9);
  --abd-loader-text:#f8fafc;
  --abd-loader-muted:#9aa7ba;
  --abd-loader-line:rgba(255,255,255,.1);
  --abd-loader-blue:#4b9cff;
  --abd-loader-cyan:#39d3e9
}
.abd-site-loader{
  position:fixed;
  inset:0;
  z-index:2147483647;
  display:grid;
  place-items:center;
  overflow:hidden;
  padding:24px;
  background-color:var(--abd-loader-bg);
  color:var(--abd-loader-text);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .35s var(--abd-loader-ease),visibility 0s linear .35s
}
.abd-site-loader::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.42;
  background-image:linear-gradient(var(--abd-loader-line) 1px,transparent 1px),linear-gradient(90deg,var(--abd-loader-line) 1px,transparent 1px);
  background-size:48px 48px;
  -webkit-mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent);
  mask-image:linear-gradient(to bottom,transparent,black 30%,black 70%,transparent)
}
.abd-site-loader::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:1px;
  background:linear-gradient(90deg,transparent,var(--abd-loader-cyan),var(--abd-loader-blue),transparent);
  opacity:.28;
  transform:translateX(-100%);
  animation:abd-loader-scan 2.4s var(--abd-loader-ease) infinite
}
.abd-site-loader__card{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  width:min(390px,88vw);
  padding:36px 28px 30px;
  border:1px solid var(--abd-loader-line);
  border-radius:8px;
  background:var(--abd-loader-surface);
  box-shadow:0 28px 75px rgba(15,31,55,.13),inset 0 1px 0 rgba(255,255,255,.72);
  backdrop-filter:blur(22px) saturate(130%);
  -webkit-backdrop-filter:blur(22px) saturate(130%)
}
.abd-site-loader__mark{
  position:relative;
  display:grid;
  place-items:center;
  width:78px;
  height:78px;
  margin-bottom:22px;
  border:1px solid var(--abd-loader-line);
  border-radius:18px;
  background:#fff;
  box-shadow:0 16px 34px rgba(8,52,115,.14),inset 0 1px 0 rgba(255,255,255,.8)
}
.abd-site-loader__mark::before,.abd-site-loader__mark::after{
  content:"";
  position:absolute;
  border-radius:22px;
  pointer-events:none
}
.abd-site-loader__mark::before{
  inset:-8px;
  border:1px solid rgba(8,120,255,.22);
  animation:abd-loader-breathe 1.7s var(--abd-loader-ease) infinite
}
.abd-site-loader__mark::after{
  inset:-14px;
  border:1px solid transparent;
  border-top-color:var(--abd-loader-blue);
  border-right-color:var(--abd-loader-cyan);
  animation:abd-loader-spin 1.4s linear infinite
}
.abd-site-loader__mark img{display:block;width:58px;height:58px;object-fit:contain}
.abd-site-loader__brand{
  min-height:42px;
  margin:0;
  color:var(--abd-loader-text);
  font:700 32px/1.2 Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
  text-align:center
}
.abd-site-loader__cursor{
  display:inline-block;
  width:2px;
  height:.82em;
  margin-left:4px;
  vertical-align:-.03em;
  background:var(--abd-loader-blue);
  animation:abd-loader-cursor .75s steps(1,end) infinite
}
.abd-site-loader__tagline{
  margin:7px 0 0;
  color:var(--abd-loader-muted);
  font:600 11px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
  text-align:center
}
.abd-site-loader__progress{
  position:relative;
  width:min(220px,72vw);
  height:2px;
  margin-top:24px;
  overflow:hidden;
  background:var(--abd-loader-line)
}
.abd-site-loader__progress span{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,var(--abd-loader-blue),var(--abd-loader-cyan));
  transform:translateX(-105%);
  animation:abd-loader-progress 1.35s var(--abd-loader-ease) infinite
}
.abd-site-loader__hint{
  min-height:16px;
  margin:10px 0 0;
  color:var(--abd-loader-muted);
  font:500 10px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:0;
  text-align:center
}
html.abd-site-loading .abd-site-loader,.abd-site-loader.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition:opacity .18s ease
}
html.abd-site-loading body{overflow:hidden}
html[data-product-loader] .abd-site-loader{display:none!important}
html[data-product-loader].abd-site-loading body{overflow:auto}
@keyframes abd-loader-spin{to{transform:rotate(360deg)}}
@keyframes abd-loader-breathe{50%{transform:scale(1.06);opacity:.45}}
@keyframes abd-loader-cursor{50%{opacity:0}}
@keyframes abd-loader-progress{0%{transform:translateX(-105%)}55%,100%{transform:translateX(105%)}}
@keyframes abd-loader-scan{0%,18%{transform:translateX(-100%)}80%,100%{transform:translateX(100%)}}
@media(max-width:600px){
  .abd-site-loader{padding:18px}
  .abd-site-loader__card{padding:31px 20px 26px}
  .abd-site-loader__mark{width:70px;height:70px;margin-bottom:19px;border-radius:16px}
  .abd-site-loader__mark img{width:52px;height:52px}
  .abd-site-loader__brand{min-height:37px;font-size:28px}
  .abd-site-loader__tagline{font-size:10px}
}
@media(prefers-reduced-motion:reduce){
  .abd-site-loader{transition:none}
  .abd-site-loader::after,.abd-site-loader__mark::before,.abd-site-loader__mark::after,.abd-site-loader__cursor,.abd-site-loader__progress span{animation:none}
  .abd-site-loader__progress span{transform:none}
}
