.vonili-icon{display:block;flex:0 0 auto;overflow:visible;transform-box:fill-box;transform-origin:center}.vonili-icon path,.vonili-icon circle,.vonili-icon rect,.vonili-icon line,.vonili-icon g{transform-box:fill-box;transform-origin:center}.vonili-icon-trigger.is-icon-visible .vonili-icon--shield-check .vonili-icon__shield,.vonili-icon-trigger.is-icon-tap .vonili-icon--shield-check .vonili-icon__shield,.vonili-icon-trigger[aria-expanded=true] .vonili-icon--shield-check .vonili-icon__shield{animation:vonili-shield-settle .72s cubic-bezier(.18,.85,.25,1)}.vonili-icon-trigger.is-icon-visible .vonili-icon__check,.vonili-icon-trigger.is-icon-tap .vonili-icon__check,.vonili-icon-trigger[aria-expanded=true] .vonili-icon__check{animation:vonili-check-draw .65s cubic-bezier(.22,.9,.28,1) 90ms both}.vonili-icon-trigger.is-icon-tap .vonili-icon--upload .vonili-icon__head,.vto__dropzone.is-icon-tap .vonili-icon--upload .vonili-icon__head{animation:vonili-upload-head .56s ease-in-out}.vonili-icon-trigger.is-icon-tap .vonili-icon--upload .vonili-icon__tray,.vto__dropzone.is-icon-tap .vonili-icon--upload .vonili-icon__tray{animation:vonili-stroke-draw .56s ease-out}.vonili-icon-trigger.is-icon-visible .vonili-icon--sparkles,.vonili-icon-trigger.is-icon-tap .vonili-icon--sparkles{animation:vonili-spark-settle .68s cubic-bezier(.22,1,.36,1)}.vonili-icon-trigger.is-icon-visible .vonili-icon__spark-small,.vonili-icon-trigger.is-icon-tap .vonili-icon__spark-small{animation:vonili-spark-pop .52s ease-out .12s both}.vonili-icon--try-on .vonili-icon__tryon-scan{opacity:.52;transform:translateY(-2px)}.vonili-icon--try-on .vonili-icon__tryon-spark{opacity:.86}.vonili-icon--try-on .vonili-icon__tryon-sparklet{opacity:.4;transform:scale(.75)}.vonili-icon--try-on .vonili-icon__tryon-corner{transform-box:view-box;transform-origin:center}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-corner{animation:vonili-tryon-corner .52s cubic-bezier(.34,1.4,.64,1) both}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-corner:nth-child(2){animation-delay:55ms}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-corner:nth-child(3){animation-delay:.11s}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-corner:nth-child(4){animation-delay:165ms}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-scan{animation:vonili-tryon-scan .98s cubic-bezier(.45,0,.2,1) .17s both}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-spark{animation:vonili-tryon-spark .82s cubic-bezier(.22,1,.36,1) .25s both}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-sparklet{animation:vonili-tryon-sparklet .62s ease-out .36s both}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-sparklet:nth-child(2){animation-delay:.45s}.vonili-icon-trigger:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vonili-icon__tryon-sparklet:nth-child(3){animation-delay:.54s}.vto__launch:is(.is-icon-visible,.is-icon-tap,.is-icon-ambient,[aria-expanded=true],:focus-visible) .vto__launch-icon-glow{animation:vonili-tryon-glow 1.12s cubic-bezier(.22,1,.36,1) both}.vonili-icon-trigger.is-icon-tap .vonili-icon--mail .vonili-icon__flap,.vonili-nl-field:focus-within .vonili-icon--mail .vonili-icon__flap{animation:vonili-mail-open .52s cubic-bezier(.16,1,.3,1)}.vonili-icon-trigger.is-icon-tap .vonili-icon--shopping-bag .vonili-icon__handle{animation:vonili-bag-handle .52s cubic-bezier(.16,1,.3,1)}@media(hover:hover)and (pointer:fine){.vonili-icon-trigger:hover .vonili-icon{animation:vonili-icon-lift .48s cubic-bezier(.16,1,.3,1)}.vonili-icon-trigger:hover .vonili-icon--mail .vonili-icon__flap{animation:vonili-mail-open .52s cubic-bezier(.16,1,.3,1)}.vonili-icon-trigger:hover .vonili-icon--upload .vonili-icon__head{animation:vonili-upload-head .56s ease-in-out}.vonili-icon-trigger:hover .vonili-icon__tryon-scan{animation:vonili-tryon-scan .72s cubic-bezier(.22,1,.36,1) both}.vonili-icon-trigger:hover .vonili-icon__tryon-spark{animation:vonili-tryon-spark .68s cubic-bezier(.22,1,.36,1) 70ms both}.vonili-icon-trigger:hover .vonili-icon__tryon-sparklet{animation:vonili-tryon-sparklet .56s ease-out .15s both}.vto__launch:hover .vto__launch-icon-glow{animation:vonili-tryon-glow .76s cubic-bezier(.22,1,.36,1) both}}.vonili-icon-trigger:focus-visible .vonili-icon{animation:vonili-icon-lift .48s cubic-bezier(.16,1,.3,1)}@keyframes vonili-icon-lift{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-1.5px) scale(1.08)}72%{transform:translateY(.5px) scale(.99)}}@keyframes vonili-shield-settle{0%{stroke-dasharray:80;stroke-dashoffset:80;transform:scale(.96) rotate(-2deg)}70%{stroke-dashoffset:0;transform:scale(1.04) rotate(1deg)}to{stroke-dashoffset:0;transform:scale(1) rotate(0)}}@keyframes vonili-check-draw{0%{opacity:0;stroke-dasharray:20;stroke-dashoffset:20;transform:scale(.8)}75%{opacity:1;stroke-dashoffset:0;transform:scale(1.1)}to{opacity:1;stroke-dashoffset:0;transform:scale(1)}}@keyframes vonili-upload-head{0%,to{transform:translateY(0) scale(1)}45%{transform:translateY(-2px) scale(1.05)}}@keyframes vonili-stroke-draw{0%{opacity:.35;stroke-dasharray:60;stroke-dashoffset:60}to{opacity:1;stroke-dashoffset:0}}@keyframes vonili-spark-settle{0%,to{transform:scale(1) rotate(0)}45%{transform:scale(1.08) rotate(-2deg)}75%{transform:scale(.98) rotate(1deg)}}@keyframes vonili-spark-pop{0%{opacity:0;transform:scale(.35) rotate(-35deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes vonili-tryon-corner{0%{opacity:.25;transform:scale(.72)}65%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes vonili-tryon-scan{0%{opacity:.15;transform:translateY(-4px) scaleX(.78)}48%{opacity:1;transform:translateY(3px) scaleX(1)}to{opacity:.52;transform:translateY(-2px)}}@keyframes vonili-tryon-spark{0%{opacity:.1;transform:scale(.55) rotate(-22deg)}62%{opacity:1;transform:scale(1.22) rotate(5deg)}to{opacity:.86;transform:scale(1) rotate(0)}}@keyframes vonili-tryon-sparklet{0%{opacity:0;transform:scale(.3)}70%{opacity:1;transform:scale(1.12)}to{opacity:.4;transform:scale(.75)}}@keyframes vonili-tryon-glow{0%{opacity:.22;transform:scale(.82)}55%{opacity:.72;transform:scale(1.02)}to{opacity:.34;transform:scale(.88)}}@keyframes vonili-mail-open{0%,to{transform:translateY(0)}45%{transform:translateY(-1.5px)}}@keyframes vonili-bag-handle{0%,to{transform:translateY(0)}45%{transform:translateY(-2px)}}@media(prefers-reduced-motion:reduce){.vonili-icon,.vonili-icon *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/vonili-icon-motion.css.map */