html.hof-loader-seen site-loader{display:none!important}html.hof-loader-seen body.site-loader-active{overflow:auto!important}site-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999;display:block;overflow:hidden;background-color:rgb(var(--color-background));transition:background-color .85s ease .25s}site-loader[hidden]{display:none}site-loader.site-loader--exit{background-color:transparent}body.site-loader-active{overflow:hidden;height:100vh}.site-loader__collage{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(8,1fr);background-color:rgb(var(--color-background));transition:background-color .85s ease .25s}.site-loader--exit .site-loader__collage{background-color:transparent}.site-loader__swatch{position:relative;max-width:29.3rem;margin:-2.2rem;transform:translate(var(--jx, 0),var(--jy, 0)) rotate(var(--rot, 0deg)) scale(var(--sc, 1.4));opacity:1;transition:transform .95s cubic-bezier(.55,.06,.26,.98),opacity .95s ease;will-change:transform,opacity}.site-loader__swatch img{width:100%;height:100%;object-fit:contain;display:block}.site-loader__swatch:nth-child(12n+1){--rot: -11deg;--jx: -.8rem;--jy: -1rem;--sc: 1.42}.site-loader__swatch:nth-child(12n+2){--rot: 88deg;--jx: 1rem;--jy: .4rem;--sc: 1.55}.site-loader__swatch:nth-child(12n+3){--rot: -4deg;--jx: -.5rem;--jy: 1.4rem;--sc: 1.48}.site-loader__swatch:nth-child(12n+4){--rot: 15deg;--jx: .9rem;--jy: -1.3rem;--sc: 1.4}.site-loader__swatch:nth-child(12n+5){--rot: -93deg;--jx: -1.1rem;--jy: .6rem;--sc: 1.6}.site-loader__swatch:nth-child(12n+6){--rot: 5deg;--jx: .3rem;--jy: -.6rem;--sc: 1.5}.site-loader__swatch:nth-child(12n+7){--rot: -16deg;--jx: .6rem;--jy: 1.2rem;--sc: 1.38}.site-loader__swatch:nth-child(12n+8){--rot: 97deg;--jx: -.9rem;--jy: -.3rem;--sc: 1.55}.site-loader__swatch:nth-child(12n+9){--rot: -2deg;--jx: 1.2rem;--jy: -.9rem;--sc: 1.5}.site-loader__swatch:nth-child(12n+10){--rot: 7deg;--jx: -.3rem;--jy: .8rem;--sc: 1.35}.site-loader__swatch:nth-child(12n+11){--rot: -87deg;--jx: .5rem;--jy: -.2rem;--sc: 1.58}.site-loader__swatch:nth-child(12n+12){--rot: 3deg;--jx: -.6rem;--jy: .9rem;--sc: 1.44}.site-loader--exit .site-loader__swatch{transform:translate(var(--fly-x, 0),var(--fly-y, 0)) rotate(var(--fly-rot, 0deg)) scale(1.15);opacity:0}.site-loader__lockup{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1.2rem;text-align:center;z-index:2;width:100%;padding:0 2rem}.site-loader__logo-card{position:relative;display:flex;align-items:center;justify-content:center;transform-origin:center center;transition:transform 1.1s cubic-bezier(.65,0,.35,1)}.site-loader__logo-image{display:block;max-width:43.7rem;width:70vw;height:auto;transition:opacity .5s ease .3s}.site-loader__logo-swap{position:absolute;top:50%;left:50%;width:var(--logo-swap-width, 12rem);height:auto;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s ease .3s;pointer-events:none}.site-loader--exit:not(.site-loader--logo-fade) .site-loader__logo-swap{opacity:1}.site-loader--exit:not(.site-loader--logo-fade) .site-loader__logo-image{opacity:0}.site-loader--logo-fade .site-loader__logo-image,.site-loader--logo-fade.site-loader--exit .site-loader__logo-image{opacity:1;transition:none}.site-loader--exit .site-loader__logo-card{transform:translate(var(--logo-fly-x, 0),var(--logo-fly-y, 0)) scale(var(--logo-fly-scale, .4))}.site-loader--logo-fade .site-loader__logo-card{transition:transform 1s cubic-bezier(.65,0,.35,1),opacity .6s ease .35s}.site-loader--logo-fade.site-loader--exit .site-loader__logo-card{opacity:0}@media screen and (min-width:750px){.site-loader__collage{grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(5,1fr)}.site-loader__swatch{margin:-2.6rem}}@media(max-width:480px){.site-loader__swatch{max-width:17.4rem}.site-loader__logo-image{max-width:24.7rem}}@media(prefers-reduced-motion:reduce){site-loader,.site-loader__collage,.site-loader__swatch,.site-loader__logo-card{transition-duration:.3s!important;transition-delay:0s!important}.site-loader--exit .site-loader__swatch{transform:scale(1.02)}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/loader.css.map */