.preloader{display:none;--preloader-surface:#faf9f6}
html.preloader-show .preloader{
  position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;
  background:var(--preloader-surface);color:#000;
  animation:preloader-lift 1700ms cubic-bezier(.76,0,.24,1) forwards;
}
.preloader__stage{position:relative;width:min(52vw,18rem)}
.preloader__mark{width:100%;height:auto;display:block}
.preloader__mark .st0,.preloader__mark .st1{
  fill:none;stroke:#000;stroke-width:7.5;stroke-miterlimit:10;
}
.preloader__mark .st1{stroke:#939598}
.preloader__mark polygon{
  stroke-dasharray:900;stroke-dashoffset:900;
  animation:preloader-draw 600ms cubic-bezier(.16,1,.3,1) forwards;
}
.preloader__mark polygon:nth-child(1){animation-delay:0ms}
.preloader__mark polygon:nth-child(2){animation-delay:50ms}
.preloader__mark polygon:nth-child(3){animation-delay:100ms}
.preloader__mark polygon:nth-child(4){animation-delay:150ms}
.preloader__mark polygon:nth-child(5){animation-delay:200ms}
.preloader__mark polygon:nth-child(6){animation-delay:250ms}
@keyframes preloader-draw{to{stroke-dashoffset:0}}
@keyframes preloader-lift{
  0%,55%{transform:translateY(0);visibility:visible;pointer-events:auto}
  99.9%{visibility:visible;pointer-events:auto}
  100%{transform:translateY(-101%);visibility:hidden;pointer-events:none}
}

html.preloader-show .preloader:has(~ :focus-within){display:none}
@media(prefers-reduced-motion:reduce){
  .preloader__mark polygon{stroke-dashoffset:0;animation:none!important}
  html.preloader-show .preloader{animation:preloader-hide-reduced 300ms ease-out forwards!important}
  @keyframes preloader-hide-reduced{
    from{opacity:1;visibility:visible}
    to{opacity:0;visibility:hidden;pointer-events:none}
  }
}