:root{--motion-ease:cubic-bezier(0.2,0.8,0.2,1);--motion-fast:150ms;--motion-standard:200ms;--motion-enter:220ms;--motion-exit:150ms}html{scroll-behavior:smooth}:target{scroll-margin-top:6rem}html[data-motion-scrolled=true] .trustly-header{box-shadow:0 4px 14px rgb(42 38 51/.1)}:where(button,.btn,a.btn,[data-motion-card]){transition-property:transform,opacity;transition-duration:var(--motion-standard);transition-timing-function:var(--motion-ease)}@media (hover:hover) and (prefers-reduced-motion:no-preference){:where(a.card,button.card,[data-motion-card]):hover{transform:translateY(-2px);box-shadow:0 7px 18px rgb(42 38 51/.1)}}:where(button:not(:disabled),a.btn,.btn:not(:disabled)):active{transform:scale(.97)}details[open]>:not(summary){animation:motion-details-in var(--motion-enter) var(--motion-ease);transform-origin:top}dialog[data-motion-overlay][open]::backdrop{animation:motion-backdrop-in var(--motion-enter) var(--motion-ease) both}dialog[data-motion-overlay][data-motion-closing=true][open]::backdrop{animation:motion-backdrop-out var(--motion-exit) var(--motion-ease) both}@keyframes motion-details-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}@keyframes motion-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes motion-backdrop-out{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-motion-overlay]:not(dialog),[data-motion-record]{transform:none!important}*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}:where(a.card,button.card,[data-motion-card]):hover,:where(button:not(:disabled),a.btn,.btn:not(:disabled)):active{transform:none}}