.gibous-brand-loader[hidden]{display:none}.gibous-brand-loader{--gibous-loader-progress: 0;position:fixed;z-index:2147483000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;min-width:100%;min-height:100%;min-height:100svh;overflow:hidden;color:var(--gibous-loader-foreground, #ffffff);background:var(--gibous-loader-background, #000000);transform:translateZ(0);opacity:1;contain:strict;will-change:transform}.gibous-brand-loader__content{display:grid;justify-items:center;width:min(var(--gibous-loader-logo-width-desktop, 220px),76vw);transform:translateY(-1.5vh)}.gibous-brand-loader__logo{display:block;width:100%;min-width:0;height:auto;opacity:0;transform:translate3d(0,5px,0);transition:opacity .42s ease,transform .52s cubic-bezier(.22,1,.36,1)}.gibous-brand-loader.is-visible .gibous-brand-loader__logo{opacity:1;transform:translateZ(0)}.gibous-brand-loader__progress{display:grid;gap:12px;width:86%;margin-top:28px}.gibous-brand-loader__track{position:relative;display:block;width:100%;height:1px;overflow:hidden;background:color-mix(in srgb,var(--gibous-loader-foreground, #ffffff) 22%,transparent)}.gibous-brand-loader__bar{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--gibous-loader-foreground, #ffffff);transform:scaleX(var(--gibous-loader-progress));transform-origin:left center;will-change:transform}.gibous-brand-loader__number{justify-self:center;min-width:3.5em;padding-left:.14em;text-align:center;color:currentColor;font-family:var(--heading-font-family, var(--text-font-family, sans-serif));font-size:12px;font-style:var(--heading-font-style, normal);font-weight:var(--heading-font-weight, 400);font-variant-numeric:tabular-nums;line-height:1;letter-spacing:.14em}.gibous-brand-loader.is-exiting{transform:translate3d(0,-100%,0);transition:transform .56s cubic-bezier(.76,0,.24,1)}.gibous-brand-loader.is-fading{opacity:0;transition:opacity .16s ease-out}@media screen and (max-width:699px){.gibous-brand-loader__content{width:min(var(--gibous-loader-logo-width-mobile, 160px),76vw)}.gibous-brand-loader__progress{gap:11px;margin-top:24px}.gibous-brand-loader__number{font-size:11px}}@media(prefers-reduced-motion:reduce){.gibous-brand-loader,.gibous-brand-loader__logo{transform:none;transition:opacity .16s linear}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/gibous-brand-loader.css.map */