:root{--m-dur-instant: .12s;--m-dur-fast: .2s;--m-dur-base: .3s;--m-dur-slow: .6s;--m-ease-out: cubic-bezier(.22, 1, .36, 1);--m-ease-emph: cubic-bezier(.2, 0, 0, 1);--m-ease-inout: cubic-bezier(.65, 0, .35, 1);--m-translate: 8px;--m-parallax: 24px;--m-zoom: 1.04}:root[data-motion=subtle]{--m-dur-base: .2s;--m-dur-slow: .4s;--m-translate: 5px;--m-parallax: 14px;--m-zoom: 1.025}:root[data-motion=rich]{--m-dur-base: .5s;--m-dur-slow: .9s;--m-translate: 14px;--m-parallax: 40px;--m-zoom: 1.07}.doel-anim .m-reveal{opacity:0;transform:translateY(var(--m-translate));transition:opacity var(--m-dur-slow) var(--m-ease-out),transform var(--m-dur-slow) var(--m-ease-out)}.doel-anim .m-reveal.is-in{opacity:1;transform:none}.doel-anim .m-reveal-group .m-reveal-item{opacity:0;transform:translateY(var(--m-translate));transition:opacity var(--m-dur-slow) var(--m-ease-out),transform var(--m-dur-slow) var(--m-ease-out)}.doel-anim .m-reveal-group.is-in .m-reveal-item{opacity:1;transform:none}.doel-anim .m-reveal-group.is-in .m-reveal-item:nth-child(1){transition-delay:0ms}.doel-anim .m-reveal-group.is-in .m-reveal-item:nth-child(2){transition-delay:90ms}.doel-anim .m-reveal-group.is-in .m-reveal-item:nth-child(3){transition-delay:.18s}.doel-anim .m-reveal-group.is-in .m-reveal-item:nth-child(4){transition-delay:.27s}.doel-anim .m-reveal-group.is-in .m-reveal-item:nth-child(5){transition-delay:.36s}.doel-anim .m-reveal-group.is-in .m-reveal-item:nth-child(6){transition-delay:.45s}.doel-anim .m-reveal.delay-1{transition-delay:.12s}.doel-anim .m-reveal.delay-2{transition-delay:.24s}.doel-anim .m-reveal.delay-3{transition-delay:.36s}.doel-anim .m-card-hover .m-card-hover-img{transition:transform var(--m-dur-slow) var(--m-ease-emph);transform-origin:center}.doel-anim .m-card-hover:hover .m-card-hover-img,.doel-anim .m-card-hover:focus-visible .m-card-hover-img{transform:scale(var(--m-zoom))}.doel-anim .m-underline{position:relative;display:inline-block;padding-bottom:4px}.doel-anim .m-underline:after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:currentColor;transition:width var(--m-dur-base) var(--m-ease-out),height var(--m-dur-base) var(--m-ease-out)}.doel-anim .m-underline:hover:after,.doel-anim .m-underline:focus-visible:after{width:100%;height:2px}.doel-anim .doel-btn:not(.doel-btn--ghost),.doel-anim .m-btn-fill{background:linear-gradient(to right,var(--doel-wheat-deep) 50%,var(--doel-ink) 50%);background-size:220% 100%;background-position:100% 0;color:var(--doel-ivory);transition:background-position var(--m-dur-base) var(--m-ease-out)}.doel-anim .doel-btn:not(.doel-btn--ghost):hover,.doel-anim .doel-btn:not(.doel-btn--ghost):focus-visible,.doel-anim .m-btn-fill:hover,.doel-anim .m-btn-fill:focus-visible{background-position:0 0;color:var(--doel-ivory)}.doel-anim .m-tap-target{transition:color var(--m-dur-fast) var(--m-ease-out)}.doel-anim .m-tap-target:active{color:var(--doel-coral-deep)}.doel-anim [data-parallax]{will-change:transform}@media(prefers-reduced-motion:reduce){.doel-anim [data-parallax]{will-change:auto}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/doel-motion.css.map */