:root{--hos-motion-ease: cubic-bezier(.16, 1, .3, 1);--hos-motion-ease-soft: cubic-bezier(.33, 1, .68, 1)}[data-hos-reveal]{position:relative;opacity:0;clip-path:inset(0 0 0 0 round 0);-webkit-clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);clip-path:polygon(0 100%,100% 100%,100% 100%,0 100%);transition:opacity .5s var(--hos-motion-ease-soft),clip-path .9s var(--hos-motion-ease);will-change:opacity,clip-path}[data-hos-reveal].hos-in{opacity:1;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}[data-hos-reveal].hos-in:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);transform:translate(-140%);animation:hos-sheen-pass 1.1s var(--hos-motion-ease) .15s 1 both}@keyframes hos-sheen-pass{0%{transform:translate(-140%);opacity:0}15%{opacity:1}to{transform:translate(140%);opacity:0}}[data-hos-stagger]>*{opacity:0;transform:translate3d(0,14px,0);filter:blur(3px);transition:opacity .55s var(--hos-motion-ease-soft),transform .7s var(--hos-motion-ease),filter .55s var(--hos-motion-ease-soft)}[data-hos-stagger].hos-in>*{opacity:1;transform:none;filter:blur(0)}[data-hos-stagger].hos-in>*:nth-child(1){transition-delay:0ms}[data-hos-stagger].hos-in>*:nth-child(2){transition-delay:60ms}[data-hos-stagger].hos-in>*:nth-child(3){transition-delay:.12s}[data-hos-stagger].hos-in>*:nth-child(4){transition-delay:.18s}[data-hos-stagger].hos-in>*:nth-child(5){transition-delay:.24s}[data-hos-stagger].hos-in>*:nth-child(n+6){transition-delay:.3s}[data-hos-split] .hos-w{display:inline-block;overflow:clip;vertical-align:bottom}[data-hos-split] .hos-wi{display:inline-block;position:relative;transform:translateY(115%) rotate(2deg);transition:transform .9s var(--hos-motion-ease)}[data-hos-split].hos-in .hos-wi{transform:translateY(0) rotate(0)}[data-hos-split].hos-in .hos-wi:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(100deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translate(-160%);animation:hos-sheen-pass .85s var(--hos-motion-ease) 1;animation-delay:inherit}.hos-sheen-line{position:relative;overflow:hidden}.hos-sheen-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--hos-chrome-gradient, linear-gradient(100deg, transparent 30%, rgba(255,255,255,.7) 50%, transparent 70%));background-size:220% 100%;animation:hos-sheen-drift 5.5s linear infinite}@keyframes hos-sheen-drift{0%{background-position:140% 0}to{background-position:-140% 0}}@media(hover:hover)and (pointer:fine){[data-hos-polish]{position:relative;overflow:hidden}[data-hos-polish]:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.4) 48%,transparent 66%);transform:translate(-130%);transition:transform .9s var(--hos-motion-ease),opacity .3s ease}[data-hos-polish]:hover:after{opacity:1;transform:translate(130%)}}@media(prefers-reduced-motion:reduce){[data-hos-reveal],[data-hos-stagger]>*,[data-hos-split] .hos-wi{opacity:1!important;transform:none!important;clip-path:none!important;filter:none!important;transition:none!important}[data-hos-reveal]:after,[data-hos-split] .hos-wi:after,.hos-sheen-line:after{animation:none!important;display:none!important}}@media(max-width:749px){[data-hos-split] .hos-wi{transform:translateY(60%) rotate(1deg)}}
/*# sourceMappingURL=/cdn/shop/t/46/assets/hos-motion.css.map */
