.eufemia-scope--portal .dnb-icon--animated-bell.dnb-icon--animate svg,.eufemia-scope--portal .dnb-icon--animated-bell svg.dnb-icon--animation-active,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-bell.dnb-icon--animate-when-hover svg,.eufemia-scope--portal .dnb-icon--animated-bell.dnb-icon--animate-when-hover:hover svg{transform-origin:50% 12.5%;transform-box:view-box;animation-name:dnb-icon-animated-bell;animation-duration:.7s;animation-timing-function:var(--easing-default);animation-fill-mode:both}@media (prefers-reduced-motion:reduce){.eufemia-scope--portal .dnb-icon--animated-bell.dnb-icon--animate svg,.eufemia-scope--portal .dnb-icon--animated-bell svg.dnb-icon--animation-active,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-bell.dnb-icon--animate-when-hover svg,.eufemia-scope--portal .dnb-icon--animated-bell.dnb-icon--animate-when-hover:hover svg{animation:none}}.eufemia-scope--portal .dnb-icon--animated-bell.dnb-icon--animate-loop svg{animation-name:dnb-icon-animated-bell-loop;animation-duration:3s;animation-iteration-count:infinite}@media (prefers-reduced-motion:reduce){.eufemia-scope--portal .dnb-icon--animated-bell.dnb-icon--animate-loop svg{animation:none}}@keyframes dnb-icon-animated-bell{0%,to{transform:rotate(0)}20%{transform:rotate(-16deg)}40%{transform:rotate(14deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(4deg)}}@keyframes dnb-icon-animated-bell-loop{0%,24%,to{transform:rotate(0)}5%{transform:rotate(-16deg)}10%{transform:rotate(14deg)}15%{transform:rotate(-8deg)}20%{transform:rotate(4deg)}}.eufemia-scope--portal .dnb-icon--animated-arrow-right.dnb-icon--animate svg,.eufemia-scope--portal .dnb-icon--animated-arrow-right svg.dnb-icon--animation-active,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-arrow-right.dnb-icon--animate-when-hover svg,.eufemia-scope--portal .dnb-icon--animated-arrow-right.dnb-icon--animate-when-hover:hover svg{transform-origin:100%;animation:dnb-icon-animated-arrow-right .65s var(--easing-default) both}@media (prefers-reduced-motion:reduce){.eufemia-scope--portal .dnb-icon--animated-arrow-right.dnb-icon--animate svg,.eufemia-scope--portal .dnb-icon--animated-arrow-right svg.dnb-icon--animation-active,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-arrow-right.dnb-icon--animate-when-hover svg,.eufemia-scope--portal .dnb-icon--animated-arrow-right.dnb-icon--animate-when-hover:hover svg{animation:none}}@keyframes dnb-icon-animated-arrow-right{0%,to{transform:translate(0)}18%{transform:translate(-.06em)scaleX(.82)}52%{transform:translate(.35em)scaleX(1.12)}}.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate svg,.eufemia-scope--portal .dnb-icon--animated-check svg.dnb-icon--animation-active,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-check.dnb-icon--animate-when-hover svg,.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate-when-hover:hover svg{transform-origin:50%;transform-box:fill-box;animation:dnb-icon-animated-check-settle .65s var(--easing-default) both}@media (prefers-reduced-motion:reduce){.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate svg,.eufemia-scope--portal .dnb-icon--animated-check svg.dnb-icon--animation-active,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-check.dnb-icon--animate-when-hover svg,.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate-when-hover:hover svg{animation:none}}.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate path,.eufemia-scope--portal .dnb-icon--animated-check svg.dnb-icon--animation-active path,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-check.dnb-icon--animate-when-hover path,.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate-when-hover:hover path{animation:dnb-icon-animated-check-draw .65s var(--easing-default) both}@media (prefers-reduced-motion:reduce){.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate path,.eufemia-scope--portal .dnb-icon--animated-check svg.dnb-icon--animation-active path,.eufemia-scope--portal :where(button,a,[role=button],[data-icon-animation-trigger]):hover .dnb-icon--animated-check.dnb-icon--animate-when-hover path,.eufemia-scope--portal .dnb-icon--animated-check.dnb-icon--animate-when-hover:hover path{animation:none}}@keyframes dnb-icon-animated-check-draw{0%{stroke-dasharray:40;stroke-dashoffset:40px}to{stroke-dasharray:40;stroke-dashoffset:0}}@keyframes dnb-icon-animated-check-settle{0%{opacity:0;transform:scale(.7)rotate(-8deg)}55%{opacity:1;transform:scale(1.15)rotate(2deg)}75%{transform:scale(.96)rotate(-1deg)}to{opacity:1;transform:scale(1)rotate(0)}}