.eufemia-scope--portal .dnb-easing-demos{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;margin:2rem 0 2.5rem;display:grid}@media (max-width:40rem){.eufemia-scope--portal .dnb-easing-demos{grid-template-columns:1fr}}.eufemia-scope--portal .dnb-easing-demo{--easing-demo-curve:var(--easing-default);min-width:0;margin:0}.eufemia-scope--portal .dnb-easing-demo--bounce{--easing-demo-curve:var(--easing-fast-bounce);--easing-demo-animation:dnb-easing-preview-bounce;--easing-demo-curve-x:dnb-easing-curve-x-bounce;--easing-demo-curve-y:dnb-easing-curve-y-bounce;--easing-demo-duration:3.82s;--easing-demo-visibility:dnb-easing-visibility-bounce}.eufemia-scope--portal .dnb-easing-demo__card{position:relative}.eufemia-scope--portal .dnb-easing-demo__card>code{background:0 0;position:absolute;top:1.5rem;left:1.5rem}.eufemia-scope--portal .dnb-easing-demo__stage{width:min(100%,18rem);height:auto;margin:2.5rem auto 0;display:block}.eufemia-scope--portal .dnb-easing-demo__guide,.eufemia-scope--portal .dnb-easing-demo__diagonal{fill:none;stroke:var(--token-color-stroke-neutral-bold);stroke-width:.5px}.eufemia-scope--portal .dnb-easing-demo__curve{fill:none;stroke:var(--token-color-text-neutral-alternative);stroke-width:2px;stroke-linecap:round}.eufemia-scope--portal .dnb-easing-demo__point{fill:var(--token-color-text-neutral-alternative)}.eufemia-scope--portal .dnb-easing-demo__curve-runner{fill:var(--token-color-text-neutral-alternative);animation:var(--easing-demo-curve-x,dnb-easing-curve-x-default) var(--easing-demo-duration,4.3s) linear infinite, var(--easing-demo-curve-y,dnb-easing-curve-y-default) var(--easing-demo-duration,4.3s) var(--easing-demo-curve) infinite, var(--easing-demo-visibility,dnb-easing-visibility-default) var(--easing-demo-duration,4.3s) linear infinite}.eufemia-scope--portal .dnb-easing-demo__runner{fill:var(--token-color-text-neutral);animation:var(--easing-demo-animation,dnb-easing-preview-default) var(--easing-demo-duration,4.3s) var(--easing-demo-curve) infinite, var(--easing-demo-visibility,dnb-easing-visibility-default) var(--easing-demo-duration,4.3s) linear infinite;transform-origin:50%}.eufemia-scope--portal .dnb-easing-demo__timing{opacity:.6}@keyframes dnb-easing-preview-default{0%,30.2326%{transform:translate(-44px)}58.1395%,to{transform:translate(44px)}}@keyframes dnb-easing-preview-bounce{0%,34.0314%{transform:translate(-44px)}52.8796%,to{transform:translate(44px)}}@keyframes dnb-easing-curve-x-default{0%,30.2326%{cx:48px}58.1395%,to{cx:136px}}@keyframes dnb-easing-curve-y-default{0%,30.2326%{cy:120px}58.1395%,to{cy:32px}}@keyframes dnb-easing-curve-x-bounce{0%,34.0314%{cx:48px}52.8796%,to{cx:136px}}@keyframes dnb-easing-curve-y-bounce{0%,34.0314%{cy:120px}52.8796%,to{cy:32px}}@keyframes dnb-easing-visibility-default{0%{opacity:0}6.97674%,81.3954%{opacity:1}88.3721%,to{opacity:0}}@keyframes dnb-easing-visibility-bounce{0%{opacity:0}7.8534%,79.0576%{opacity:1}86.911%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.eufemia-scope--portal .dnb-easing-demo__runner,.eufemia-scope--portal .dnb-easing-demo__curve-runner{animation:none}}