.eshop-semantic-icon{--pf-ink:#24366f;--pf-white:#fff;--pf-white-mid:#d8e5ff;--pf-white-deep:#bbd0f3;--pf-blue:#4565f0;--pf-blue-light:#8da5ff;--pf-blue-deep:#2d42a7;--pf-teal:#24b89c;--pf-teal-light:#8de5d0;--pf-teal-deep:#0d7e73;--pf-orange:#ffaa45;--pf-orange-light:#ffdf8b;--pf-orange-deep:#de7328;--pf-rose:#f36f97;--pf-rose-light:#ffb0c8;--pf-rose-deep:#b94076;--pf-cocoa:#7f4235;--pf-cocoa-light:#b97050;--pf-cocoa-deep:#492830;--pf-foil:#ddeaff;--pf-foil-light:#fff;--pf-foil-deep:#8ea9d8;--pf-shadow:#273c92;--pf-edge:#fff}.eshop-semantic-icon[data-appearance=dark],html.dark .eshop-semantic-icon:not([data-appearance]),html[data-theme=dark] .eshop-semantic-icon:not([data-appearance]){--pf-ink:#cbd8ff;--pf-white:#dfeaff;--pf-white-mid:#aabfec;--pf-white-deep:#647eb9;--pf-blue:#9b8cff;--pf-blue-light:#d5caff;--pf-blue-deep:#5949ad;--pf-teal:#42c9d5;--pf-teal-light:#9beaf3;--pf-teal-deep:#216d94;--pf-orange:#ffd28b;--pf-orange-light:#ffe9b4;--pf-orange-deep:#bf813e;--pf-rose:#ff9c94;--pf-rose-light:#ffcbc0;--pf-rose-deep:#b85e7e;--pf-cocoa:#a9636c;--pf-cocoa-light:#dfa091;--pf-cocoa-deep:#53253f;--pf-foil:#8ba2d6;--pf-foil-light:#dce7ff;--pf-foil-deep:#4f659e;--pf-shadow:#050919;--pf-edge:#c6d8ff}.eshop-semantic-icon{--slow:6s;--medium:2.8s;--quick:.75s;--stagger:.12s;--progress:.62;--level:.6656;--ease:cubic-bezier(.22,.68,.24,1)}.eshop-semantic-icon .category-art{--pf-attend:calc(var(--quick,.75s)*.8);--pf-press:calc(var(--quick,.75s)*.107);--pf-select:calc(var(--quick,.75s)*.293);--pf-success:calc(var(--quick,.75s)*.8);--pf-reveal:calc(var(--quick,.75s)*.56);--pf-loop:calc(var(--medium,2.8s)*1.14);--pf-out:cubic-bezier(.2,.75,.22,1);--pf-in:cubic-bezier(.35,0,.65,1);--pf-hold:translate(0,0)}.eshop-semantic-icon .part,.eshop-semantic-icon .part-cap,.eshop-semantic-icon .part-lid,.eshop-semantic-icon .part-liquid,.eshop-semantic-icon .part-sheen{--pf-hold:translate(0,0);transform-box:view-box;transition:transform var(--pf-select) var(--pf-out),opacity var(--pf-select) linear;will-change:auto}.eshop-semantic-icon .part-bottle{transform-origin:160px 206px}.eshop-semantic-icon .part-tin{transform-origin:90px 202px}.eshop-semantic-icon .part-cap{transform-origin:159px 80px}.eshop-semantic-icon .part-liquid{transform-origin:160px 207px}.eshop-semantic-icon .part-spoon{transform-origin:175px 170px}.eshop-semantic-icon .part-jar{transform-origin:112px 210px}.eshop-semantic-icon .part-lid{transform-origin:112px 92px}.eshop-semantic-icon .part-pear{transform-origin:180px 211px}.eshop-semantic-icon .part-leaves{transform-origin:181px 139px}.eshop-semantic-icon .part-bread{transform-origin:89px 140px}.eshop-semantic-icon .part-carton{transform-origin:149px 137px}.eshop-semantic-icon .part-bag{transform-origin:122px 212px}.eshop-semantic-icon .part-apple{transform-origin:193px 215px}.eshop-semantic-icon .part-bar{transform-origin:125px 165px}.eshop-semantic-icon .part-foil{transform-origin:126px 159px}.eshop-semantic-icon .part-wrapper{transform-origin:124px 220px}.eshop-semantic-icon .part-piece{transform-origin:62px 205px}.eshop-semantic-icon .part-tissue{transform-origin:172px 103px}.eshop-semantic-icon .popform-art .part-tissue{transform-origin:170px 108px}.eshop-semantic-icon .part-pack{transform-origin:164px 174px}.eshop-semantic-icon .part-diaper{transform-origin:95px 215px}.eshop-semantic-icon .confirmation{opacity:0;transform-origin:209px 204px;transition:opacity .12s linear,transform .18s var(--pf-out);transform:scale(.8)}.eshop-semantic-icon .confirmation path{stroke-dasharray:28;stroke-dashoffset:28px;transition:stroke-dashoffset .18s var(--pf-out)}.eshop-semantic-icon .ground-shadow{transform-origin:128px 219px;transition:transform var(--pf-select) var(--pf-out)}.eshop-semantic-icon [data-state=idle] .part,.eshop-semantic-icon [data-state=idle] .part-cap,.eshop-semantic-icon [data-state=idle] .part-lid,.eshop-semantic-icon [data-state=idle] .part-liquid{animation:pf-rest-reset var(--pf-select) var(--pf-out) both}.eshop-semantic-icon [data-state=idle] .paper-highlight{animation:pf-light-breathe var(--slow,6s) linear infinite}.eshop-semantic-icon [data-state=idle] .part-spoon{animation:pf-rest-reset var(--pf-select) var(--pf-out) both,pf-spoon-rest var(--slow,6s) ease-in-out var(--pf-select) infinite}.eshop-semantic-icon [data-state=idle] .part-leaves{animation:pf-rest-reset var(--pf-select) var(--pf-out) both,pf-leaf-rest var(--slow,6s) ease-in-out var(--pf-select) infinite}.eshop-semantic-icon [data-state=idle] .part-sheen{animation:pf-sheen-rest var(--slow,6s) linear infinite}.eshop-semantic-icon [data-state=idle] .part-tissue{animation:pf-rest-reset var(--pf-select) var(--pf-out) both,pf-wipe-rest var(--slow,6s) ease-in-out var(--pf-select) infinite}@keyframes pf-rest-reset{0%{transform:var(--pf-from,none)}to{transform:none}}@keyframes pf-light-breathe{0%,60%,to{opacity:.72}78%{opacity:.94}}@keyframes pf-spoon-rest{0%,58%,to{transform:none}72%{transform:rotate(-1.2deg)}84%{transform:rotate(.35deg)}}@keyframes pf-leaf-rest{0%,46%,to{transform:none}60%{transform:rotate(1.8deg)}75%{transform:rotate(-.45deg)}}@keyframes pf-sheen-rest{0%,62%,to{opacity:.1;transform:translate(-1px)}78%{opacity:.27;transform:translate(4px)}91%{opacity:.1;transform:translate(6px)}}@keyframes pf-wipe-rest{0%,54%,to{transform:none}70%{transform:rotate(1.3deg)}84%{transform:rotate(-.3deg)}}.eshop-semantic-icon [data-state=attention] .part,.eshop-semantic-icon [data-state=attention] .part-cap,.eshop-semantic-icon [data-state=attention] .part-lid{animation:pf-focus-settle var(--pf-attend) var(--pf-out) both}.eshop-semantic-icon [data-state=attention] .part-cap{--pf-hold:translateY(-5px);animation-name:pf-cap-unseal}.eshop-semantic-icon [data-state=attention] .part-bottle{--pf-hold:rotate(1deg)}.eshop-semantic-icon [data-state=attention] .part-tin{--pf-hold:rotate(-.6deg)}.eshop-semantic-icon [data-state=attention] .part-lid{--pf-hold:translate(-4px,-9px) rotate(-5deg);animation-name:pf-lid-open}.eshop-semantic-icon [data-state=attention] .part-spoon{--pf-hold:translate(-3px,-5px) rotate(-5deg);animation-name:pf-spoon-ready}.eshop-semantic-icon [data-state=attention] .part-pear{--pf-hold:rotate(1deg)}.eshop-semantic-icon [data-state=attention] .part-bag{--pf-hold:scaleX(1.018)}.eshop-semantic-icon [data-state=attention] .part-bread{--pf-hold:translateY(-4px) rotate(-1.5deg);animation-name:pf-grocery-rise}.eshop-semantic-icon [data-state=attention] .part-carton{--pf-hold:translateY(-2px);animation-name:pf-carton-rise}.eshop-semantic-icon [data-state=attention] .part-leaves{--pf-hold:rotate(2deg)}.eshop-semantic-icon [data-state=attention] .part-wrapper{--pf-hold:translateY(5px);animation-name:pf-sleeve-open}.eshop-semantic-icon [data-state=attention] .part-foil{--pf-hold:translateY(3px) scaleX(1.035) rotate(-1deg);animation-name:pf-foil-open}.eshop-semantic-icon [data-state=attention] .part-piece{--pf-hold:rotate(-3deg)}.eshop-semantic-icon [data-state=attention] .part-pack{--pf-hold:scaleY(.99)}.eshop-semantic-icon [data-state=attention] .part-tissue{--pf-hold:scaleY(1.09) rotate(.8deg);animation-name:pf-wipe-offer}.eshop-semantic-icon [data-state=attention] .part-diaper{--pf-hold:rotate(-1.2deg)}@keyframes pf-focus-settle{0%{transform:var(--pf-from,none)}to{transform:var(--pf-hold)}}@keyframes pf-cap-unseal{0%{transform:var(--pf-from,none)}18%{transform:translateY(1px)}66%{transform:translateY(-6px)}to{transform:translateY(-5px)}}@keyframes pf-lid-open{0%{transform:var(--pf-from,none)}18%{transform:translateY(1px)rotate(1deg)}67%{transform:translate(-4px,-10px)rotate(-6deg)}to{transform:translate(-4px,-9px)rotate(-5deg)}}@keyframes pf-spoon-ready{0%{transform:var(--pf-from,none)}22%{transform:rotate(1deg)}70%{transform:translate(-3px,-6px)rotate(-6deg)}to{transform:translate(-3px,-5px)rotate(-5deg)}}@keyframes pf-grocery-rise{0%{transform:var(--pf-from,none)}18%{transform:translateY(1px)}68%{transform:translateY(-5px)rotate(-2deg)}to{transform:translateY(-4px)rotate(-1.5deg)}}@keyframes pf-carton-rise{0%{transform:var(--pf-from,none)}28%{transform:none}76%{transform:translateY(-2.7px)}to{transform:translateY(-2px)}}@keyframes pf-sleeve-open{0%{transform:var(--pf-from,none)}18%{transform:translateY(-1px)}70%{transform:translateY(6px)}to{transform:translateY(5px)}}@keyframes pf-foil-open{0%{transform:var(--pf-from,none)}24%{transform:scaleX(.99)}75%{transform:translateY(4px)scaleX(1.04)rotate(-1.5deg)}to{transform:translateY(3px)scaleX(1.035)rotate(-1deg)}}@keyframes pf-wipe-offer{0%{transform:var(--pf-from,none)}18%{transform:scaleY(.985)rotate(-.4deg)}68%{transform:scaleY(1.105)rotate(1.2deg)}to{transform:scaleY(1.09)rotate(.8deg)}}.eshop-semantic-icon [data-state=press] .part,.eshop-semantic-icon [data-state=press] .part-cap,.eshop-semantic-icon [data-state=press] .part-lid{animation:pf-press-settle var(--pf-press) cubic-bezier(.2,.6,.35,1) both}.eshop-semantic-icon [data-state=press] .part-bottle{--pf-hold:scale(1.012,.966)}.eshop-semantic-icon [data-state=press] .part-cap{--pf-hold:translateY(1px)}.eshop-semantic-icon [data-state=press] .part-tin{--pf-hold:rotate(.65deg)}.eshop-semantic-icon [data-state=press] .part-jar{--pf-hold:scale(1.012,.975)}.eshop-semantic-icon [data-state=press] .part-lid{--pf-hold:translateY(1.4px)}.eshop-semantic-icon [data-state=press] .part-spoon{--pf-hold:rotate(1.8deg)}.eshop-semantic-icon [data-state=press] .part-pear{--pf-hold:translateX(1px) rotate(-2deg)}.eshop-semantic-icon [data-state=press] .part-bag{--pf-hold:scale(1.025,.964)}.eshop-semantic-icon [data-state=press] .part-bread{--pf-hold:translateY(1px) rotate(1.2deg)}.eshop-semantic-icon [data-state=press] .part-carton{--pf-hold:translateY(2px)}.eshop-semantic-icon [data-state=press] .part-apple{--pf-hold:translateX(1.7px) rotate(3deg)}.eshop-semantic-icon [data-state=press] .part-wrapper{--pf-hold:scale(1.012,.97)}.eshop-semantic-icon [data-state=press] .part-foil{--pf-hold:translateY(2px) scaleX(.99)}.eshop-semantic-icon [data-state=press] .part-piece{--pf-hold:rotate(6deg) translateY(1px)}.eshop-semantic-icon [data-state=press] .part-pack{--pf-hold:scale(1.015,.965)}.eshop-semantic-icon [data-state=press] .part-tissue{--pf-hold:scaleY(.965) rotate(-1deg)}.eshop-semantic-icon [data-state=press] .part-diaper{--pf-hold:scale(1.012,.972)}.eshop-semantic-icon [data-state=press] .ground-shadow{transform:scaleX(1.03)}@keyframes pf-press-settle{0%{transform:var(--pf-from,none)}to{transform:var(--pf-hold)}}.eshop-semantic-icon [data-state=loading] .part-liquid{transform:scaleY(var(--level,.6656));transition-duration:.18s}.eshop-semantic-icon [data-state=loading] .part-cap{transform:translateY(-3px)}.eshop-semantic-icon [data-state=loading] .paper-highlight{animation:pf-light-breathe var(--pf-loop) linear infinite}.eshop-semantic-icon [data-state=loading] .part-lid{transform:translate(-6px,-10px)rotate(-7deg)}.eshop-semantic-icon [data-state=loading] .part-spoon{animation:pf-scoop-cycle var(--pf-loop) var(--pf-in) infinite}.eshop-semantic-icon [data-state=loading] .part-bread{animation:pf-pack-bread var(--pf-loop) var(--pf-out) infinite}.eshop-semantic-icon [data-state=loading] .part-carton{animation:pf-pack-carton var(--pf-loop) var(--pf-out) infinite}.eshop-semantic-icon [data-state=loading] .part-leaves{animation:pf-pack-leaves var(--pf-loop) ease-in-out infinite}.eshop-semantic-icon [data-state=loading] .part-wrapper{transform:translateY(calc(2px + var(--progress,.62)*11px));transition-duration:.18s}.eshop-semantic-icon [data-state=loading] .part-foil{transform:translateY(calc(1px + var(--progress,.62)*5px)) scaleX(calc(1 + var(--progress,.62)*.045));transition-duration:.18s}.eshop-semantic-icon [data-state=loading] .part-sheen{animation:pf-sheen-rest var(--pf-loop) linear infinite}.eshop-semantic-icon [data-state=loading] .part-tissue{transform:scaleY(calc(1 + var(--progress,.62)*.12));animation:pf-wipe-extract var(--pf-loop) ease-in-out infinite}.eshop-semantic-icon [data-state=loading] .part-pack{animation:pf-pack-resist var(--pf-loop) ease-in-out infinite}@keyframes pf-scoop-cycle{0%,12%,to{transform:translateY(-3px)rotate(-1deg)}24%{transform:translate(1px,-2px)rotate(1deg)}45%{transform:translate(-10px,2px)rotate(-10deg)}56%{transform:translate(-10px,2px)rotate(-10deg)}76%{transform:translate(-6px,-7px)rotate(-5deg)}91%{transform:translateY(-3px)rotate(-1deg)}}@keyframes pf-pack-bread{0%,13%,to{transform:none}28%{transform:translateY(-6px)rotate(-1.5deg)}48%{transform:translateY(1.8px)rotate(.4deg)}61%,92%{transform:none}}@keyframes pf-pack-carton{0%,34%,to{transform:none}52%{transform:translateY(-5px)rotate(1deg)}70%{transform:translateY(1.3px)}82%,94%{transform:none}}@keyframes pf-pack-leaves{0%,42%,to{transform:none}61%{transform:rotate(1.7deg)}77%{transform:rotate(-.4deg)}91%{transform:none}}@keyframes pf-wipe-extract{0%,15%,to{transform:scaleY(calc(1 + var(--progress,.62)*.12))}31%{transform:scaleY(calc(.993 + var(--progress,.62)*.12)) rotate(-.45deg)}62%{transform:scaleY(calc(1.015 + var(--progress,.62)*.12)) rotate(.6deg)}82%{transform:scaleY(calc(1 + var(--progress,.62)*.12))}}@keyframes pf-pack-resist{0%,15%,to{transform:none}31%{transform:scaleY(.992)}62%{transform:scaleY(.984)}82%{transform:none}}.eshop-semantic-icon [data-state=success] .part,.eshop-semantic-icon [data-state=success] .part-cap,.eshop-semantic-icon [data-state=success] .part-lid{animation:pf-success-rest var(--pf-success) var(--pf-out) both}.eshop-semantic-icon [data-state=success] .part-cap{animation-name:pf-cap-lock}.eshop-semantic-icon [data-state=success] .part-spoon{animation-name:pf-spoon-done}.eshop-semantic-icon [data-state=success] .part-lid{animation-name:pf-lid-close}.eshop-semantic-icon [data-state=success] .part-bag{animation-name:pf-bag-done}.eshop-semantic-icon [data-state=success] .part-apple{animation-name:pf-apple-done}.eshop-semantic-icon [data-state=success] .part-piece{animation-name:pf-square-done}.eshop-semantic-icon [data-state=success] .part-wrapper{--pf-hold:translateY(4px)}.eshop-semantic-icon [data-state=success] .part-tissue{animation-name:pf-wipe-done}.eshop-semantic-icon [data-state=success] .confirmation{animation:pf-confirm var(--pf-success) linear both}.eshop-semantic-icon [data-state=success] .confirmation path{animation:pf-check-draw var(--pf-success) linear both}@keyframes pf-success-rest{0%{transform:var(--pf-from,none)}to{transform:var(--pf-hold)}}@keyframes pf-cap-lock{0%{transform:var(--pf-from,translateY(-3px))}45%{transform:translateY(1px)}66%{transform:translateY(-.4px)}to{transform:none}}@keyframes pf-spoon-done{0%{transform:var(--pf-from,translate(-6px,-7px) rotate(-5deg))}56%{transform:translate(1px,-1px)rotate(1deg)}to{transform:none}}@keyframes pf-lid-close{0%{transform:var(--pf-from,translate(-6px,-10px) rotate(-7deg))}55%{transform:translateY(.8px)}77%{transform:translateY(-.25px)}to{transform:none}}@keyframes pf-bag-done{0%{transform:var(--pf-from,none)}23%{transform:scale(1.008,.987)}54%{transform:scale(.997,1.008)}to{transform:none}}@keyframes pf-apple-done{0%{transform:var(--pf-from,none)}34%{transform:translate(1px)rotate(2deg)}76%,to{transform:none}}@keyframes pf-square-done{0%{transform:var(--pf-from,none)}18%{transform:rotate(2deg)}55%{transform:translate(-3px,-4px)rotate(-7deg)}to{transform:translate(-2px,-2px)rotate(-4deg)}}@keyframes pf-wipe-done{0%{transform:var(--pf-from,scaleY(1.1))}55%{transform:scaleY(1.02)rotate(-.6deg)}to{transform:scaleY(1.045)}}@keyframes pf-confirm{0%,56%{opacity:0;transform:translateY(3px)scale(.84)}78%{opacity:1;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes pf-check-draw{0%,65%{stroke-dashoffset:28px}94%,to{stroke-dashoffset:0}}.eshop-semantic-icon [data-state=entrance] .part{animation:pf-arrive-base var(--pf-reveal) var(--pf-out) both}.eshop-semantic-icon [data-state=entrance] .part-tin,.eshop-semantic-icon [data-state=entrance] .part-jar,.eshop-semantic-icon [data-state=entrance] .part-bag,.eshop-semantic-icon [data-state=entrance] .part-wrapper,.eshop-semantic-icon [data-state=entrance] .part-pack{animation-delay:0s}.eshop-semantic-icon [data-state=entrance] .part-bottle,.eshop-semantic-icon [data-state=entrance] .part-pear,.eshop-semantic-icon [data-state=entrance] .part-bread,.eshop-semantic-icon [data-state=entrance] .part-bar,.eshop-semantic-icon [data-state=entrance] .part-diaper{animation-delay:calc(var(--stagger,.12s)*.5)}.eshop-semantic-icon [data-state=entrance] .part-spoon,.eshop-semantic-icon [data-state=entrance] .part-carton,.eshop-semantic-icon [data-state=entrance] .part-foil,.eshop-semantic-icon [data-state=entrance] .part-tissue{animation-name:pf-arrive-content;animation-delay:var(--stagger,.12s)}.eshop-semantic-icon [data-state=entrance] .part-leaves,.eshop-semantic-icon [data-state=entrance] .part-apple,.eshop-semantic-icon [data-state=entrance] .part-piece{animation-delay:calc(var(--stagger,.12s)*1.5)}@keyframes pf-arrive-base{0%{opacity:0;transform:translateY(8px)scale(.985)}65%{opacity:1;transform:translateY(-.6px)}to{opacity:1;transform:none}}@keyframes pf-arrive-content{0%{opacity:0;transform:translateY(-10px)rotate(2deg)}70%{opacity:1;transform:translateY(.7px)}to{opacity:1;transform:none}}.eshop-semantic-icon [data-state=selected] .part,.eshop-semantic-icon [data-state=selected] .part-cap,.eshop-semantic-icon [data-state=selected] .part-lid{animation:pf-select-pose var(--pf-select) var(--pf-out) both}.eshop-semantic-icon [data-state=selected] .part-bottle{--pf-hold:rotate(.7deg)}.eshop-semantic-icon [data-state=selected] .part-spoon{--pf-hold:rotate(-3deg)}.eshop-semantic-icon [data-state=selected] .part-leaves{--pf-hold:rotate(1.3deg)}.eshop-semantic-icon [data-state=selected] .part-wrapper{--pf-hold:translateY(4px)}.eshop-semantic-icon [data-state=selected] .part-foil{--pf-hold:translateY(2px) scaleX(1.025)}.eshop-semantic-icon [data-state=selected] .part-piece{--pf-hold:rotate(-2deg)}.eshop-semantic-icon [data-state=selected] .part-tissue{--pf-hold:scaleY(1.045) rotate(.3deg)}.eshop-semantic-icon [data-state=selected] .part-diaper{--pf-hold:rotate(-.7deg)}.eshop-semantic-icon [data-state=selected] .confirmation{opacity:1;transform:scale(1)}.eshop-semantic-icon [data-state=selected] .confirmation path{stroke-dashoffset:0}@keyframes pf-select-pose{0%{transform:var(--pf-from,none)}to{transform:var(--pf-hold)}}.eshop-semantic-icon [data-paused=true] *{animation-play-state:paused!important}.eshop-semantic-icon [data-paused=true][data-state=entrance] .part{opacity:1!important;transform:none!important}.eshop-semantic-icon [data-paused=true][data-state=success] .confirmation{opacity:1!important;transform:scale(1)!important}.eshop-semantic-icon [data-paused=true][data-state=success] .confirmation path{stroke-dashoffset:0!important}.eshop-semantic-icon [data-reduced=true] *,.eshop-semantic-icon [data-reduced=true]{transition:none!important;animation:none!important}.eshop-semantic-icon [data-reduced=true] .part,.eshop-semantic-icon [data-reduced=true] .part-cap,.eshop-semantic-icon [data-reduced=true] .part-lid{transform:var(--pf-hold)!important;opacity:1!important}.eshop-semantic-icon [data-reduced=true][data-state=loading] .part-liquid{transform:scaleY(var(--level,.6656))!important}.eshop-semantic-icon [data-reduced=true][data-state=loading] .part-wrapper{transform:translateY(calc(2px + var(--progress,.62)*11px))!important}.eshop-semantic-icon [data-reduced=true][data-state=loading] .part-tissue{transform:scaleY(calc(1 + var(--progress,.62)*.12))!important}.eshop-semantic-icon [data-reduced=true][data-state=success] .confirmation,.eshop-semantic-icon [data-reduced=true][data-state=selected] .confirmation{opacity:1!important;transform:scale(1)!important}.eshop-semantic-icon [data-reduced=true] .confirmation path{stroke-dashoffset:0!important}.eshop-semantic-icon [data-reduced=true][data-state=entrance] .part{opacity:1!important;transform:none!important}.eshop-semantic-icon [data-reduced=true] .selection-halo,.eshop-semantic-icon [data-reduced=true] .toast{transition:none}.eshop-semantic-icon html[data-reduced=true]{scroll-behavior:auto}.eshop-semantic-icon [data-paused=true][data-state=success] .confirmation,.eshop-semantic-icon [data-reduced=true][data-state=success] .confirmation,.eshop-semantic-icon [data-reduced=true][data-state=selected] .confirmation{opacity:1!important;transform:scale(1)!important}.eshop-semantic-icon [data-paused=true][data-state=success] .confirmation path,.eshop-semantic-icon [data-reduced=true] .confirmation path{stroke-dashoffset:0!important}.eshop-semantic-icon .collection-art{--co-attend:calc(var(--quick,.75s)*.8);--co-press:calc(var(--quick,.75s)*.107);--co-select:calc(var(--quick,.75s)*.293);--co-reveal:calc(var(--quick,.75s)*.56);--co-loop:calc(var(--medium,2.8s)*1.2);--co-out:cubic-bezier(.2,.75,.22,1);--co-in:cubic-bezier(.35,0,.65,1)}.eshop-semantic-icon .collection-art .part{transform-box:view-box;opacity:1;transition:transform var(--co-select) var(--co-out);--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:translate(0,0);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:0s;will-change:auto;animation:none;transform:none}.eshop-semantic-icon :is([data-icon=baby-age-6-plus-months] .collection-art,.collection-art[data-icon=baby-age-6-plus-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-6-plus-months] .collection-art,.collection-art[data-icon=baby-age-6-plus-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=idle] .collection-art,.collection-art[data-state=idle]) .part{animation:co-reset var(--co-select) var(--co-out) both}.eshop-semantic-icon :is([data-state=attention] .collection-art,.collection-art[data-state=attention]) .part{animation:co-attention var(--co-attend) var(--co-out) both}.eshop-semantic-icon :is([data-state=press] .collection-art,.collection-art[data-state=press]) .part{animation:co-press var(--co-press) var(--co-out) both}.eshop-semantic-icon :is([data-state=loading] .collection-art,.collection-art[data-state=loading]) .part{animation:co-load-entry var(--co-select) var(--co-out) both,co-work var(--co-loop) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-state=success] .collection-art,.collection-art[data-state=success]) .part{animation:co-success var(--co-attend) var(--co-out) both}.eshop-semantic-icon :is([data-state=entrance] .collection-art,.collection-art[data-state=entrance]) .part{animation:co-enter var(--co-reveal) var(--co-out) var(--co-stagger) both}.eshop-semantic-icon :is([data-state=selected] .collection-art,.collection-art[data-state=selected]) .part{animation:co-select var(--co-select) var(--co-out) both}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-6-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-6-plus-months],.collection-art[data-state=attention][data-icon=baby-age-6-plus-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-6-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-6-plus-months],.collection-art[data-state=loading][data-icon=baby-age-6-plus-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-6-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-6-plus-months],.collection-art[data-state=success][data-icon=baby-age-6-plus-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-6-plus-months] .collection-art,.collection-art[data-icon=baby-age-6-plus-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-6-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-6-plus-months],.collection-art[data-state=loading][data-icon=baby-age-6-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-6-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-6-plus-months],.collection-art[data-state=attention][data-icon=baby-age-6-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-6-plus-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-6-plus-months],.collection-art[data-state=selected][data-icon=baby-age-6-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-6-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-6-plus-months],.collection-art[data-state=success][data-icon=baby-age-6-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}@keyframes co-age-sequence{0%,60%,to{opacity:.6;transform:scale(1)}25%{opacity:1;transform:scale(1.12)}}@keyframes co-mist-release{0%,30%,to{opacity:.3}52%{opacity:.9}76%{opacity:.38}}@keyframes co-reset{0%{transform:var(--pf-from,none)}to{transform:none}}@keyframes co-idle{0%,66%,to{transform:none}78%{transform:var(--co-idle)}88%{transform:none}}@keyframes co-attention{0%{transform:var(--pf-from,none)}18%{transform:var(--co-anticipate)}65%{transform:var(--co-peak)}to{transform:var(--co-attention)}}@keyframes co-secondary-attention{0%{transform:var(--pf-from,none)}29%{transform:var(--co-anticipate)}73%{transform:var(--co-peak)}to{transform:var(--co-attention)}}@keyframes co-press{0%{transform:var(--pf-from,none)}to{transform:var(--co-press-pose)}}@keyframes co-select{0%{transform:var(--pf-from,none)}to{transform:var(--co-selected)}}@keyframes co-load-entry{0%{transform:var(--pf-from,none)}to{transform:var(--co-loadstart)}}@keyframes co-work{0%,18%,to{transform:var(--co-loadstart)}28%{transform:var(--co-anticipate)}48%{transform:var(--co-loadwork)}65%{transform:var(--co-loadend)}84%{transform:var(--co-loadstart)}}@keyframes co-secondary-work{0%,31%,to{transform:var(--co-loadstart)}54%{transform:var(--co-loadwork)}73%{transform:var(--co-loadend)}90%{transform:var(--co-loadstart)}}@keyframes co-success{0%{transform:var(--pf-from,none)}18%{transform:var(--co-anticipate)}55%{transform:var(--co-success)}to{transform:none}}@keyframes co-secondary-success{0%{transform:var(--pf-from,none)}28%{transform:var(--co-anticipate)}66%{transform:var(--co-success)}to{transform:none}}@keyframes co-enter{0%{opacity:0;transform:translateY(7px)scale(.97)}72%{opacity:1;transform:translateY(-.8px)}to{opacity:1;transform:none}}.eshop-semantic-icon :is([data-reduced-motion=true] .collection-art,.collection-art[data-reduced-motion=true],[data-reduced=true] .collection-art,.collection-art[data-reduced=true]) .part{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.eshop-semantic-icon :is([data-reduced=true],[data-reduced-motion=true]) :is([data-state=attention] .collection-art,.collection-art[data-state=attention]) .part,.eshop-semantic-icon :is([data-state=attention] .collection-art,.collection-art[data-state=attention]):is([data-reduced=true],[data-reduced-motion=true]) .part{transform:var(--co-attention)!important}.eshop-semantic-icon :is([data-reduced=true],[data-reduced-motion=true]) :is([data-state=press] .collection-art,.collection-art[data-state=press]) .part,.eshop-semantic-icon :is([data-state=press] .collection-art,.collection-art[data-state=press]):is([data-reduced=true],[data-reduced-motion=true]) .part{transform:var(--co-press-pose)!important}.eshop-semantic-icon :is([data-reduced=true],[data-reduced-motion=true]) :is([data-state=loading] .collection-art,.collection-art[data-state=loading]) .part,.eshop-semantic-icon :is([data-state=loading] .collection-art,.collection-art[data-state=loading]):is([data-reduced=true],[data-reduced-motion=true]) .part{transform:var(--co-loadwork)!important}.eshop-semantic-icon :is([data-reduced=true],[data-reduced-motion=true]) :is([data-state=selected] .collection-art,.collection-art[data-state=selected]) .part,.eshop-semantic-icon :is([data-state=selected] .collection-art,.collection-art[data-state=selected]):is([data-reduced=true],[data-reduced-motion=true]) .part{transform:var(--co-selected)!important}.eshop-semantic-icon :is([data-paused=true] .collection-art,.collection-art[data-paused=true]) :is(.part,.action-step>ellipse){animation-play-state:paused!important}.eshop-semantic-icon :is([data-paused=true] [data-state=entrance] .collection-art,[data-paused=true] .collection-art[data-state=entrance],.collection-art[data-paused=true][data-state=entrance],[data-paused=true][data-state=entrance] .collection-art) .part{opacity:1!important;animation:none!important;transform:none!important}@media (prefers-reduced-motion:reduce){:is(.eshop-semantic-icon:not([data-reduced]) .collection-art:not([data-reduced]),.eshop-semantic-icon.collection-art:not([data-reduced])) .part{opacity:1!important;transition:none!important;animation:none!important;transform:none!important}.eshop-semantic-icon:not([data-reduced]) :is([data-state=attention] .collection-art,.collection-art[data-state=attention]):not([data-reduced]) .part,.eshop-semantic-icon.collection-art:not([data-reduced])[data-state=attention] .part{transform:var(--co-attention)!important}.eshop-semantic-icon:not([data-reduced]) :is([data-state=press] .collection-art,.collection-art[data-state=press]):not([data-reduced]) .part,.eshop-semantic-icon.collection-art:not([data-reduced])[data-state=press] .part{transform:var(--co-press-pose)!important}.eshop-semantic-icon:not([data-reduced]) :is([data-state=loading] .collection-art,.collection-art[data-state=loading]):not([data-reduced]) .part,.eshop-semantic-icon.collection-art:not([data-reduced])[data-state=loading] .part{transform:var(--co-loadwork)!important}.eshop-semantic-icon:not([data-reduced]) :is([data-state=selected] .collection-art,.collection-art[data-state=selected]):not([data-reduced]) .part,.eshop-semantic-icon.collection-art:not([data-reduced])[data-state=selected] .part{transform:var(--co-selected)!important}:is(.eshop-semantic-icon:not([data-reduced]) .collection-art:not([data-reduced]),.eshop-semantic-icon.collection-art:not([data-reduced])) .action-step>ellipse{opacity:1!important;transition:none!important;animation:none!important}}.eshop-semantic-icon :is([data-reduced=true] .collection-art,.collection-art[data-reduced=true],[data-reduced-motion=true] .collection-art,.collection-art[data-reduced-motion=true]) .action-step>ellipse{opacity:1!important;transition:none!important;animation:none!important}.eshop-semantic-icon :is([data-icon=cheese] .collection-art,.collection-art[data-icon=cheese]) .action-piece{--co-anticipate:scaleY(.997);--co-peak:rotate(-1.5deg);--co-attention:rotate(-1deg);--co-press-pose:scaleY(.985);--co-selected:rotate(-.5deg);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.8deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=coffee-instant] .collection-art,.collection-art[data-icon=coffee-instant]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=coffee-instant] .collection-art,.collection-art[data-icon=coffee-instant]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=coffee-instant] .collection-art,[data-state=attention] .collection-art[data-icon=coffee-instant],.collection-art[data-state=attention][data-icon=coffee-instant]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=coffee-instant] .collection-art,[data-state=loading] .collection-art[data-icon=coffee-instant],.collection-art[data-state=loading][data-icon=coffee-instant]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=coffee-instant] .collection-art,[data-state=success] .collection-art[data-icon=coffee-instant],.collection-art[data-state=success][data-icon=coffee-instant]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=pasta] .collection-art,.collection-art[data-icon=pasta]) .action-packet{--co-anticipate:scaleX(.99);--co-peak:scaleX(1.035) scaleY(.99);--co-attention:scaleX(1.025) scaleY(.995);--co-press-pose:scaleX(.97) scaleY(1.01);--co-selected:scaleX(1.01);--co-success:scaleX(1.02);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 + var(--progress,.62)*.03)) scaleY(.99);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=pasta] .collection-art,.collection-art[data-icon=pasta]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.98);--co-selected:rotate(-1deg);--co-success:rotate(-3deg);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px) rotate(-2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=pasta] .collection-art,[data-state=attention] .collection-art[data-icon=pasta],.collection-art[data-state=attention][data-icon=pasta]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=pasta] .collection-art,[data-state=loading] .collection-art[data-icon=pasta],.collection-art[data-state=loading][data-icon=pasta]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=pasta] .collection-art,[data-state=success] .collection-art[data-icon=pasta],.collection-art[data-state=success][data-icon=pasta]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=toothbrushes] .collection-art,.collection-art[data-icon=toothbrushes]) .action-brush{--co-anticipate:rotate(2deg);--co-peak:translate(-4px,2px) rotate(-6deg);--co-attention:translate(-2px,1px) rotate(-4deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-2deg);--co-success:rotate(-3deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,1px) rotate(-4deg);--co-loadend:translate(2px,-1px) rotate(3deg);--co-idle:rotate(-.8deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=toothbrushes] .collection-art,.collection-art[data-icon=toothbrushes]) .action-content{--co-anticipate:translate(0,0);--co-peak:rotate(3deg);--co-attention:rotate(1.5deg);--co-press-pose:rotate(-2deg);--co-selected:translate(0,0);--co-success:rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(3px,-1px) rotate(3deg);--co-loadend:rotate(-2deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=toothbrushes] .collection-art,[data-state=attention] .collection-art[data-icon=toothbrushes],.collection-art[data-state=attention][data-icon=toothbrushes]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=toothbrushes] .collection-art,[data-state=loading] .collection-art[data-icon=toothbrushes],.collection-art[data-state=loading][data-icon=toothbrushes]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=toothbrushes] .collection-art,[data-state=success] .collection-art[data-icon=toothbrushes],.collection-art[data-state=success][data-icon=toothbrushes]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=toothbrushes] .collection-art,[data-state=idle] .collection-art[data-icon=toothbrushes],.collection-art[data-state=idle][data-icon=toothbrushes]) .action-brush{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-6-12-months] .collection-art,.collection-art[data-icon=baby-age-6-12-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-6-12-months] .collection-art,.collection-art[data-icon=baby-age-6-12-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-6-12-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-6-12-months],.collection-art[data-state=attention][data-icon=baby-age-6-12-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-6-12-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-6-12-months],.collection-art[data-state=loading][data-icon=baby-age-6-12-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-6-12-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-6-12-months],.collection-art[data-state=success][data-icon=baby-age-6-12-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-6-12-months] .collection-art,.collection-art[data-icon=baby-age-6-12-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-6-12-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-6-12-months],.collection-art[data-state=loading][data-icon=baby-age-6-12-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-6-12-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-6-12-months],.collection-art[data-state=attention][data-icon=baby-age-6-12-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-6-12-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-6-12-months],.collection-art[data-state=selected][data-icon=baby-age-6-12-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-6-12-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-6-12-months],.collection-art[data-state=success][data-icon=baby-age-6-12-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=coffee-mixes] .collection-art,.collection-art[data-icon=coffee-mixes]) .action-steam{--co-anticipate:scaleY(.98);--co-peak:scaleY(1.08) translateY(-1px);--co-attention:scaleY(1.04);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025);--co-success:scaleY(1.06);--co-loadstart:scaleY(.98);--co-loadwork:translateY(-3px) scaleY(1.08);--co-loadend:translateY(-1px) scaleY(1.02);--co-idle:translateY(-1px) scaleY(1.02);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=coffee-mixes] .collection-art,.collection-art[data-icon=coffee-mixes]) .action-packet{--co-anticipate:translate(0,0);--co-peak:rotate(1.5deg);--co-attention:rotate(.5deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(-1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(.8deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=coffee-mixes] .collection-art,[data-state=attention] .collection-art[data-icon=coffee-mixes],.collection-art[data-state=attention][data-icon=coffee-mixes]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=coffee-mixes] .collection-art,[data-state=loading] .collection-art[data-icon=coffee-mixes],.collection-art[data-state=loading][data-icon=coffee-mixes]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=coffee-mixes] .collection-art,[data-state=success] .collection-art[data-icon=coffee-mixes],.collection-art[data-state=success][data-icon=coffee-mixes]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=coffee-mixes] .collection-art,[data-state=idle] .collection-art[data-icon=coffee-mixes],.collection-art[data-state=idle][data-icon=coffee-mixes]) .action-steam{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-12-36-months] .collection-art,.collection-art[data-icon=baby-age-12-36-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-12-36-months] .collection-art,.collection-art[data-icon=baby-age-12-36-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-12-36-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-12-36-months],.collection-art[data-state=attention][data-icon=baby-age-12-36-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-12-36-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-12-36-months],.collection-art[data-state=loading][data-icon=baby-age-12-36-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-12-36-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-12-36-months],.collection-art[data-state=success][data-icon=baby-age-12-36-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-12-36-months] .collection-art,.collection-art[data-icon=baby-age-12-36-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-12-36-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-12-36-months],.collection-art[data-state=loading][data-icon=baby-age-12-36-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-12-36-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-12-36-months],.collection-art[data-state=attention][data-icon=baby-age-12-36-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-12-36-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-12-36-months],.collection-art[data-state=selected][data-icon=baby-age-12-36-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-12-36-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-12-36-months],.collection-art[data-state=success][data-icon=baby-age-12-36-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=coffee-whole-bean] .collection-art,.collection-art[data-icon=coffee-whole-bean]) .action-piece{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=coffee-whole-bean] .collection-art,.collection-art[data-icon=coffee-whole-bean]) .action-packet{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=coffee-whole-bean] .collection-art,[data-state=attention] .collection-art[data-icon=coffee-whole-bean],.collection-art[data-state=attention][data-icon=coffee-whole-bean]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=coffee-whole-bean] .collection-art,[data-state=loading] .collection-art[data-icon=coffee-whole-bean],.collection-art[data-state=loading][data-icon=coffee-whole-bean]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=coffee-whole-bean] .collection-art,[data-state=success] .collection-art[data-icon=coffee-whole-bean],.collection-art[data-state=success][data-icon=coffee-whole-bean]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=coffee-whole-bean] .collection-art,[data-state=idle] .collection-art[data-icon=coffee-whole-bean],.collection-art[data-state=idle][data-icon=coffee-whole-bean]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=coffee-decaf] .collection-art,.collection-art[data-icon=coffee-decaf]) .action-steam{--co-anticipate:scaleY(.98);--co-peak:scaleY(1.08) translateY(-1px);--co-attention:scaleY(1.04);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025);--co-success:scaleY(1.06);--co-loadstart:scaleY(.98);--co-loadwork:translateY(-3px) scaleY(1.08);--co-loadend:translateY(-1px) scaleY(1.02);--co-idle:translateY(-1px) scaleY(1.02);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=coffee-decaf] .collection-art,.collection-art[data-icon=coffee-decaf]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(1.5deg);--co-attention:rotate(.5deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(-1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(.8deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=coffee-decaf] .collection-art,[data-state=attention] .collection-art[data-icon=coffee-decaf],.collection-art[data-state=attention][data-icon=coffee-decaf]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=coffee-decaf] .collection-art,[data-state=loading] .collection-art[data-icon=coffee-decaf],.collection-art[data-state=loading][data-icon=coffee-decaf]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=coffee-decaf] .collection-art,[data-state=success] .collection-art[data-icon=coffee-decaf],.collection-art[data-state=success][data-icon=coffee-decaf]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=coffee-decaf] .collection-art,[data-state=idle] .collection-art[data-icon=coffee-decaf],.collection-art[data-state=idle][data-icon=coffee-decaf]) .action-steam{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=coffee-filter-bags] .collection-art,.collection-art[data-icon=coffee-filter-bags]) .action-pour{--co-anticipate:scaleY(.96);--co-peak:scaleY(1.09);--co-attention:scaleY(1.05);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025);--co-success:scaleY(1.06);--co-loadstart:scaleY(calc(.86 + var(--progress,.62)*.14));--co-loadwork:scaleY(calc(.92 + var(--progress,.62)*.16));--co-loadend:scaleY(calc(.86 + var(--progress,.62)*.14));--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=coffee-filter-bags] .collection-art,.collection-art[data-icon=coffee-filter-bags]) .action-fold{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=coffee-filter-bags] .collection-art,[data-state=attention] .collection-art[data-icon=coffee-filter-bags],.collection-art[data-state=attention][data-icon=coffee-filter-bags]) .action-fold{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=coffee-filter-bags] .collection-art,[data-state=loading] .collection-art[data-icon=coffee-filter-bags],.collection-art[data-state=loading][data-icon=coffee-filter-bags]) .action-fold{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=coffee-filter-bags] .collection-art,[data-state=success] .collection-art[data-icon=coffee-filter-bags],.collection-art[data-state=success][data-icon=coffee-filter-bags]) .action-fold{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-accessories] .collection-art,.collection-art[data-icon=baby-accessories]) .action-piece{--co-anticipate:scaleY(.985);--co-peak:translateY(-3px) rotate(-1deg);--co-attention:translateY(-2px);--co-press-pose:scaleY(.97);--co-selected:translateY(-1px);--co-success:translateY(1px) scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:translateY(-3px);--co-loadend:translateY(1px);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-accessories] .collection-art,.collection-art[data-icon=baby-accessories]) .action-ring{--co-anticipate:translate(0,0);--co-peak:rotate(1.5deg);--co-attention:rotate(.5deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-1deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-accessories] .collection-art,[data-state=attention] .collection-art[data-icon=baby-accessories],.collection-art[data-state=attention][data-icon=baby-accessories]) .action-ring{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-accessories] .collection-art,[data-state=loading] .collection-art[data-icon=baby-accessories],.collection-art[data-state=loading][data-icon=baby-accessories]) .action-ring{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-accessories] .collection-art,[data-state=success] .collection-art[data-icon=baby-accessories],.collection-art[data-state=success][data-icon=baby-accessories]) .action-ring{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=cosmetics-toiletries] .collection-art,.collection-art[data-icon=cosmetics-toiletries]) .action-pump{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=cosmetics-toiletries] .collection-art,.collection-art[data-icon=cosmetics-toiletries]) .action-lid{--co-anticipate:translate(0,0);--co-peak:translateY(-2px) rotate(-1deg);--co-attention:translateY(-1px);--co-press-pose:translateY(1px);--co-selected:translate(0,0);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=cosmetics-toiletries] .collection-art,[data-state=attention] .collection-art[data-icon=cosmetics-toiletries],.collection-art[data-state=attention][data-icon=cosmetics-toiletries]) .action-lid{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=cosmetics-toiletries] .collection-art,[data-state=loading] .collection-art[data-icon=cosmetics-toiletries],.collection-art[data-state=loading][data-icon=cosmetics-toiletries]) .action-lid{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=cosmetics-toiletries] .collection-art,[data-state=success] .collection-art[data-icon=cosmetics-toiletries],.collection-art[data-state=success][data-icon=cosmetics-toiletries]) .action-lid{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-cereal] .collection-art,.collection-art[data-icon=baby-cereal]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-cereal] .collection-art,.collection-art[data-icon=baby-cereal]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(.98);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.98);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.975);--co-loadend:scaleY(1.01);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-cereal] .collection-art,[data-state=attention] .collection-art[data-icon=baby-cereal],.collection-art[data-state=attention][data-icon=baby-cereal]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-cereal] .collection-art,[data-state=loading] .collection-art[data-icon=baby-cereal],.collection-art[data-state=loading][data-icon=baby-cereal]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-cereal] .collection-art,[data-state=success] .collection-art[data-icon=baby-cereal],.collection-art[data-state=success][data-icon=baby-cereal]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-cereal] .collection-art,[data-state=idle] .collection-art[data-icon=baby-cereal],.collection-art[data-state=idle][data-icon=baby-cereal]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-finger-foods-snacks] .collection-art,.collection-art[data-icon=baby-finger-foods-snacks]) .action-content{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-finger-foods-snacks] .collection-art,.collection-art[data-icon=baby-finger-foods-snacks]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-finger-foods-snacks] .collection-art,[data-state=attention] .collection-art[data-icon=baby-finger-foods-snacks],.collection-art[data-state=attention][data-icon=baby-finger-foods-snacks]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-finger-foods-snacks] .collection-art,[data-state=loading] .collection-art[data-icon=baby-finger-foods-snacks],.collection-art[data-state=loading][data-icon=baby-finger-foods-snacks]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-finger-foods-snacks] .collection-art,[data-state=success] .collection-art[data-icon=baby-finger-foods-snacks],.collection-art[data-state=success][data-icon=baby-finger-foods-snacks]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-finger-foods-snacks] .collection-art,[data-state=idle] .collection-art[data-icon=baby-finger-foods-snacks],.collection-art[data-state=idle][data-icon=baby-finger-foods-snacks]) .action-content{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-pasta] .collection-art,.collection-art[data-icon=baby-pasta]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-pasta] .collection-art,.collection-art[data-icon=baby-pasta]) .action-piece{--co-anticipate:translate(0,0);--co-peak:scaleY(.98);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.98);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.975);--co-loadend:scaleY(1.01);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-pasta] .collection-art,[data-state=attention] .collection-art[data-icon=baby-pasta],.collection-art[data-state=attention][data-icon=baby-pasta]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-pasta] .collection-art,[data-state=loading] .collection-art[data-icon=baby-pasta],.collection-art[data-state=loading][data-icon=baby-pasta]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-pasta] .collection-art,[data-state=success] .collection-art[data-icon=baby-pasta],.collection-art[data-state=success][data-icon=baby-pasta]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-pasta] .collection-art,[data-state=idle] .collection-art[data-icon=baby-pasta],.collection-art[data-state=idle][data-icon=baby-pasta]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-7-plus-months] .collection-art,.collection-art[data-icon=baby-age-7-plus-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-7-plus-months] .collection-art,.collection-art[data-icon=baby-age-7-plus-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-7-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-7-plus-months],.collection-art[data-state=attention][data-icon=baby-age-7-plus-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-7-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-7-plus-months],.collection-art[data-state=loading][data-icon=baby-age-7-plus-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-7-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-7-plus-months],.collection-art[data-state=success][data-icon=baby-age-7-plus-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-7-plus-months] .collection-art,.collection-art[data-icon=baby-age-7-plus-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-7-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-7-plus-months],.collection-art[data-state=loading][data-icon=baby-age-7-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-7-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-7-plus-months],.collection-art[data-state=attention][data-icon=baby-age-7-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-7-plus-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-7-plus-months],.collection-art[data-state=selected][data-icon=baby-age-7-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-7-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-7-plus-months],.collection-art[data-state=success][data-icon=baby-age-7-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=baby-age-9-plus-months] .collection-art,.collection-art[data-icon=baby-age-9-plus-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-9-plus-months] .collection-art,.collection-art[data-icon=baby-age-9-plus-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-9-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-9-plus-months],.collection-art[data-state=attention][data-icon=baby-age-9-plus-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-9-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-9-plus-months],.collection-art[data-state=loading][data-icon=baby-age-9-plus-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-9-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-9-plus-months],.collection-art[data-state=success][data-icon=baby-age-9-plus-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-9-plus-months] .collection-art,.collection-art[data-icon=baby-age-9-plus-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-9-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-9-plus-months],.collection-art[data-state=loading][data-icon=baby-age-9-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-9-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-9-plus-months],.collection-art[data-state=attention][data-icon=baby-age-9-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-9-plus-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-9-plus-months],.collection-art[data-state=selected][data-icon=baby-age-9-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-9-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-9-plus-months],.collection-art[data-state=success][data-icon=baby-age-9-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=chips] .collection-art,.collection-art[data-icon=chips]) .action-piece{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=chips] .collection-art,.collection-art[data-icon=chips]) .action-packet{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=chips] .collection-art,[data-state=attention] .collection-art[data-icon=chips],.collection-art[data-state=attention][data-icon=chips]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=chips] .collection-art,[data-state=loading] .collection-art[data-icon=chips],.collection-art[data-state=loading][data-icon=chips]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=chips] .collection-art,[data-state=success] .collection-art[data-icon=chips],.collection-art[data-state=success][data-icon=chips]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=chips] .collection-art,[data-state=idle] .collection-art[data-icon=chips],.collection-art[data-state=idle][data-icon=chips]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-10-plus-months] .collection-art,.collection-art[data-icon=baby-age-10-plus-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-10-plus-months] .collection-art,.collection-art[data-icon=baby-age-10-plus-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-10-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-10-plus-months],.collection-art[data-state=attention][data-icon=baby-age-10-plus-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-10-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-10-plus-months],.collection-art[data-state=loading][data-icon=baby-age-10-plus-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-10-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-10-plus-months],.collection-art[data-state=success][data-icon=baby-age-10-plus-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-10-plus-months] .collection-art,.collection-art[data-icon=baby-age-10-plus-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-10-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-10-plus-months],.collection-art[data-state=loading][data-icon=baby-age-10-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-10-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-10-plus-months],.collection-art[data-state=attention][data-icon=baby-age-10-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-10-plus-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-10-plus-months],.collection-art[data-state=selected][data-icon=baby-age-10-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-10-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-10-plus-months],.collection-art[data-state=success][data-icon=baby-age-10-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=coffee] .collection-art,.collection-art[data-icon=coffee]) .action-steam{--co-anticipate:scaleY(.98);--co-peak:scaleY(1.08) translateY(-1px);--co-attention:scaleY(1.04);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025);--co-success:scaleY(1.06);--co-loadstart:scaleY(.98);--co-loadwork:translateY(-3px) scaleY(1.08);--co-loadend:translateY(-1px) scaleY(1.02);--co-idle:translateY(-1px) scaleY(1.02);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=coffee] .collection-art,.collection-art[data-icon=coffee]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(1.5deg);--co-attention:rotate(.5deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(-1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(.8deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=coffee] .collection-art,[data-state=attention] .collection-art[data-icon=coffee],.collection-art[data-state=attention][data-icon=coffee]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=coffee] .collection-art,[data-state=loading] .collection-art[data-icon=coffee],.collection-art[data-state=loading][data-icon=coffee]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=coffee] .collection-art,[data-state=success] .collection-art[data-icon=coffee],.collection-art[data-state=success][data-icon=coffee]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=coffee] .collection-art,[data-state=idle] .collection-art[data-icon=coffee],.collection-art[data-state=idle][data-icon=coffee]) .action-steam{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-12-plus-months] .collection-art,.collection-art[data-icon=baby-age-12-plus-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-12-plus-months] .collection-art,.collection-art[data-icon=baby-age-12-plus-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-12-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-12-plus-months],.collection-art[data-state=attention][data-icon=baby-age-12-plus-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-12-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-12-plus-months],.collection-art[data-state=loading][data-icon=baby-age-12-plus-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-12-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-12-plus-months],.collection-art[data-state=success][data-icon=baby-age-12-plus-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-12-plus-months] .collection-art,.collection-art[data-icon=baby-age-12-plus-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-12-plus-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-12-plus-months],.collection-art[data-state=loading][data-icon=baby-age-12-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-12-plus-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-12-plus-months],.collection-art[data-state=attention][data-icon=baby-age-12-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-12-plus-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-12-plus-months],.collection-art[data-state=selected][data-icon=baby-age-12-plus-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-12-plus-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-12-plus-months],.collection-art[data-state=success][data-icon=baby-age-12-plus-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=juice-drinks] .collection-art,.collection-art[data-icon=juice-drinks]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=juice-drinks] .collection-art,.collection-art[data-icon=juice-drinks]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=juice-drinks] .collection-art,[data-state=attention] .collection-art[data-icon=juice-drinks],.collection-art[data-state=attention][data-icon=juice-drinks]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=juice-drinks] .collection-art,[data-state=loading] .collection-art[data-icon=juice-drinks],.collection-art[data-state=loading][data-icon=juice-drinks]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=juice-drinks] .collection-art,[data-state=success] .collection-art[data-icon=juice-drinks],.collection-art[data-state=success][data-icon=juice-drinks]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=cookies-biscuits] .collection-art,.collection-art[data-icon=cookies-biscuits]) .action-piece{--co-anticipate:scaleY(.985);--co-peak:translateY(-3px) rotate(-1deg);--co-attention:translateY(-2px);--co-press-pose:scaleY(.97);--co-selected:translateY(-1px);--co-success:translateY(1px) scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:translateY(-3px);--co-loadend:translateY(1px);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=cookies-biscuits] .collection-art,.collection-art[data-icon=cookies-biscuits]) .action-packet{--co-anticipate:translate(0,0);--co-peak:rotate(1.5deg);--co-attention:rotate(.5deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-1deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=cookies-biscuits] .collection-art,[data-state=attention] .collection-art[data-icon=cookies-biscuits],.collection-art[data-state=attention][data-icon=cookies-biscuits]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=cookies-biscuits] .collection-art,[data-state=loading] .collection-art[data-icon=cookies-biscuits],.collection-art[data-state=loading][data-icon=cookies-biscuits]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=cookies-biscuits] .collection-art,[data-state=success] .collection-art[data-icon=cookies-biscuits],.collection-art[data-state=success][data-icon=cookies-biscuits]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-0-12-months] .collection-art,.collection-art[data-icon=baby-age-0-12-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-0-12-months] .collection-art,.collection-art[data-icon=baby-age-0-12-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-0-12-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-0-12-months],.collection-art[data-state=attention][data-icon=baby-age-0-12-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-0-12-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-0-12-months],.collection-art[data-state=loading][data-icon=baby-age-0-12-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-0-12-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-0-12-months],.collection-art[data-state=success][data-icon=baby-age-0-12-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-0-12-months] .collection-art,.collection-art[data-icon=baby-age-0-12-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-0-12-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-0-12-months],.collection-art[data-state=loading][data-icon=baby-age-0-12-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-0-12-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-0-12-months],.collection-art[data-state=attention][data-icon=baby-age-0-12-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-0-12-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-0-12-months],.collection-art[data-state=selected][data-icon=baby-age-0-12-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-0-12-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-0-12-months],.collection-art[data-state=success][data-icon=baby-age-0-12-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=cornflakes] .collection-art,.collection-art[data-icon=cornflakes]) .action-piece{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=cornflakes] .collection-art,.collection-art[data-icon=cornflakes]) .action-content{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=cornflakes] .collection-art,[data-state=attention] .collection-art[data-icon=cornflakes],.collection-art[data-state=attention][data-icon=cornflakes]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=cornflakes] .collection-art,[data-state=loading] .collection-art[data-icon=cornflakes],.collection-art[data-state=loading][data-icon=cornflakes]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=cornflakes] .collection-art,[data-state=success] .collection-art[data-icon=cornflakes],.collection-art[data-state=success][data-icon=cornflakes]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=cornflakes] .collection-art,[data-state=idle] .collection-art[data-icon=cornflakes],.collection-art[data-state=idle][data-icon=cornflakes]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-2-plus-years] .collection-art,.collection-art[data-icon=baby-age-2-plus-years]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-2-plus-years] .collection-art,.collection-art[data-icon=baby-age-2-plus-years]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-2-plus-years] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-2-plus-years],.collection-art[data-state=attention][data-icon=baby-age-2-plus-years]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-2-plus-years] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-2-plus-years],.collection-art[data-state=loading][data-icon=baby-age-2-plus-years]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-2-plus-years] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-2-plus-years],.collection-art[data-state=success][data-icon=baby-age-2-plus-years]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-2-plus-years] .collection-art,.collection-art[data-icon=baby-age-2-plus-years]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-2-plus-years] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-2-plus-years],.collection-art[data-state=loading][data-icon=baby-age-2-plus-years]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-2-plus-years] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-2-plus-years],.collection-art[data-state=attention][data-icon=baby-age-2-plus-years]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-2-plus-years] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-2-plus-years],.collection-art[data-state=selected][data-icon=baby-age-2-plus-years]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-2-plus-years] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-2-plus-years],.collection-art[data-state=success][data-icon=baby-age-2-plus-years]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=oats-muesli-granola] .collection-art,.collection-art[data-icon=oats-muesli-granola]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=oats-muesli-granola] .collection-art,.collection-art[data-icon=oats-muesli-granola]) .action-piece{--co-anticipate:translate(0,0);--co-peak:scaleY(.98);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.98);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.975);--co-loadend:scaleY(1.01);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=oats-muesli-granola] .collection-art,[data-state=attention] .collection-art[data-icon=oats-muesli-granola],.collection-art[data-state=attention][data-icon=oats-muesli-granola]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=oats-muesli-granola] .collection-art,[data-state=loading] .collection-art[data-icon=oats-muesli-granola],.collection-art[data-state=loading][data-icon=oats-muesli-granola]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=oats-muesli-granola] .collection-art,[data-state=success] .collection-art[data-icon=oats-muesli-granola],.collection-art[data-state=success][data-icon=oats-muesli-granola]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=oats-muesli-granola] .collection-art,[data-state=idle] .collection-art[data-icon=oats-muesli-granola],.collection-art[data-state=idle][data-icon=oats-muesli-granola]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-from-birth] .collection-art,.collection-art[data-icon=baby-age-from-birth]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-from-birth] .collection-art,.collection-art[data-icon=baby-age-from-birth]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-from-birth] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-from-birth],.collection-art[data-state=attention][data-icon=baby-age-from-birth]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-from-birth] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-from-birth],.collection-art[data-state=loading][data-icon=baby-age-from-birth]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-from-birth] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-from-birth],.collection-art[data-state=success][data-icon=baby-age-from-birth]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-from-birth] .collection-art,.collection-art[data-icon=baby-age-from-birth]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-from-birth] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-from-birth],.collection-art[data-state=loading][data-icon=baby-age-from-birth]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-from-birth] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-from-birth],.collection-art[data-state=attention][data-icon=baby-age-from-birth]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-from-birth] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-from-birth],.collection-art[data-state=selected][data-icon=baby-age-from-birth]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-from-birth] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-from-birth],.collection-art[data-state=success][data-icon=baby-age-from-birth]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=peanut-butter] .collection-art,.collection-art[data-icon=peanut-butter]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=peanut-butter] .collection-art,.collection-art[data-icon=peanut-butter]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=peanut-butter] .collection-art,[data-state=attention] .collection-art[data-icon=peanut-butter],.collection-art[data-state=attention][data-icon=peanut-butter]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=peanut-butter] .collection-art,[data-state=loading] .collection-art[data-icon=peanut-butter],.collection-art[data-state=loading][data-icon=peanut-butter]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=peanut-butter] .collection-art,[data-state=success] .collection-art[data-icon=peanut-butter],.collection-art[data-state=success][data-icon=peanut-butter]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=honey] .collection-art,.collection-art[data-icon=honey]) .action-pour{--co-anticipate:scaleY(.96);--co-peak:scaleY(1.09);--co-attention:scaleY(1.05);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025);--co-success:scaleY(1.06);--co-loadstart:scaleY(calc(.86 + var(--progress,.62)*.14));--co-loadwork:scaleY(calc(.92 + var(--progress,.62)*.16));--co-loadend:scaleY(calc(.86 + var(--progress,.62)*.14));--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=honey] .collection-art,.collection-art[data-icon=honey]) .action-spoon{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=honey] .collection-art,[data-state=attention] .collection-art[data-icon=honey],.collection-art[data-state=attention][data-icon=honey]) .action-spoon{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=honey] .collection-art,[data-state=loading] .collection-art[data-icon=honey],.collection-art[data-state=loading][data-icon=honey]) .action-spoon{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=honey] .collection-art,[data-state=success] .collection-art[data-icon=honey],.collection-art[data-state=success][data-icon=honey]) .action-spoon{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=tea] .collection-art,.collection-art[data-icon=tea]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=tea] .collection-art,.collection-art[data-icon=tea]) .action-lid{--co-anticipate:translate(0,0);--co-peak:translateY(-2px) rotate(-1deg);--co-attention:translateY(-1px);--co-press-pose:translateY(1px);--co-selected:translate(0,0);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=tea] .collection-art,[data-state=attention] .collection-art[data-icon=tea],.collection-art[data-state=attention][data-icon=tea]) .action-lid{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=tea] .collection-art,[data-state=loading] .collection-art[data-icon=tea],.collection-art[data-state=loading][data-icon=tea]) .action-lid{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=tea] .collection-art,[data-state=success] .collection-art[data-icon=tea],.collection-art[data-state=success][data-icon=tea]) .action-lid{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=tuna-fish] .collection-art,.collection-art[data-icon=tuna-fish]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=tuna-fish] .collection-art,.collection-art[data-icon=tuna-fish]) .action-content{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=tuna-fish] .collection-art,[data-state=attention] .collection-art[data-icon=tuna-fish],.collection-art[data-state=attention][data-icon=tuna-fish]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=tuna-fish] .collection-art,[data-state=loading] .collection-art[data-icon=tuna-fish],.collection-art[data-state=loading][data-icon=tuna-fish]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=tuna-fish] .collection-art,[data-state=success] .collection-art[data-icon=tuna-fish],.collection-art[data-state=success][data-icon=tuna-fish]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=nuts] .collection-art,.collection-art[data-icon=nuts]) .action-piece{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=nuts] .collection-art,.collection-art[data-icon=nuts]) .action-packet{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=nuts] .collection-art,[data-state=attention] .collection-art[data-icon=nuts],.collection-art[data-state=attention][data-icon=nuts]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=nuts] .collection-art,[data-state=loading] .collection-art[data-icon=nuts],.collection-art[data-state=loading][data-icon=nuts]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=nuts] .collection-art,[data-state=success] .collection-art[data-icon=nuts],.collection-art[data-state=success][data-icon=nuts]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=nuts] .collection-art,[data-state=idle] .collection-art[data-icon=nuts],.collection-art[data-state=idle][data-icon=nuts]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=chocolate-bars] .collection-art,.collection-art[data-icon=chocolate-bars]) .action-packet{--co-anticipate:scaleX(.99);--co-peak:translateY(4px) scaleX(1.035);--co-attention:translateY(3px) scaleX(1.025);--co-press-pose:scaleX(.975);--co-selected:translateY(1.5px);--co-success:scaleX(1.02);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(1px + var(--progress,.62)*4px)) scaleX(1.025);--co-loadend:translateY(calc(var(--progress,.62)*3px));--co-idle:scaleX(1.006);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=chocolate-bars] .collection-art,.collection-art[data-icon=chocolate-bars]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(-3deg);--co-attention:rotate(-1.5deg);--co-press-pose:scale(.985);--co-selected:rotate(-.7deg);--co-success:translateY(-2px) rotate(-4deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-2deg);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=chocolate-bars] .collection-art,[data-state=attention] .collection-art[data-icon=chocolate-bars],.collection-art[data-state=attention][data-icon=chocolate-bars]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=chocolate-bars] .collection-art,[data-state=loading] .collection-art[data-icon=chocolate-bars],.collection-art[data-state=loading][data-icon=chocolate-bars]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=chocolate-bars] .collection-art,[data-state=success] .collection-art[data-icon=chocolate-bars],.collection-art[data-state=success][data-icon=chocolate-bars]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=chocolate-bars] .collection-art,[data-state=idle] .collection-art[data-icon=chocolate-bars],.collection-art[data-state=idle][data-icon=chocolate-bars]) .action-packet{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=chocolate-boxes] .collection-art,.collection-art[data-icon=chocolate-boxes]) .action-lid{--co-anticipate:scaleY(.985) rotate(1deg);--co-peak:scaleY(1.07) rotate(-4deg);--co-attention:scaleY(1.05) rotate(-3deg);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025) rotate(-1deg);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(1 + var(--progress,.62)*.06)) rotate(-3deg);--co-loadend:scaleY(1.02);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=chocolate-boxes] .collection-art,.collection-art[data-icon=chocolate-boxes]) .action-piece{--co-anticipate:rotate(1deg);--co-peak:rotate(-6deg);--co-attention:rotate(-3deg);--co-press-pose:rotate(2deg);--co-selected:rotate(-1deg);--co-success:rotate(-3deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-5deg);--co-loadend:rotate(2deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=chocolate-boxes] .collection-art,[data-state=attention] .collection-art[data-icon=chocolate-boxes],.collection-art[data-state=attention][data-icon=chocolate-boxes]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=chocolate-boxes] .collection-art,[data-state=loading] .collection-art[data-icon=chocolate-boxes],.collection-art[data-state=loading][data-icon=chocolate-boxes]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=chocolate-boxes] .collection-art,[data-state=success] .collection-art[data-icon=chocolate-boxes],.collection-art[data-state=success][data-icon=chocolate-boxes]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=candy-sweets] .collection-art,.collection-art[data-icon=candy-sweets]) .action-fold{--co-anticipate:rotate(-1deg) scaleX(.99);--co-peak:rotate(4deg) scaleX(1.035);--co-attention:rotate(3deg) scaleX(1.025);--co-press-pose:scaleX(.97);--co-selected:rotate(1deg);--co-success:rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(4deg) scaleX(calc(1 + var(--progress,.62)*.035));--co-loadend:translate(0,0);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=candy-sweets] .collection-art,.collection-art[data-icon=candy-sweets]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(-3deg);--co-attention:rotate(-1.5deg);--co-press-pose:scale(.985);--co-selected:rotate(-.7deg);--co-success:translateY(-2px) rotate(-4deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-2deg);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=candy-sweets] .collection-art,[data-state=attention] .collection-art[data-icon=candy-sweets],.collection-art[data-state=attention][data-icon=candy-sweets]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=candy-sweets] .collection-art,[data-state=loading] .collection-art[data-icon=candy-sweets],.collection-art[data-state=loading][data-icon=candy-sweets]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=candy-sweets] .collection-art,[data-state=success] .collection-art[data-icon=candy-sweets],.collection-art[data-state=success][data-icon=candy-sweets]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=candy-sweets] .collection-art,[data-state=idle] .collection-art[data-icon=candy-sweets],.collection-art[data-state=idle][data-icon=candy-sweets]) .action-fold{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-age-7-36-months] .collection-art,.collection-art[data-icon=baby-age-7-36-months]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-7-36-months] .collection-art,.collection-art[data-icon=baby-age-7-36-months]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-7-36-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-7-36-months],.collection-art[data-state=attention][data-icon=baby-age-7-36-months]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-7-36-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-7-36-months],.collection-art[data-state=loading][data-icon=baby-age-7-36-months]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-7-36-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-7-36-months],.collection-art[data-state=success][data-icon=baby-age-7-36-months]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-7-36-months] .collection-art,.collection-art[data-icon=baby-age-7-36-months]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-7-36-months] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-7-36-months],.collection-art[data-state=loading][data-icon=baby-age-7-36-months]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-7-36-months] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-7-36-months],.collection-art[data-state=attention][data-icon=baby-age-7-36-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-7-36-months] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-7-36-months],.collection-art[data-state=selected][data-icon=baby-age-7-36-months]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-7-36-months] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-7-36-months],.collection-art[data-state=success][data-icon=baby-age-7-36-months]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=baby-age-1-10-years] .collection-art,.collection-art[data-icon=baby-age-1-10-years]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-age-1-10-years] .collection-art,.collection-art[data-icon=baby-age-1-10-years]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-1-10-years] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-1-10-years],.collection-art[data-state=attention][data-icon=baby-age-1-10-years]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-1-10-years] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-1-10-years],.collection-art[data-state=loading][data-icon=baby-age-1-10-years]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-1-10-years] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-1-10-years],.collection-art[data-state=success][data-icon=baby-age-1-10-years]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-age-1-10-years] .collection-art,.collection-art[data-icon=baby-age-1-10-years]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-age-1-10-years] .collection-art,[data-state=loading] .collection-art[data-icon=baby-age-1-10-years],.collection-art[data-state=loading][data-icon=baby-age-1-10-years]) .action-step>ellipse:nth-of-type(2){transform:translateX(calc((var(--progress,.62) - .5)*86px))}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-age-1-10-years] .collection-art,[data-state=attention] .collection-art[data-icon=baby-age-1-10-years],.collection-art[data-state=attention][data-icon=baby-age-1-10-years]) .action-step>ellipse:nth-of-type(2){transform:scale(1.12)}.eshop-semantic-icon :is([data-state=selected][data-icon=baby-age-1-10-years] .collection-art,[data-state=selected] .collection-art[data-icon=baby-age-1-10-years],.collection-art[data-state=selected][data-icon=baby-age-1-10-years]) .action-step>ellipse:nth-of-type(2){transform:scale(1.08)}.eshop-semantic-icon :is([data-state=success][data-icon=baby-age-1-10-years] .collection-art,[data-state=success] .collection-art[data-icon=baby-age-1-10-years],.collection-art[data-state=success][data-icon=baby-age-1-10-years]) .action-step>ellipse:nth-of-type(2){transform:translate(43px)scale(1.08)}.eshop-semantic-icon :is([data-icon=full-cream-milk-powder] .collection-art,.collection-art[data-icon=full-cream-milk-powder]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=full-cream-milk-powder] .collection-art,.collection-art[data-icon=full-cream-milk-powder]) .action-lid{--co-anticipate:translate(0,0);--co-peak:translateY(-2px) rotate(-1deg);--co-attention:translateY(-1px);--co-press-pose:translateY(1px);--co-selected:translate(0,0);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=full-cream-milk-powder] .collection-art,[data-state=attention] .collection-art[data-icon=full-cream-milk-powder],.collection-art[data-state=attention][data-icon=full-cream-milk-powder]) .action-lid{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=full-cream-milk-powder] .collection-art,[data-state=loading] .collection-art[data-icon=full-cream-milk-powder],.collection-art[data-state=loading][data-icon=full-cream-milk-powder]) .action-lid{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=full-cream-milk-powder] .collection-art,[data-state=success] .collection-art[data-icon=full-cream-milk-powder],.collection-art[data-state=success][data-icon=full-cream-milk-powder]) .action-lid{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=full-cream-milk-powder] .collection-art,[data-state=idle] .collection-art[data-icon=full-cream-milk-powder],.collection-art[data-state=idle][data-icon=full-cream-milk-powder]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=blush-highlighter] .collection-art,.collection-art[data-icon=blush-highlighter]) .action-lid{--co-anticipate:scaleY(.985) rotate(1deg);--co-peak:scaleY(1.07) rotate(-4deg);--co-attention:scaleY(1.05) rotate(-3deg);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025) rotate(-1deg);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(1 + var(--progress,.62)*.06)) rotate(-3deg);--co-loadend:scaleY(1.02);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=blush-highlighter] .collection-art,.collection-art[data-icon=blush-highlighter]) .action-brush{--co-anticipate:rotate(1deg);--co-peak:rotate(-6deg);--co-attention:rotate(-3deg);--co-press-pose:rotate(2deg);--co-selected:rotate(-1deg);--co-success:rotate(-3deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-5deg);--co-loadend:rotate(2deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=blush-highlighter] .collection-art,[data-state=attention] .collection-art[data-icon=blush-highlighter],.collection-art[data-state=attention][data-icon=blush-highlighter]) .action-brush{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=blush-highlighter] .collection-art,[data-state=loading] .collection-art[data-icon=blush-highlighter],.collection-art[data-state=loading][data-icon=blush-highlighter]) .action-brush{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=blush-highlighter] .collection-art,[data-state=success] .collection-art[data-icon=blush-highlighter],.collection-art[data-state=success][data-icon=blush-highlighter]) .action-brush{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=cooking-oils] .collection-art,.collection-art[data-icon=cooking-oils]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=cooking-oils] .collection-art,.collection-art[data-icon=cooking-oils]) .action-cap{--co-anticipate:translate(0,0);--co-peak:translateY(-2px) rotate(-1deg);--co-attention:translateY(-1px);--co-press-pose:translateY(1px);--co-selected:translate(0,0);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=cooking-oils] .collection-art,[data-state=attention] .collection-art[data-icon=cooking-oils],.collection-art[data-state=attention][data-icon=cooking-oils]) .action-cap{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=cooking-oils] .collection-art,[data-state=loading] .collection-art[data-icon=cooking-oils],.collection-art[data-state=loading][data-icon=cooking-oils]) .action-cap{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=cooking-oils] .collection-art,[data-state=success] .collection-art[data-icon=cooking-oils],.collection-art[data-state=success][data-icon=cooking-oils]) .action-cap{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=face-primer] .collection-art,.collection-art[data-icon=face-primer]) .action-pump{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=face-primer] .collection-art,.collection-art[data-icon=face-primer]) .action-drop{--co-anticipate:scale(.98);--co-peak:scale(1.07);--co-attention:scale(1.025);--co-press-pose:scale(.98);--co-selected:scale(1.025);--co-success:scale(1.09);--co-loadstart:scale(.97);--co-loadwork:scale(calc(1 + var(--progress,.62)*.07));--co-loadend:scale(1.015);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=face-primer] .collection-art,[data-state=attention] .collection-art[data-icon=face-primer],.collection-art[data-state=attention][data-icon=face-primer]) .action-drop{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=face-primer] .collection-art,[data-state=loading] .collection-art[data-icon=face-primer],.collection-art[data-state=loading][data-icon=face-primer]) .action-drop{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=face-primer] .collection-art,[data-state=success] .collection-art[data-icon=face-primer],.collection-art[data-state=success][data-icon=face-primer]) .action-drop{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=gummies-jelly-candy] .collection-art,.collection-art[data-icon=gummies-jelly-candy]) .action-fold{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=gummies-jelly-candy] .collection-art,.collection-art[data-icon=gummies-jelly-candy]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=gummies-jelly-candy] .collection-art,[data-state=attention] .collection-art[data-icon=gummies-jelly-candy],.collection-art[data-state=attention][data-icon=gummies-jelly-candy]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=gummies-jelly-candy] .collection-art,[data-state=loading] .collection-art[data-icon=gummies-jelly-candy],.collection-art[data-state=loading][data-icon=gummies-jelly-candy]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=gummies-jelly-candy] .collection-art,[data-state=success] .collection-art[data-icon=gummies-jelly-candy],.collection-art[data-state=success][data-icon=gummies-jelly-candy]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=gummies-jelly-candy] .collection-art,[data-state=idle] .collection-art[data-icon=gummies-jelly-candy],.collection-art[data-state=idle][data-icon=gummies-jelly-candy]) .action-fold{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=laundry-stain-removers] .collection-art,.collection-art[data-icon=laundry-stain-removers]) .action-cap{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=laundry-stain-removers] .collection-art,.collection-art[data-icon=laundry-stain-removers]) .action-piece{--co-anticipate:scale(.98);--co-peak:scale(1.07);--co-attention:scale(1.025);--co-press-pose:scale(.98);--co-selected:scale(1.025);--co-success:scale(1.09);--co-loadstart:scale(.97);--co-loadwork:scale(calc(1 + var(--progress,.62)*.07));--co-loadend:scale(1.015);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=laundry-stain-removers] .collection-art,[data-state=attention] .collection-art[data-icon=laundry-stain-removers],.collection-art[data-state=attention][data-icon=laundry-stain-removers]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=laundry-stain-removers] .collection-art,[data-state=loading] .collection-art[data-icon=laundry-stain-removers],.collection-art[data-state=loading][data-icon=laundry-stain-removers]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=laundry-stain-removers] .collection-art,[data-state=success] .collection-art[data-icon=laundry-stain-removers],.collection-art[data-state=success][data-icon=laundry-stain-removers]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=protein-drinks] .collection-art,.collection-art[data-icon=protein-drinks]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=protein-drinks] .collection-art,.collection-art[data-icon=protein-drinks]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=protein-drinks] .collection-art,[data-state=attention] .collection-art[data-icon=protein-drinks],.collection-art[data-state=attention][data-icon=protein-drinks]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=protein-drinks] .collection-art,[data-state=loading] .collection-art[data-icon=protein-drinks],.collection-art[data-state=loading][data-icon=protein-drinks]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=protein-drinks] .collection-art,[data-state=success] .collection-art[data-icon=protein-drinks],.collection-art[data-state=success][data-icon=protein-drinks]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=protein-drinks] .collection-art,[data-state=idle] .collection-art[data-icon=protein-drinks],.collection-art[data-state=idle][data-icon=protein-drinks]) .action-content{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=seasonings] .collection-art,.collection-art[data-icon=seasonings]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=seasonings] .collection-art,.collection-art[data-icon=seasonings]) .action-piece{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=seasonings] .collection-art,[data-state=attention] .collection-art[data-icon=seasonings],.collection-art[data-state=attention][data-icon=seasonings]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=seasonings] .collection-art,[data-state=loading] .collection-art[data-icon=seasonings],.collection-art[data-state=loading][data-icon=seasonings]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=seasonings] .collection-art,[data-state=success] .collection-art[data-icon=seasonings],.collection-art[data-state=success][data-icon=seasonings]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=seasonings] .collection-art,[data-state=idle] .collection-art[data-icon=seasonings],.collection-art[data-state=idle][data-icon=seasonings]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=toners] .collection-art,.collection-art[data-icon=toners]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=toners] .collection-art,.collection-art[data-icon=toners]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=toners] .collection-art,[data-state=attention] .collection-art[data-icon=toners],.collection-art[data-state=attention][data-icon=toners]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=toners] .collection-art,[data-state=loading] .collection-art[data-icon=toners],.collection-art[data-state=loading][data-icon=toners]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=toners] .collection-art,[data-state=success] .collection-art[data-icon=toners],.collection-art[data-state=success][data-icon=toners]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=toners] .collection-art,[data-state=idle] .collection-art[data-icon=toners],.collection-art[data-state=idle][data-icon=toners]) .action-content{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=whipping-cream] .collection-art,.collection-art[data-icon=whipping-cream]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=whipping-cream] .collection-art,.collection-art[data-icon=whipping-cream]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=whipping-cream] .collection-art,[data-state=attention] .collection-art[data-icon=whipping-cream],.collection-art[data-state=attention][data-icon=whipping-cream]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=whipping-cream] .collection-art,[data-state=loading] .collection-art[data-icon=whipping-cream],.collection-art[data-state=loading][data-icon=whipping-cream]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=whipping-cream] .collection-art,[data-state=success] .collection-art[data-icon=whipping-cream],.collection-art[data-state=success][data-icon=whipping-cream]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-noodles] .collection-art,.collection-art[data-icon=baby-noodles]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-noodles] .collection-art,.collection-art[data-icon=baby-noodles]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(.98);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.98);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.975);--co-loadend:scaleY(1.01);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-noodles] .collection-art,[data-state=attention] .collection-art[data-icon=baby-noodles],.collection-art[data-state=attention][data-icon=baby-noodles]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-noodles] .collection-art,[data-state=loading] .collection-art[data-icon=baby-noodles],.collection-art[data-state=loading][data-icon=baby-noodles]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-noodles] .collection-art,[data-state=success] .collection-art[data-icon=baby-noodles],.collection-art[data-state=success][data-icon=baby-noodles]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-noodles] .collection-art,[data-state=idle] .collection-art[data-icon=baby-noodles],.collection-art[data-state=idle][data-icon=baby-noodles]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-oats] .collection-art,.collection-art[data-icon=baby-oats]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-oats] .collection-art,.collection-art[data-icon=baby-oats]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-oats] .collection-art,[data-state=attention] .collection-art[data-icon=baby-oats],.collection-art[data-state=attention][data-icon=baby-oats]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-oats] .collection-art,[data-state=loading] .collection-art[data-icon=baby-oats],.collection-art[data-state=loading][data-icon=baby-oats]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-oats] .collection-art,[data-state=success] .collection-art[data-icon=baby-oats],.collection-art[data-state=success][data-icon=baby-oats]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-puree] .collection-art,.collection-art[data-icon=baby-puree]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-puree] .collection-art,.collection-art[data-icon=baby-puree]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-puree] .collection-art,[data-state=attention] .collection-art[data-icon=baby-puree],.collection-art[data-state=attention][data-icon=baby-puree]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-puree] .collection-art,[data-state=loading] .collection-art[data-icon=baby-puree],.collection-art[data-state=loading][data-icon=baby-puree]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-puree] .collection-art,[data-state=success] .collection-art[data-icon=baby-puree],.collection-art[data-state=success][data-icon=baby-puree]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-puree] .collection-art,[data-state=idle] .collection-art[data-icon=baby-puree],.collection-art[data-state=idle][data-icon=baby-puree]) .action-content{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-cheese] .collection-art,.collection-art[data-icon=baby-cheese]) .action-piece{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-cheese] .collection-art,[data-state=idle] .collection-art[data-icon=baby-cheese],.collection-art[data-state=idle][data-icon=baby-cheese]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=fabric-conditioner] .collection-art,.collection-art[data-icon=fabric-conditioner]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=fabric-conditioner] .collection-art,.collection-art[data-icon=fabric-conditioner]) .action-cap{--co-anticipate:translate(0,0);--co-peak:translateY(-2px) rotate(-1deg);--co-attention:translateY(-1px);--co-press-pose:translateY(1px);--co-selected:translate(0,0);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=fabric-conditioner] .collection-art,[data-state=attention] .collection-art[data-icon=fabric-conditioner],.collection-art[data-state=attention][data-icon=fabric-conditioner]) .action-cap{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=fabric-conditioner] .collection-art,[data-state=loading] .collection-art[data-icon=fabric-conditioner],.collection-art[data-state=loading][data-icon=fabric-conditioner]) .action-cap{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=fabric-conditioner] .collection-art,[data-state=success] .collection-art[data-icon=fabric-conditioner],.collection-art[data-state=success][data-icon=fabric-conditioner]) .action-cap{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=fabric-detergent-powder] .collection-art,.collection-art[data-icon=fabric-detergent-powder]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=fabric-detergent-powder] .collection-art,.collection-art[data-icon=fabric-detergent-powder]) .action-packet{--co-anticipate:translate(0,0);--co-peak:scaleY(.98);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.98);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.975);--co-loadend:scaleY(1.01);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=fabric-detergent-powder] .collection-art,[data-state=attention] .collection-art[data-icon=fabric-detergent-powder],.collection-art[data-state=attention][data-icon=fabric-detergent-powder]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=fabric-detergent-powder] .collection-art,[data-state=loading] .collection-art[data-icon=fabric-detergent-powder],.collection-art[data-state=loading][data-icon=fabric-detergent-powder]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=fabric-detergent-powder] .collection-art,[data-state=success] .collection-art[data-icon=fabric-detergent-powder],.collection-art[data-state=success][data-icon=fabric-detergent-powder]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=fabric-detergent-powder] .collection-art,[data-state=idle] .collection-art[data-icon=fabric-detergent-powder],.collection-art[data-state=idle][data-icon=fabric-detergent-powder]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=fabric-liquid-detergent] .collection-art,.collection-art[data-icon=fabric-liquid-detergent]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=fabric-liquid-detergent] .collection-art,.collection-art[data-icon=fabric-liquid-detergent]) .action-cap{--co-anticipate:translate(0,0);--co-peak:translateY(-2px) rotate(-1deg);--co-attention:translateY(-1px);--co-press-pose:translateY(1px);--co-selected:translate(0,0);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=fabric-liquid-detergent] .collection-art,[data-state=attention] .collection-art[data-icon=fabric-liquid-detergent],.collection-art[data-state=attention][data-icon=fabric-liquid-detergent]) .action-cap{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=fabric-liquid-detergent] .collection-art,[data-state=loading] .collection-art[data-icon=fabric-liquid-detergent],.collection-art[data-state=loading][data-icon=fabric-liquid-detergent]) .action-cap{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=fabric-liquid-detergent] .collection-art,[data-state=success] .collection-art[data-icon=fabric-liquid-detergent],.collection-art[data-state=success][data-icon=fabric-liquid-detergent]) .action-cap{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=fruit-jam] .collection-art,.collection-art[data-icon=fruit-jam]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=fruit-jam] .collection-art,.collection-art[data-icon=fruit-jam]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=fruit-jam] .collection-art,[data-state=attention] .collection-art[data-icon=fruit-jam],.collection-art[data-state=attention][data-icon=fruit-jam]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=fruit-jam] .collection-art,[data-state=loading] .collection-art[data-icon=fruit-jam],.collection-art[data-state=loading][data-icon=fruit-jam]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=fruit-jam] .collection-art,[data-state=success] .collection-art[data-icon=fruit-jam],.collection-art[data-state=success][data-icon=fruit-jam]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=mayonnaise] .collection-art,.collection-art[data-icon=mayonnaise]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=mayonnaise] .collection-art,.collection-art[data-icon=mayonnaise]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=mayonnaise] .collection-art,[data-state=attention] .collection-art[data-icon=mayonnaise],.collection-art[data-state=attention][data-icon=mayonnaise]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=mayonnaise] .collection-art,[data-state=loading] .collection-art[data-icon=mayonnaise],.collection-art[data-state=loading][data-icon=mayonnaise]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=mayonnaise] .collection-art,[data-state=success] .collection-art[data-icon=mayonnaise],.collection-art[data-state=success][data-icon=mayonnaise]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=oat-bars] .collection-art,.collection-art[data-icon=oat-bars]) .action-packet{--co-anticipate:scaleX(.99);--co-peak:translateY(4px) scaleX(1.035);--co-attention:translateY(3px) scaleX(1.025);--co-press-pose:scaleX(.975);--co-selected:translateY(1.5px);--co-success:scaleX(1.02);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(1px + var(--progress,.62)*4px)) scaleX(1.025);--co-loadend:translateY(calc(var(--progress,.62)*3px));--co-idle:scaleX(1.006);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=oat-bars] .collection-art,.collection-art[data-icon=oat-bars]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(-3deg);--co-attention:rotate(-1.5deg);--co-press-pose:scale(.985);--co-selected:rotate(-.7deg);--co-success:translateY(-2px) rotate(-4deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-2deg);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=oat-bars] .collection-art,[data-state=attention] .collection-art[data-icon=oat-bars],.collection-art[data-state=attention][data-icon=oat-bars]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=oat-bars] .collection-art,[data-state=loading] .collection-art[data-icon=oat-bars],.collection-art[data-state=loading][data-icon=oat-bars]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=oat-bars] .collection-art,[data-state=success] .collection-art[data-icon=oat-bars],.collection-art[data-state=success][data-icon=oat-bars]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=oat-bars] .collection-art,[data-state=idle] .collection-art[data-icon=oat-bars],.collection-art[data-state=idle][data-icon=oat-bars]) .action-packet{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=cake] .collection-art,.collection-art[data-icon=cake]) .action-piece{--co-anticipate:scaleY(.985);--co-peak:translateY(-3px) rotate(-1deg);--co-attention:translateY(-2px);--co-press-pose:scaleY(.97);--co-selected:translateY(-1px);--co-success:translateY(1px) scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:translateY(-3px);--co-loadend:translateY(1px);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=cake] .collection-art,.collection-art[data-icon=cake]) .action-content{--co-anticipate:translate(0,0);--co-peak:rotate(1.5deg);--co-attention:rotate(.5deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-1deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=cake] .collection-art,[data-state=attention] .collection-art[data-icon=cake],.collection-art[data-state=attention][data-icon=cake]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=cake] .collection-art,[data-state=loading] .collection-art[data-icon=cake],.collection-art[data-state=loading][data-icon=cake]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=cake] .collection-art,[data-state=success] .collection-art[data-icon=cake],.collection-art[data-state=success][data-icon=cake]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=sauces] .collection-art,.collection-art[data-icon=sauces]) .action-content{--co-anticipate:scaleX(1.008);--co-peak:scaleX(.965) scaleY(1.015);--co-attention:scaleX(.982) scaleY(1.008);--co-press-pose:scaleX(.95) scaleY(1.02);--co-selected:scaleX(.99);--co-success:scaleX(.97);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 - var(--progress,.62)*.035)) scaleY(1.012);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=sauces] .collection-art,.collection-art[data-icon=sauces]) .action-cap{--co-anticipate:rotate(-1deg);--co-peak:rotate(7deg);--co-attention:rotate(5deg);--co-press-pose:rotate(2deg);--co-selected:rotate(2deg);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(5deg);--co-loadend:rotate(1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=sauces] .collection-art,[data-state=attention] .collection-art[data-icon=sauces],.collection-art[data-state=attention][data-icon=sauces]) .action-cap{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=sauces] .collection-art,[data-state=loading] .collection-art[data-icon=sauces],.collection-art[data-state=loading][data-icon=sauces]) .action-cap{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=sauces] .collection-art,[data-state=success] .collection-art[data-icon=sauces],.collection-art[data-state=success][data-icon=sauces]) .action-cap{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=ramen-noodles] .collection-art,.collection-art[data-icon=ramen-noodles]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=ramen-noodles] .collection-art,.collection-art[data-icon=ramen-noodles]) .action-pour{--co-anticipate:translate(0,0);--co-peak:scaleY(.98);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.98);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.975);--co-loadend:scaleY(1.01);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=ramen-noodles] .collection-art,[data-state=attention] .collection-art[data-icon=ramen-noodles],.collection-art[data-state=attention][data-icon=ramen-noodles]) .action-pour{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=ramen-noodles] .collection-art,[data-state=loading] .collection-art[data-icon=ramen-noodles],.collection-art[data-state=loading][data-icon=ramen-noodles]) .action-pour{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=ramen-noodles] .collection-art,[data-state=success] .collection-art[data-icon=ramen-noodles],.collection-art[data-state=success][data-icon=ramen-noodles]) .action-pour{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=ramen-noodles] .collection-art,[data-state=idle] .collection-art[data-icon=ramen-noodles],.collection-art[data-state=idle][data-icon=ramen-noodles]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=spreads] .collection-art,.collection-art[data-icon=spreads]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=spreads] .collection-art,.collection-art[data-icon=spreads]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=spreads] .collection-art,[data-state=attention] .collection-art[data-icon=spreads],.collection-art[data-state=attention][data-icon=spreads]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=spreads] .collection-art,[data-state=loading] .collection-art[data-icon=spreads],.collection-art[data-state=loading][data-icon=spreads]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=spreads] .collection-art,[data-state=success] .collection-art[data-icon=spreads],.collection-art[data-state=success][data-icon=spreads]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=chia-seeds] .collection-art,.collection-art[data-icon=chia-seeds]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=chia-seeds] .collection-art,.collection-art[data-icon=chia-seeds]) .action-lid{--co-anticipate:translate(0,0);--co-peak:translateY(-2px) rotate(-1deg);--co-attention:translateY(-1px);--co-press-pose:translateY(1px);--co-selected:translate(0,0);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=chia-seeds] .collection-art,[data-state=attention] .collection-art[data-icon=chia-seeds],.collection-art[data-state=attention][data-icon=chia-seeds]) .action-lid{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=chia-seeds] .collection-art,[data-state=loading] .collection-art[data-icon=chia-seeds],.collection-art[data-state=loading][data-icon=chia-seeds]) .action-lid{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=chia-seeds] .collection-art,[data-state=success] .collection-art[data-icon=chia-seeds],.collection-art[data-state=success][data-icon=chia-seeds]) .action-lid{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=chia-seeds] .collection-art,[data-state=idle] .collection-art[data-icon=chia-seeds],.collection-art[data-state=idle][data-icon=chia-seeds]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=dried-foods] .collection-art,.collection-art[data-icon=dried-foods]) .action-piece{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=dried-foods] .collection-art,.collection-art[data-icon=dried-foods]) .action-packet{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=dried-foods] .collection-art,[data-state=attention] .collection-art[data-icon=dried-foods],.collection-art[data-state=attention][data-icon=dried-foods]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=dried-foods] .collection-art,[data-state=loading] .collection-art[data-icon=dried-foods],.collection-art[data-state=loading][data-icon=dried-foods]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=dried-foods] .collection-art,[data-state=success] .collection-art[data-icon=dried-foods],.collection-art[data-state=success][data-icon=dried-foods]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=dried-foods] .collection-art,[data-state=idle] .collection-art[data-icon=dried-foods],.collection-art[data-state=idle][data-icon=dried-foods]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=extra-virgin-oil] .collection-art,.collection-art[data-icon=extra-virgin-oil]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=extra-virgin-oil] .collection-art,.collection-art[data-icon=extra-virgin-oil]) .action-leaf{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=extra-virgin-oil] .collection-art,[data-state=attention] .collection-art[data-icon=extra-virgin-oil],.collection-art[data-state=attention][data-icon=extra-virgin-oil]) .action-leaf{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=extra-virgin-oil] .collection-art,[data-state=loading] .collection-art[data-icon=extra-virgin-oil],.collection-art[data-state=loading][data-icon=extra-virgin-oil]) .action-leaf{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=extra-virgin-oil] .collection-art,[data-state=success] .collection-art[data-icon=extra-virgin-oil],.collection-art[data-state=success][data-icon=extra-virgin-oil]) .action-leaf{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=canned-meat] .collection-art,.collection-art[data-icon=canned-meat]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=canned-meat] .collection-art,.collection-art[data-icon=canned-meat]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=canned-meat] .collection-art,[data-state=attention] .collection-art[data-icon=canned-meat],.collection-art[data-state=attention][data-icon=canned-meat]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=canned-meat] .collection-art,[data-state=loading] .collection-art[data-icon=canned-meat],.collection-art[data-state=loading][data-icon=canned-meat]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=canned-meat] .collection-art,[data-state=success] .collection-art[data-icon=canned-meat],.collection-art[data-state=success][data-icon=canned-meat]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=canned-foods] .collection-art,.collection-art[data-icon=canned-foods]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=canned-foods] .collection-art,.collection-art[data-icon=canned-foods]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=canned-foods] .collection-art,[data-state=attention] .collection-art[data-icon=canned-foods],.collection-art[data-state=attention][data-icon=canned-foods]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=canned-foods] .collection-art,[data-state=loading] .collection-art[data-icon=canned-foods],.collection-art[data-state=loading][data-icon=canned-foods]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=canned-foods] .collection-art,[data-state=success] .collection-art[data-icon=canned-foods],.collection-art[data-state=success][data-icon=canned-foods]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=cake-mix] .collection-art,.collection-art[data-icon=cake-mix]) .action-spoon{--co-anticipate:rotate(2deg);--co-peak:translate(-3px,-3px) rotate(-8deg);--co-attention:translate(-2px,-2px) rotate(-6deg);--co-press-pose:translateY(2px) rotate(3deg);--co-selected:rotate(-3deg);--co-success:translateY(1px) rotate(2deg);--co-loadstart:translate(0,0);--co-loadwork:translate(-4px,3px) rotate(9deg);--co-loadend:translate(-2px,-5px) rotate(-6deg);--co-idle:rotate(-1deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=cake-mix] .collection-art,.collection-art[data-icon=cake-mix]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(.98);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.98);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.975);--co-loadend:scaleY(1.01);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=cake-mix] .collection-art,[data-state=attention] .collection-art[data-icon=cake-mix],.collection-art[data-state=attention][data-icon=cake-mix]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=cake-mix] .collection-art,[data-state=loading] .collection-art[data-icon=cake-mix],.collection-art[data-state=loading][data-icon=cake-mix]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=cake-mix] .collection-art,[data-state=success] .collection-art[data-icon=cake-mix],.collection-art[data-state=success][data-icon=cake-mix]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=cake-mix] .collection-art,[data-state=idle] .collection-art[data-icon=cake-mix],.collection-art[data-state=idle][data-icon=cake-mix]) .action-spoon{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=hot-chocolate-cocoa-powder] .collection-art,.collection-art[data-icon=hot-chocolate-cocoa-powder]) .action-steam{--co-anticipate:scaleY(.98);--co-peak:scaleY(1.08) translateY(-1px);--co-attention:scaleY(1.04);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025);--co-success:scaleY(1.06);--co-loadstart:scaleY(.98);--co-loadwork:translateY(-3px) scaleY(1.08);--co-loadend:translateY(-1px) scaleY(1.02);--co-idle:translateY(-1px) scaleY(1.02);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=hot-chocolate-cocoa-powder] .collection-art,.collection-art[data-icon=hot-chocolate-cocoa-powder]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(1.5deg);--co-attention:rotate(.5deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(-1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(.8deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=hot-chocolate-cocoa-powder] .collection-art,[data-state=attention] .collection-art[data-icon=hot-chocolate-cocoa-powder],.collection-art[data-state=attention][data-icon=hot-chocolate-cocoa-powder]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=hot-chocolate-cocoa-powder] .collection-art,[data-state=loading] .collection-art[data-icon=hot-chocolate-cocoa-powder],.collection-art[data-state=loading][data-icon=hot-chocolate-cocoa-powder]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=hot-chocolate-cocoa-powder] .collection-art,[data-state=success] .collection-art[data-icon=hot-chocolate-cocoa-powder],.collection-art[data-state=success][data-icon=hot-chocolate-cocoa-powder]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=hot-chocolate-cocoa-powder] .collection-art,[data-state=idle] .collection-art[data-icon=hot-chocolate-cocoa-powder],.collection-art[data-state=idle][data-icon=hot-chocolate-cocoa-powder]) .action-steam{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=syrup] .collection-art,.collection-art[data-icon=syrup]) .action-content{--co-anticipate:rotate(1deg);--co-peak:rotate(-4deg);--co-attention:rotate(-3deg);--co-press-pose:scaleX(.985);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(-1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=syrup] .collection-art,.collection-art[data-icon=syrup]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=syrup] .collection-art,[data-state=attention] .collection-art[data-icon=syrup],.collection-art[data-state=attention][data-icon=syrup]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=syrup] .collection-art,[data-state=loading] .collection-art[data-icon=syrup],.collection-art[data-state=loading][data-icon=syrup]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=syrup] .collection-art,[data-state=success] .collection-art[data-icon=syrup],.collection-art[data-state=success][data-icon=syrup]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=salt-sugar] .collection-art,.collection-art[data-icon=salt-sugar]) .action-cap{--co-anticipate:scale(.98);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.96);--co-selected:rotate(-1deg);--co-success:scale(1.025);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg) translateY(-2px);--co-loadend:rotate(1deg);--co-idle:rotate(.7deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=salt-sugar] .collection-art,.collection-art[data-icon=salt-sugar]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scale(.98);--co-selected:translate(0,0);--co-success:scale(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(1.5deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=salt-sugar] .collection-art,[data-state=attention] .collection-art[data-icon=salt-sugar],.collection-art[data-state=attention][data-icon=salt-sugar]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=salt-sugar] .collection-art,[data-state=loading] .collection-art[data-icon=salt-sugar],.collection-art[data-state=loading][data-icon=salt-sugar]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=salt-sugar] .collection-art,[data-state=success] .collection-art[data-icon=salt-sugar],.collection-art[data-state=success][data-icon=salt-sugar]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=salt-sugar] .collection-art,[data-state=idle] .collection-art[data-icon=salt-sugar],.collection-art[data-state=idle][data-icon=salt-sugar]) .action-cap{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=wafers] .collection-art,.collection-art[data-icon=wafers]) .action-packet{--co-anticipate:scaleX(.99);--co-peak:translateY(4px) scaleX(1.035);--co-attention:translateY(3px) scaleX(1.025);--co-press-pose:scaleX(.975);--co-selected:translateY(1.5px);--co-success:scaleX(1.02);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(1px + var(--progress,.62)*4px)) scaleX(1.025);--co-loadend:translateY(calc(var(--progress,.62)*3px));--co-idle:scaleX(1.006);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=wafers] .collection-art,.collection-art[data-icon=wafers]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(-3deg);--co-attention:rotate(-1.5deg);--co-press-pose:scale(.985);--co-selected:rotate(-.7deg);--co-success:translateY(-2px) rotate(-4deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-2deg);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=wafers] .collection-art,[data-state=attention] .collection-art[data-icon=wafers],.collection-art[data-state=attention][data-icon=wafers]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=wafers] .collection-art,[data-state=loading] .collection-art[data-icon=wafers],.collection-art[data-state=loading][data-icon=wafers]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=wafers] .collection-art,[data-state=success] .collection-art[data-icon=wafers],.collection-art[data-state=success][data-icon=wafers]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=wafers] .collection-art,[data-state=idle] .collection-art[data-icon=wafers],.collection-art[data-state=idle][data-icon=wafers]) .action-packet{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=chocolate-packs] .collection-art,.collection-art[data-icon=chocolate-packs]) .action-packet{--co-anticipate:scaleX(.99);--co-peak:scaleX(1.035) scaleY(.99);--co-attention:scaleX(1.025) scaleY(.995);--co-press-pose:scaleX(.97) scaleY(1.01);--co-selected:scaleX(1.01);--co-success:scaleX(1.02);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 + var(--progress,.62)*.03)) scaleY(.99);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=chocolate-packs] .collection-art,.collection-art[data-icon=chocolate-packs]) .action-piece{--co-anticipate:translate(0,0);--co-peak:rotate(-3deg) translateY(-2px);--co-attention:rotate(-2deg);--co-press-pose:scale(.98);--co-selected:rotate(-1deg);--co-success:rotate(-3deg);--co-loadstart:translate(0,0);--co-loadwork:translateY(-2px) rotate(-2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=chocolate-packs] .collection-art,[data-state=attention] .collection-art[data-icon=chocolate-packs],.collection-art[data-state=attention][data-icon=chocolate-packs]) .action-piece{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=chocolate-packs] .collection-art,[data-state=loading] .collection-art[data-icon=chocolate-packs],.collection-art[data-state=loading][data-icon=chocolate-packs]) .action-piece{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=chocolate-packs] .collection-art,[data-state=success] .collection-art[data-icon=chocolate-packs],.collection-art[data-state=success][data-icon=chocolate-packs]) .action-piece{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=lollipops] .collection-art,.collection-art[data-icon=lollipops]) .action-roller{--co-anticipate:rotate(-2deg);--co-peak:rotate(12deg);--co-attention:rotate(8deg);--co-press-pose:rotate(-5deg);--co-selected:rotate(4deg);--co-success:rotate(6deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(12deg);--co-loadend:rotate(-4deg);--co-idle:rotate(1.5deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=lollipops] .collection-art,.collection-art[data-icon=lollipops]) .action-fold{--co-anticipate:translate(0,0);--co-peak:rotate(-4deg);--co-attention:rotate(-2deg);--co-press-pose:scale(.98);--co-selected:rotate(-1deg);--co-success:scale(1.035);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg);--co-loadend:rotate(1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=lollipops] .collection-art,[data-state=attention] .collection-art[data-icon=lollipops],.collection-art[data-state=attention][data-icon=lollipops]) .action-fold{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=lollipops] .collection-art,[data-state=loading] .collection-art[data-icon=lollipops],.collection-art[data-state=loading][data-icon=lollipops]) .action-fold{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=lollipops] .collection-art,[data-state=success] .collection-art[data-icon=lollipops],.collection-art[data-state=success][data-icon=lollipops]) .action-fold{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=lollipops] .collection-art,[data-state=idle] .collection-art[data-icon=lollipops],.collection-art[data-state=idle][data-icon=lollipops]) .action-roller{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=hair-mask] .collection-art,.collection-art[data-icon=hair-mask]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=hair-mask] .collection-art,.collection-art[data-icon=hair-mask]) .action-content{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=hair-mask] .collection-art,[data-state=attention] .collection-art[data-icon=hair-mask],.collection-art[data-state=attention][data-icon=hair-mask]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=hair-mask] .collection-art,[data-state=loading] .collection-art[data-icon=hair-mask],.collection-art[data-state=loading][data-icon=hair-mask]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=hair-mask] .collection-art,[data-state=success] .collection-art[data-icon=hair-mask],.collection-art[data-state=success][data-icon=hair-mask]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=sanitary-panties-pads] .collection-art,.collection-art[data-icon=sanitary-panties-pads]) .action-wing-left{--co-anticipate:scaleX(1.01) rotate(1deg);--co-peak:scaleX(.87) rotate(-4deg);--co-attention:scaleX(.91) rotate(-3deg);--co-press-pose:scaleX(.94) rotate(-2deg);--co-selected:scaleX(.95) rotate(-1.5deg);--co-success:scaleX(.94);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 - var(--progress,.62)*.12)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=sanitary-panties-pads] .collection-art,.collection-art[data-icon=sanitary-panties-pads]) .action-wing-right{--co-anticipate:scaleX(1.01) rotate(-1deg);--co-peak:scaleX(.87) rotate(4deg);--co-attention:scaleX(.91) rotate(3deg);--co-press-pose:scaleX(.94) rotate(2deg);--co-selected:scaleX(.95) rotate(1.5deg);--co-success:scaleX(.94);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 - var(--progress,.62)*.12)) rotate(3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=sanitary-panties-pads] .collection-art,[data-state=attention] .collection-art[data-icon=sanitary-panties-pads],.collection-art[data-state=attention][data-icon=sanitary-panties-pads]) .action-wing-right{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=sanitary-panties-pads] .collection-art,[data-state=loading] .collection-art[data-icon=sanitary-panties-pads],.collection-art[data-state=loading][data-icon=sanitary-panties-pads]) .action-wing-right{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=sanitary-panties-pads] .collection-art,[data-state=success] .collection-art[data-icon=sanitary-panties-pads],.collection-art[data-state=success][data-icon=sanitary-panties-pads]) .action-wing-right{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=cream-moisturiser] .collection-art,.collection-art[data-icon=cream-moisturiser]) .action-lid{--co-anticipate:translateY(1px) rotate(1deg);--co-peak:translate(-2px,-7px) rotate(-5deg);--co-attention:translate(-2px,-6px) rotate(-4deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translate(-2px,calc(-3px - var(--progress,.62)*3px)) rotate(-3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=cream-moisturiser] .collection-art,.collection-art[data-icon=cream-moisturiser]) .action-content{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.985);--co-loadend:rotate(.7deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=cream-moisturiser] .collection-art,[data-state=attention] .collection-art[data-icon=cream-moisturiser],.collection-art[data-state=attention][data-icon=cream-moisturiser]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=cream-moisturiser] .collection-art,[data-state=loading] .collection-art[data-icon=cream-moisturiser],.collection-art[data-state=loading][data-icon=cream-moisturiser]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=cream-moisturiser] .collection-art,[data-state=success] .collection-art[data-icon=cream-moisturiser],.collection-art[data-state=success][data-icon=cream-moisturiser]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=body-lotion] .collection-art,.collection-art[data-icon=body-lotion]) .action-pump{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=body-lotion] .collection-art,.collection-art[data-icon=body-lotion]) .action-drop{--co-anticipate:scale(.98);--co-peak:scale(1.07);--co-attention:scale(1.025);--co-press-pose:scale(.98);--co-selected:scale(1.025);--co-success:scale(1.09);--co-loadstart:scale(.97);--co-loadwork:scale(calc(1 + var(--progress,.62)*.07));--co-loadend:scale(1.015);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=body-lotion] .collection-art,[data-state=attention] .collection-art[data-icon=body-lotion],.collection-art[data-state=attention][data-icon=body-lotion]) .action-drop{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=body-lotion] .collection-art,[data-state=loading] .collection-art[data-icon=body-lotion],.collection-art[data-state=loading][data-icon=body-lotion]) .action-drop{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=body-lotion] .collection-art,[data-state=success] .collection-art[data-icon=body-lotion],.collection-art[data-state=success][data-icon=body-lotion]) .action-drop{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=toothpaste] .collection-art,.collection-art[data-icon=toothpaste]) .action-content{--co-anticipate:scaleX(1.008);--co-peak:scaleX(.965) scaleY(1.015);--co-attention:scaleX(.982) scaleY(1.008);--co-press-pose:scaleX(.95) scaleY(1.02);--co-selected:scaleX(.99);--co-success:scaleX(.97);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 - var(--progress,.62)*.035)) scaleY(1.012);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=toothpaste] .collection-art,.collection-art[data-icon=toothpaste]) .action-brush{--co-anticipate:rotate(1deg);--co-peak:rotate(-5deg);--co-attention:rotate(-3deg);--co-press-pose:rotate(2deg);--co-selected:rotate(-1deg);--co-success:rotate(-2deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-4deg);--co-loadend:rotate(2deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=toothpaste] .collection-art,[data-state=attention] .collection-art[data-icon=toothpaste],.collection-art[data-state=attention][data-icon=toothpaste]) .action-brush{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=toothpaste] .collection-art,[data-state=loading] .collection-art[data-icon=toothpaste],.collection-art[data-state=loading][data-icon=toothpaste]) .action-brush{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=toothpaste] .collection-art,[data-state=success] .collection-art[data-icon=toothpaste],.collection-art[data-state=success][data-icon=toothpaste]) .action-brush{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=sunscreen-cream] .collection-art,.collection-art[data-icon=sunscreen-cream]) .action-content{--co-anticipate:scaleX(1.008);--co-peak:scaleX(.965) scaleY(1.015);--co-attention:scaleX(.982) scaleY(1.008);--co-press-pose:scaleX(.95) scaleY(1.02);--co-selected:scaleX(.99);--co-success:scaleX(.97);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 - var(--progress,.62)*.035)) scaleY(1.012);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=sunscreen-cream] .collection-art,.collection-art[data-icon=sunscreen-cream]) .action-cap{--co-anticipate:rotate(-1deg);--co-peak:rotate(7deg);--co-attention:rotate(5deg);--co-press-pose:rotate(2deg);--co-selected:rotate(2deg);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(5deg);--co-loadend:rotate(1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=sunscreen-cream] .collection-art,[data-state=attention] .collection-art[data-icon=sunscreen-cream],.collection-art[data-state=attention][data-icon=sunscreen-cream]) .action-cap{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=sunscreen-cream] .collection-art,[data-state=loading] .collection-art[data-icon=sunscreen-cream],.collection-art[data-state=loading][data-icon=sunscreen-cream]) .action-cap{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=sunscreen-cream] .collection-art,[data-state=success] .collection-art[data-icon=sunscreen-cream],.collection-art[data-state=success][data-icon=sunscreen-cream]) .action-cap{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=shampoo-conditioner] .collection-art,.collection-art[data-icon=shampoo-conditioner]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=shampoo-conditioner] .collection-art,.collection-art[data-icon=shampoo-conditioner]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=shampoo-conditioner] .collection-art,[data-state=attention] .collection-art[data-icon=shampoo-conditioner],.collection-art[data-state=attention][data-icon=shampoo-conditioner]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=shampoo-conditioner] .collection-art,[data-state=loading] .collection-art[data-icon=shampoo-conditioner],.collection-art[data-state=loading][data-icon=shampoo-conditioner]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=shampoo-conditioner] .collection-art,[data-state=success] .collection-art[data-icon=shampoo-conditioner],.collection-art[data-state=success][data-icon=shampoo-conditioner]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=shampoo-conditioner] .collection-art,[data-state=idle] .collection-art[data-icon=shampoo-conditioner],.collection-art[data-state=idle][data-icon=shampoo-conditioner]) .action-content{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=eye-shadow] .collection-art,.collection-art[data-icon=eye-shadow]) .action-lid{--co-anticipate:scaleY(.985) rotate(1deg);--co-peak:scaleY(1.07) rotate(-4deg);--co-attention:scaleY(1.05) rotate(-3deg);--co-press-pose:scaleY(.96);--co-selected:scaleY(1.025) rotate(-1deg);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(1 + var(--progress,.62)*.06)) rotate(-3deg);--co-loadend:scaleY(1.02);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=eye-shadow] .collection-art,.collection-art[data-icon=eye-shadow]) .action-brush{--co-anticipate:rotate(1deg);--co-peak:rotate(-6deg);--co-attention:rotate(-3deg);--co-press-pose:rotate(2deg);--co-selected:rotate(-1deg);--co-success:rotate(-3deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-5deg);--co-loadend:rotate(2deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=eye-shadow] .collection-art,[data-state=attention] .collection-art[data-icon=eye-shadow],.collection-art[data-state=attention][data-icon=eye-shadow]) .action-brush{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=eye-shadow] .collection-art,[data-state=loading] .collection-art[data-icon=eye-shadow],.collection-art[data-state=loading][data-icon=eye-shadow]) .action-brush{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=eye-shadow] .collection-art,[data-state=success] .collection-art[data-icon=eye-shadow],.collection-art[data-state=success][data-icon=eye-shadow]) .action-brush{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=hand-wash] .collection-art,.collection-art[data-icon=hand-wash]) .action-pump{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=hand-wash] .collection-art,.collection-art[data-icon=hand-wash]) .action-content{--co-anticipate:scale(.98);--co-peak:scale(1.07);--co-attention:scale(1.025);--co-press-pose:scale(.98);--co-selected:scale(1.025);--co-success:scale(1.09);--co-loadstart:scale(.97);--co-loadwork:scale(calc(1 + var(--progress,.62)*.07));--co-loadend:scale(1.015);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=hand-wash] .collection-art,[data-state=attention] .collection-art[data-icon=hand-wash],.collection-art[data-state=attention][data-icon=hand-wash]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=hand-wash] .collection-art,[data-state=loading] .collection-art[data-icon=hand-wash],.collection-art[data-state=loading][data-icon=hand-wash]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=hand-wash] .collection-art,[data-state=success] .collection-art[data-icon=hand-wash],.collection-art[data-state=success][data-icon=hand-wash]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=body-mist] .collection-art,.collection-art[data-icon=body-mist]) .action-pump{--co-anticipate:translateY(-.5px);--co-peak:translateY(3px);--co-attention:translateY(1px);--co-press-pose:translateY(3px);--co-selected:translateY(.5px);--co-success:translateY(3px);--co-loadstart:translate(0,0);--co-loadwork:translateY(3px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=body-mist] .collection-art,.collection-art[data-icon=body-mist]) .action-spray{--co-anticipate:scale(.85);--co-peak:scale(1.15);--co-attention:scale(1.05);--co-press-pose:scale(.9);--co-selected:scale(1.03);--co-success:scale(1.18);--co-loadstart:scale(.9);--co-loadwork:scale(calc(1.04 + var(--progress,.62)*.1));--co-loadend:scale(.95);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=body-mist] .collection-art,[data-state=attention] .collection-art[data-icon=body-mist],.collection-art[data-state=attention][data-icon=body-mist]) .action-spray{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=body-mist] .collection-art,[data-state=loading] .collection-art[data-icon=body-mist],.collection-art[data-state=loading][data-icon=body-mist]) .action-spray{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=body-mist] .collection-art,[data-state=success] .collection-art[data-icon=body-mist],.collection-art[data-state=success][data-icon=body-mist]) .action-spray{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=loading][data-icon=body-mist] .collection-art,[data-state=loading] .collection-art[data-icon=body-mist],.collection-art[data-state=loading][data-icon=body-mist]) .action-spray{animation:co-load-entry var(--co-select) var(--co-out) both,co-secondary-work var(--co-loop) var(--co-in) var(--co-select) infinite,co-mist-release var(--co-loop) linear var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=body-wash-gel] .collection-art,.collection-art[data-icon=body-wash-gel]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=body-wash-gel] .collection-art,.collection-art[data-icon=body-wash-gel]) .action-content{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=body-wash-gel] .collection-art,[data-state=attention] .collection-art[data-icon=body-wash-gel],.collection-art[data-state=attention][data-icon=body-wash-gel]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=body-wash-gel] .collection-art,[data-state=loading] .collection-art[data-icon=body-wash-gel],.collection-art[data-state=loading][data-icon=body-wash-gel]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=body-wash-gel] .collection-art,[data-state=success] .collection-art[data-icon=body-wash-gel],.collection-art[data-state=success][data-icon=body-wash-gel]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=body-wash-gel] .collection-art,[data-state=idle] .collection-art[data-icon=body-wash-gel],.collection-art[data-state=idle][data-icon=body-wash-gel]) .action-content{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=body-spray-perfume] .collection-art,.collection-art[data-icon=body-spray-perfume]) .action-pump{--co-anticipate:translateY(-.5px);--co-peak:translateY(3px);--co-attention:translateY(1px);--co-press-pose:translateY(3px);--co-selected:translateY(.5px);--co-success:translateY(3px);--co-loadstart:translate(0,0);--co-loadwork:translateY(3px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=body-spray-perfume] .collection-art,.collection-art[data-icon=body-spray-perfume]) .action-spray{--co-anticipate:scale(.85);--co-peak:scale(1.15);--co-attention:scale(1.05);--co-press-pose:scale(.9);--co-selected:scale(1.03);--co-success:scale(1.18);--co-loadstart:scale(.9);--co-loadwork:scale(calc(1.04 + var(--progress,.62)*.1));--co-loadend:scale(.95);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=body-spray-perfume] .collection-art,[data-state=attention] .collection-art[data-icon=body-spray-perfume],.collection-art[data-state=attention][data-icon=body-spray-perfume]) .action-spray{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=body-spray-perfume] .collection-art,[data-state=loading] .collection-art[data-icon=body-spray-perfume],.collection-art[data-state=loading][data-icon=body-spray-perfume]) .action-spray{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=body-spray-perfume] .collection-art,[data-state=success] .collection-art[data-icon=body-spray-perfume],.collection-art[data-state=success][data-icon=body-spray-perfume]) .action-spray{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=loading][data-icon=body-spray-perfume] .collection-art,[data-state=loading] .collection-art[data-icon=body-spray-perfume],.collection-art[data-state=loading][data-icon=body-spray-perfume]) .action-spray{animation:co-load-entry var(--co-select) var(--co-out) both,co-secondary-work var(--co-loop) var(--co-in) var(--co-select) infinite,co-mist-release var(--co-loop) linear var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=body-soap] .collection-art,.collection-art[data-icon=body-soap]) .action-soap{--co-anticipate:rotate(-2deg);--co-peak:rotate(12deg);--co-attention:rotate(8deg);--co-press-pose:rotate(-5deg);--co-selected:rotate(4deg);--co-success:rotate(6deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(12deg);--co-loadend:rotate(-4deg);--co-idle:rotate(1.5deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=body-soap] .collection-art,.collection-art[data-icon=body-soap]) .action-bubbles{--co-anticipate:translate(0,0);--co-peak:rotate(-4deg);--co-attention:rotate(-2deg);--co-press-pose:scale(.98);--co-selected:rotate(-1deg);--co-success:scale(1.035);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg);--co-loadend:rotate(1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=body-soap] .collection-art,[data-state=attention] .collection-art[data-icon=body-soap],.collection-art[data-state=attention][data-icon=body-soap]) .action-bubbles{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=body-soap] .collection-art,[data-state=loading] .collection-art[data-icon=body-soap],.collection-art[data-state=loading][data-icon=body-soap]) .action-bubbles{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=body-soap] .collection-art,[data-state=success] .collection-art[data-icon=body-soap],.collection-art[data-state=success][data-icon=body-soap]) .action-bubbles{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=body-soap] .collection-art,[data-state=idle] .collection-art[data-icon=body-soap],.collection-art[data-state=idle][data-icon=body-soap]) .action-soap{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=body-oil] .collection-art,.collection-art[data-icon=body-oil]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=body-oil] .collection-art,.collection-art[data-icon=body-oil]) .action-drop{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=body-oil] .collection-art,[data-state=attention] .collection-art[data-icon=body-oil],.collection-art[data-state=attention][data-icon=body-oil]) .action-drop{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=body-oil] .collection-art,[data-state=loading] .collection-art[data-icon=body-oil],.collection-art[data-state=loading][data-icon=body-oil]) .action-drop{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=body-oil] .collection-art,[data-state=success] .collection-art[data-icon=body-oil],.collection-art[data-state=success][data-icon=body-oil]) .action-drop{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=body-oil] .collection-art,[data-state=idle] .collection-art[data-icon=body-oil],.collection-art[data-state=idle][data-icon=body-oil]) .action-drop{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=face-wash-scrub] .collection-art,.collection-art[data-icon=face-wash-scrub]) .action-content{--co-anticipate:scaleX(1.008);--co-peak:scaleX(.965) scaleY(1.015);--co-attention:scaleX(.982) scaleY(1.008);--co-press-pose:scaleX(.95) scaleY(1.02);--co-selected:scaleX(.99);--co-success:scaleX(.97);--co-loadstart:translate(0,0);--co-loadwork:scaleX(calc(1 - var(--progress,.62)*.035)) scaleY(1.012);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=face-wash-scrub] .collection-art,.collection-art[data-icon=face-wash-scrub]) .action-cap{--co-anticipate:rotate(-1deg);--co-peak:rotate(7deg);--co-attention:rotate(5deg);--co-press-pose:rotate(2deg);--co-selected:rotate(2deg);--co-success:rotate(1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(5deg);--co-loadend:rotate(1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=face-wash-scrub] .collection-art,[data-state=attention] .collection-art[data-icon=face-wash-scrub],.collection-art[data-state=attention][data-icon=face-wash-scrub]) .action-cap{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=face-wash-scrub] .collection-art,[data-state=loading] .collection-art[data-icon=face-wash-scrub],.collection-art[data-state=loading][data-icon=face-wash-scrub]) .action-cap{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=face-wash-scrub] .collection-art,[data-state=success] .collection-art[data-icon=face-wash-scrub],.collection-art[data-state=success][data-icon=face-wash-scrub]) .action-cap{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=makeup-foundation] .collection-art,.collection-art[data-icon=makeup-foundation]) .action-pump{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=makeup-foundation] .collection-art,.collection-art[data-icon=makeup-foundation]) .action-drop{--co-anticipate:scale(.98);--co-peak:scale(1.07);--co-attention:scale(1.025);--co-press-pose:scale(.98);--co-selected:scale(1.025);--co-success:scale(1.09);--co-loadstart:scale(.97);--co-loadwork:scale(calc(1 + var(--progress,.62)*.07));--co-loadend:scale(1.015);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=makeup-foundation] .collection-art,[data-state=attention] .collection-art[data-icon=makeup-foundation],.collection-art[data-state=attention][data-icon=makeup-foundation]) .action-drop{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=makeup-foundation] .collection-art,[data-state=loading] .collection-art[data-icon=makeup-foundation],.collection-art[data-state=loading][data-icon=makeup-foundation]) .action-drop{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=makeup-foundation] .collection-art,[data-state=success] .collection-art[data-icon=makeup-foundation],.collection-art[data-state=success][data-icon=makeup-foundation]) .action-drop{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=roll-on-deodorant-sticks] .collection-art,.collection-art[data-icon=roll-on-deodorant-sticks]) .action-roller{--co-anticipate:rotate(-2deg);--co-peak:rotate(12deg);--co-attention:rotate(8deg);--co-press-pose:rotate(-5deg);--co-selected:rotate(4deg);--co-success:rotate(6deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(12deg);--co-loadend:rotate(-4deg);--co-idle:rotate(1.5deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=roll-on-deodorant-sticks] .collection-art,.collection-art[data-icon=roll-on-deodorant-sticks]) .action-cap{--co-anticipate:translate(0,0);--co-peak:rotate(-4deg);--co-attention:rotate(-2deg);--co-press-pose:scale(.98);--co-selected:rotate(-1deg);--co-success:scale(1.035);--co-loadstart:translate(0,0);--co-loadwork:rotate(-3deg);--co-loadend:rotate(1deg);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=roll-on-deodorant-sticks] .collection-art,[data-state=attention] .collection-art[data-icon=roll-on-deodorant-sticks],.collection-art[data-state=attention][data-icon=roll-on-deodorant-sticks]) .action-cap{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=roll-on-deodorant-sticks] .collection-art,[data-state=loading] .collection-art[data-icon=roll-on-deodorant-sticks],.collection-art[data-state=loading][data-icon=roll-on-deodorant-sticks]) .action-cap{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=roll-on-deodorant-sticks] .collection-art,[data-state=success] .collection-art[data-icon=roll-on-deodorant-sticks],.collection-art[data-state=success][data-icon=roll-on-deodorant-sticks]) .action-cap{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=roll-on-deodorant-sticks] .collection-art,[data-state=idle] .collection-art[data-icon=roll-on-deodorant-sticks],.collection-art[data-state=idle][data-icon=roll-on-deodorant-sticks]) .action-roller{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-wipes] .collection-art,.collection-art[data-icon=baby-wipes]) .action-fold{--co-anticipate:scaleY(.99) rotate(-.4deg);--co-peak:scaleY(1.11) rotate(1deg);--co-attention:scaleY(1.09) rotate(.7deg);--co-press-pose:scaleY(.965);--co-selected:scaleY(1.045);--co-success:scaleY(1.02);--co-loadstart:scaleY(calc(1 + var(--progress,.62)*.1));--co-loadwork:scaleY(calc(1.012 + var(--progress,.62)*.1)) rotate(.5deg);--co-loadend:scaleY(calc(1 + var(--progress,.62)*.1));--co-idle:rotate(.8deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-wipes] .collection-art,.collection-art[data-icon=baby-wipes]) .action-packet{--co-anticipate:translate(0,0);--co-peak:scaleY(.985);--co-attention:scaleY(.99);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:scaleY(.99);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-wipes] .collection-art,[data-state=attention] .collection-art[data-icon=baby-wipes],.collection-art[data-state=attention][data-icon=baby-wipes]) .action-packet{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-wipes] .collection-art,[data-state=loading] .collection-art[data-icon=baby-wipes],.collection-art[data-state=loading][data-icon=baby-wipes]) .action-packet{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-wipes] .collection-art,[data-state=success] .collection-art[data-icon=baby-wipes],.collection-art[data-state=success][data-icon=baby-wipes]) .action-packet{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-wipes] .collection-art,[data-state=idle] .collection-art[data-icon=baby-wipes],.collection-art[data-state=idle][data-icon=baby-wipes]) .action-fold{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-toiletries] .collection-art,.collection-art[data-icon=baby-toiletries]) .action-pump{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-toiletries] .collection-art,.collection-art[data-icon=baby-toiletries]) .action-content{--co-anticipate:scale(.98);--co-peak:scale(1.07);--co-attention:scale(1.025);--co-press-pose:scale(.98);--co-selected:scale(1.025);--co-success:scale(1.09);--co-loadstart:scale(.97);--co-loadwork:scale(calc(1 + var(--progress,.62)*.07));--co-loadend:scale(1.015);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-toiletries] .collection-art,[data-state=attention] .collection-art[data-icon=baby-toiletries],.collection-art[data-state=attention][data-icon=baby-toiletries]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-toiletries] .collection-art,[data-state=loading] .collection-art[data-icon=baby-toiletries],.collection-art[data-state=loading][data-icon=baby-toiletries]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-toiletries] .collection-art,[data-state=success] .collection-art[data-icon=baby-toiletries],.collection-art[data-state=success][data-icon=baby-toiletries]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=feeding-bottle] .collection-art,.collection-art[data-icon=feeding-bottle]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=feeding-bottle] .collection-art,.collection-art[data-icon=feeding-bottle]) .action-liquid{--co-anticipate:translate(0,0);--co-peak:scaleY(1.02);--co-attention:scaleY(1.01);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.985);--co-loadstart:translate(0,0);--co-loadwork:scaleY(calc(.97 + var(--progress,.62)*.03));--co-loadend:translate(0,0);--co-idle:scaleY(1.008);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=feeding-bottle] .collection-art,[data-state=attention] .collection-art[data-icon=feeding-bottle],.collection-art[data-state=attention][data-icon=feeding-bottle]) .action-liquid{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=feeding-bottle] .collection-art,[data-state=loading] .collection-art[data-icon=feeding-bottle],.collection-art[data-state=loading][data-icon=feeding-bottle]) .action-liquid{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=feeding-bottle] .collection-art,[data-state=success] .collection-art[data-icon=feeding-bottle],.collection-art[data-state=success][data-icon=feeding-bottle]) .action-liquid{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=feeding-bottle] .collection-art,[data-state=idle] .collection-art[data-icon=feeding-bottle],.collection-art[data-state=idle][data-icon=feeding-bottle]) .action-liquid{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=feeding-bottle-nipples] .collection-art,.collection-art[data-icon=feeding-bottle-nipples]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=breast-pump] .collection-art,.collection-art[data-icon=breast-pump]) .action-pump{--co-anticipate:translateY(-.6px);--co-peak:translateY(4px);--co-attention:translateY(1px);--co-press-pose:translateY(4px);--co-selected:translateY(.7px);--co-success:translateY(4px);--co-loadstart:translate(0,0);--co-loadwork:translateY(4px);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=breast-pump] .collection-art,.collection-art[data-icon=breast-pump]) .action-liquid{--co-anticipate:scale(.98);--co-peak:scale(1.07);--co-attention:scale(1.025);--co-press-pose:scale(.98);--co-selected:scale(1.025);--co-success:scale(1.09);--co-loadstart:scale(.97);--co-loadwork:scale(calc(1 + var(--progress,.62)*.07));--co-loadend:scale(1.015);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=breast-pump] .collection-art,[data-state=attention] .collection-art[data-icon=breast-pump],.collection-art[data-state=attention][data-icon=breast-pump]) .action-liquid{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=breast-pump] .collection-art,[data-state=loading] .collection-art[data-icon=breast-pump],.collection-art[data-state=loading][data-icon=breast-pump]) .action-liquid{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=breast-pump] .collection-art,[data-state=success] .collection-art[data-icon=breast-pump],.collection-art[data-state=success][data-icon=breast-pump]) .action-liquid{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-water-bottles-cups] .collection-art,.collection-art[data-icon=baby-water-bottles-cups]) .action-cap{--co-anticipate:translateY(1px) rotate(-1deg);--co-peak:translateY(-5px) rotate(3deg);--co-attention:translateY(-4px) rotate(2deg);--co-press-pose:translateY(2px);--co-selected:translateY(-2px);--co-success:translateY(1px);--co-loadstart:translate(0,0);--co-loadwork:translateY(calc(-2px - var(--progress,.62)*3px)) rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-care-accessories] .collection-art,.collection-art[data-icon=baby-care-accessories]) .action-piece{--co-anticipate:rotate(2deg);--co-peak:rotate(-8deg);--co-attention:rotate(-6deg);--co-press-pose:rotate(4deg);--co-selected:rotate(-3deg);--co-success:rotate(-5deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-6deg);--co-loadend:rotate(2deg);--co-idle:rotate(-1.2deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-care-accessories] .collection-art,.collection-art[data-icon=baby-care-accessories]) .action-content{--co-anticipate:translate(0,0);--co-peak:rotate(2deg);--co-attention:rotate(1deg);--co-press-pose:scaleY(.98);--co-selected:translate(0,0);--co-success:rotate(-1deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(2deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-care-accessories] .collection-art,[data-state=attention] .collection-art[data-icon=baby-care-accessories],.collection-art[data-state=attention][data-icon=baby-care-accessories]) .action-content{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-care-accessories] .collection-art,[data-state=loading] .collection-art[data-icon=baby-care-accessories],.collection-art[data-state=loading][data-icon=baby-care-accessories]) .action-content{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-care-accessories] .collection-art,[data-state=success] .collection-art[data-icon=baby-care-accessories],.collection-art[data-state=success][data-icon=baby-care-accessories]) .action-content{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-care-accessories] .collection-art,[data-state=idle] .collection-art[data-icon=baby-care-accessories],.collection-art[data-state=idle][data-icon=baby-care-accessories]) .action-piece{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-pacifier] .collection-art,.collection-art[data-icon=baby-pacifier]) .action-ring{--co-anticipate:rotate(2deg);--co-peak:rotate(-8deg);--co-attention:rotate(-6deg);--co-press-pose:rotate(4deg);--co-selected:rotate(-3deg);--co-success:rotate(-5deg);--co-loadstart:translate(0,0);--co-loadwork:rotate(-6deg);--co-loadend:rotate(2deg);--co-idle:rotate(-1.2deg);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-state=idle][data-icon=baby-pacifier] .collection-art,[data-state=idle] .collection-art[data-icon=baby-pacifier],.collection-art[data-state=idle][data-icon=baby-pacifier]) .action-ring{animation:co-reset var(--co-select) var(--co-out) both,co-idle var(--slow,6s) var(--co-in) var(--co-select) infinite}.eshop-semantic-icon :is([data-icon=baby-food-milk-by-age] .collection-art,.collection-art[data-icon=baby-food-milk-by-age]) .action-step{--co-anticipate:translate(0,0);--co-peak:translate(0,0);--co-attention:translate(0,0);--co-press-pose:scaleY(.985);--co-selected:translate(0,0);--co-success:translate(0,0);--co-loadstart:translate(0,0);--co-loadwork:translate(0,0);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.11)}.eshop-semantic-icon :is([data-icon=baby-food-milk-by-age] .collection-art,.collection-art[data-icon=baby-food-milk-by-age]) .action-card{--co-anticipate:translate(0,0);--co-peak:rotate(-.65deg);--co-attention:rotate(-.4deg);--co-press-pose:scaleY(.99);--co-selected:translate(0,0);--co-success:scaleY(.99);--co-loadstart:translate(0,0);--co-loadwork:rotate(-.3deg);--co-loadend:translate(0,0);--co-idle:translate(0,0);--co-stagger:calc(var(--quick,.75s)*.24)}.eshop-semantic-icon :is([data-state=attention][data-icon=baby-food-milk-by-age] .collection-art,[data-state=attention] .collection-art[data-icon=baby-food-milk-by-age],.collection-art[data-state=attention][data-icon=baby-food-milk-by-age]) .action-card{animation-name:co-secondary-attention}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-food-milk-by-age] .collection-art,[data-state=loading] .collection-art[data-icon=baby-food-milk-by-age],.collection-art[data-state=loading][data-icon=baby-food-milk-by-age]) .action-card{animation-name:co-load-entry,co-secondary-work}.eshop-semantic-icon :is([data-state=success][data-icon=baby-food-milk-by-age] .collection-art,[data-state=success] .collection-art[data-icon=baby-food-milk-by-age],.collection-art[data-state=success][data-icon=baby-food-milk-by-age]) .action-card{animation-name:co-secondary-success}.eshop-semantic-icon :is([data-icon=baby-food-milk-by-age] .collection-art,.collection-art[data-icon=baby-food-milk-by-age]) .action-step>ellipse{transform-box:fill-box;transform-origin:50%;transition:transform var(--co-select) var(--co-out),opacity var(--co-select) linear}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-food-milk-by-age] .collection-art,[data-state=loading] .collection-art[data-icon=baby-food-milk-by-age],.collection-art[data-state=loading][data-icon=baby-food-milk-by-age]) .action-step>ellipse{animation:co-age-sequence var(--co-loop) var(--co-in) infinite}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-food-milk-by-age] .collection-art,[data-state=loading] .collection-art[data-icon=baby-food-milk-by-age],.collection-art[data-state=loading][data-icon=baby-food-milk-by-age]) .action-step>ellipse:nth-of-type(2){animation-delay:calc(var(--co-loop)*.16)}.eshop-semantic-icon :is([data-state=loading][data-icon=baby-food-milk-by-age] .collection-art,[data-state=loading] .collection-art[data-icon=baby-food-milk-by-age],.collection-art[data-state=loading][data-icon=baby-food-milk-by-age]) .action-step>ellipse:nth-of-type(3){animation-delay:calc(var(--co-loop)*.32)}.eshop-semantic-icon{width:100%;height:100%;display:block}.eshop-semantic-icon>svg{display:block;width:100%!important;height:100%!important}.eshop-semantic-icon[data-paused=true] *{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){.eshop-semantic-icon *{transition:none!important;animation:none!important}}