@media(prefers-reduced-motion:no-preference){@keyframes sugar-gradient-shift{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}@keyframes sugar-gradient-wave{0%,to{filter:brightness(1) saturate(1) hue-rotate(0deg)}25%{filter:brightness(1.05) saturate(1.1) hue-rotate(15deg)}50%{filter:brightness(1.1) saturate(1.05) hue-rotate(0deg)}75%{filter:brightness(1.05) saturate(1.1) hue-rotate(-15deg)}}@keyframes sugar-gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}}@property --sugar-gradient-turn{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.sugar-gradient-scroll.sugar-gradient-scroll--pinned:before{background-size:auto;background-attachment:fixed;animation:none}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.sugar-gradient-scroll.sugar-gradient-scroll--parallax:before{background-size:100% 180%;animation:sugar-gradient-parallax linear both;animation-timeline:view()}.sugar-gradient-scroll.sugar-gradient-scroll--travel:before{background-size:100% 400%;animation:sugar-gradient-travel linear both;animation-timeline:view()}.sugar-gradient-scroll.sugar-gradient-scroll--turn[style*=--sugar-gradient-angle]:before{background-image:linear-gradient(calc(var(--sugar-gradient-angle) + var(--sugar-gradient-turn)),var(--sugar-gradient-stops));animation:sugar-gradient-turn linear both;animation-timeline:view()}}}@keyframes sugar-gradient-parallax{0%{background-position:50% 100%}to{background-position:50% 0%}}@keyframes sugar-gradient-travel{0%{background-position:50% 0%}to{background-position:50% 100%}}@keyframes sugar-gradient-turn{0%{--sugar-gradient-turn: -120deg}to{--sugar-gradient-turn: 120deg}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/snippet-gradient-motion-styles.css.map */