.da-preloader {
background: var(--da-preloader-bg, #111111);
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.da-preloader__inner {
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
}
.da-preloader__logo {
width: clamp(120px, 24vw, 168px);
aspect-ratio: 138 / 150;
}
.da-preloader__svg {
display: block;
width: 100%;
height: 100%;
overflow: visible;
}
.da-preloader__part {
fill: #141414;
transition: fill 0.55s ease-in-out;
}
.da-preloader__part.is-done {
fill: var(--da-part-color, #932827);
}
.da-preloader--hide {
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.da-preloader--hide .da-preloader__svg {
transform: scale(1.04);
transition: transform 0.5s ease;
}
@media (prefers-reduced-motion: reduce) {
.da-preloader__part {
transition: none;
}
.da-preloader__part.is-done {
fill: var(--da-part-color, #932827);
}
}