.brand-preloader{--brand-preloader-duration: 1.8s;--brand-preloader-fade-duration: .52s;--brand-preloader-ease: cubic-bezier(.22, 1, .36, 1);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;display:grid;place-items:center;width:100vw;height:100dvh;overflow:hidden;background:rgb(var(--color-background-rgb, 255 255 255));color:rgb(var(--color-foreground-rgb, 18 18 18));opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--brand-preloader-fade-duration) var(--brand-preloader-ease),visibility var(--brand-preloader-fade-duration) var(--brand-preloader-ease)}.brand-preloader-skip .brand-preloader{display:none}.brand-preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.brand-preloader__inner{display:grid;place-items:center;width:100%;padding:2rem}.brand-preloader__logo{position:relative;width:min(60vw,340px);max-width:100%}.brand-preloader__logo-base{position:relative;color:rgb(var(--color-foreground-rgb, 18 18 18) / .24)}.brand-preloader__logo-fill{position:absolute;top:0;right:0;bottom:0;left:0;color:rgb(var(--color-foreground-rgb, 18 18 18));clip-path:inset(0 100% 0 0);animation:brand-preloader-logo-fill var(--brand-preloader-duration) var(--brand-preloader-ease) .14s forwards;will-change:clip-path}.brand-preloader__logo-image{width:100%;height:auto}.brand-preloader__logo-base .brand-preloader__logo-image{filter:grayscale(1);opacity:.24}.brand-preloader__logo-fill .brand-preloader__logo-image{opacity:1}.brand-preloader__logo-text{display:none;width:100%;font-family:var(--font-heading--family, inherit);font-size:1.6rem;font-style:var(--font-heading--style, normal);font-weight:var(--font-heading--weight, 400);line-height:1.1;letter-spacing:0;text-align:center;text-transform:uppercase;overflow-wrap:anywhere}.brand-preloader.has-logo-error .brand-preloader__logo-image{display:none}.brand-preloader.has-logo-error .brand-preloader__logo-text{display:block}@keyframes brand-preloader-logo-fill{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@media screen and (max-width:749px){.brand-preloader__inner{padding:1.5rem}.brand-preloader__logo{width:min(64vw,320px)}.brand-preloader__logo-text{font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.brand-preloader{--brand-preloader-duration: .4s;--brand-preloader-fade-duration: .2s}.brand-preloader__logo-fill{animation-duration:var(--brand-preloader-duration);animation-delay:0s}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/brand-preloader.css.map */