@property --inno-sweep{syntax: "<number>"; inherits: true; initial-value: 1;}.inno-accent{--inno-sweep: 1;position:relative;display:block;width:var(--inno-accent-w);max-width:100%;aspect-ratio:var(--inno-accent-ratio);transform:rotate(var(--inno-accent-rotate));opacity:var(--inno-accent-opacity, 1);line-height:0;pointer-events:none}.inno-accent--align-start{margin-inline-end:auto}.inno-accent--align-center{margin-inline:auto}.inno-accent--align-end{margin-inline-start:auto}@media screen and (max-width:749px){.inno-accent{width:var(--inno-accent-w-mobile)}}.inno-accent__fill,.inno-accent__line{position:absolute;top:0;right:0;bottom:0;left:0;display:block;mask-repeat:no-repeat;mask-size:100% 100%;mask-position:0 0;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%;-webkit-mask-position:0 0}.inno-accent__fill{background:var(--inno-accent-tint);mask-image:var(--inno-accent-fill-url);-webkit-mask-image:var(--inno-accent-fill-url)}.inno-accent__line{background:var(--inno-accent-line);mask-image:var(--inno-accent-line-url);-webkit-mask-image:var(--inno-accent-line-url)}.inno-accent--draw .inno-accent__fill{mask-image:var(--inno-accent-fill-url),linear-gradient(to right,#000 calc(var(--inno-sweep) * 100%),transparent calc(var(--inno-sweep) * 100% + .5px));-webkit-mask-image:var(--inno-accent-fill-url),linear-gradient(to right,#000 calc(var(--inno-sweep) * 100%),transparent calc(var(--inno-sweep) * 100% + .5px))}.inno-accent--draw .inno-accent__line{mask-image:var(--inno-accent-line-url),linear-gradient(to right,#000 calc(var(--inno-sweep) * 100%),transparent calc(var(--inno-sweep) * 100% + .5px));-webkit-mask-image:var(--inno-accent-line-url),linear-gradient(to right,#000 calc(var(--inno-sweep) * 100%),transparent calc(var(--inno-sweep) * 100% + .5px))}.inno-accent--draw .inno-accent__fill,.inno-accent--draw .inno-accent__line{mask-composite:intersect;-webkit-mask-composite:source-in;mask-size:100% 100%,100% 100%;-webkit-mask-size:100% 100%,100% 100%}.inno-reveal .inno-accent--draw{--inno-sweep: 0}.inno-reveal.is-in .inno-accent--draw{--inno-sweep: 1;transition:--inno-sweep .8s cubic-bezier(.2,.8,.2,1) .15s}@keyframes inno-ring{0%{--inno-sweep: 0}to{--inno-sweep: 1}}.inno-circled{--inno-sweep: 1;position:relative;display:inline-block;isolation:isolate;white-space:nowrap}.inno-circled:before,.inno-circled:after{content:"";position:absolute;z-index:-1;top:-24%;right:-13%;bottom:-22%;left:-12%;mask-repeat:no-repeat;mask-size:100% 100%,100% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 100%,100% 100%;mask-composite:intersect;-webkit-mask-composite:source-in;pointer-events:none}.inno-circled:before{background:var(--inno-pink);mask-image:url(/cdn/shop/files/inno-circle-hatch.png?width=600),conic-gradient(from -90deg,#000 calc(var(--inno-sweep) * 360deg),transparent 0);-webkit-mask-image:url(/cdn/shop/files/inno-circle-hatch.png?width=600),conic-gradient(from -90deg,#000 calc(var(--inno-sweep) * 360deg),transparent 0)}.inno-circled:after{background:var(--color-foreground, var(--inno-cloud));mask-image:url(/cdn/shop/files/inno-circle-outline.png?width=600),conic-gradient(from -90deg,#000 calc(var(--inno-sweep) * 360deg),transparent 0);-webkit-mask-image:url(/cdn/shop/files/inno-circle-outline.png?width=600),conic-gradient(from -90deg,#000 calc(var(--inno-sweep) * 360deg),transparent 0)}.inno-circled--draw{animation:inno-ring .8s cubic-bezier(.2,.8,.2,1) 1.1s both}.innocent-hero__button.button:after,[id$=__packs] a.button:after{content:"";display:inline-block;flex-shrink:0;width:1.85em;height:.6em;margin-inline-start:.5em;vertical-align:-.02em;background:currentColor;mask:url(/cdn/shop/files/inno-arrow-straight-outline.png?width=300) center / contain no-repeat;-webkit-mask:url(/cdn/shop/files/inno-arrow-straight-outline.png?width=300) center / contain no-repeat;transition:transform .3s cubic-bezier(.63,-.01,.26,1.49)}.innocent-hero__button.button:hover:after,[id$=__packs] a.button:hover:after{transform:translate(4px)}@media(prefers-reduced-motion:reduce){.inno-reveal .inno-accent--draw,.inno-reveal.is-in .inno-accent--draw{--inno-sweep: 1;transition:none}.inno-circled--draw{animation:none}.innocent-hero__button.button:after,[id$=__packs] a.button:after{transition:none;transform:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/innocent-accents.css.map */