@import url("https://fonts.googleapis.com/css?family=Raleway");.credit-card-loader{width:100%;height:100%;display:flex;justify-content:center;align-items:center;padding:10px}.credit-card-loader svg{width:100%;max-width:300px;height:auto;margin:0;display:inline-block;transform:scale(.6);transform-origin:center}.credit-card-loader g{transform-origin:center}.credit-card-loader [data-name=base]{transition:fill .3s ease}.credit-card-loader [data-name=text]{opacity:.8}.credit-card-loader [data-name=circle-1],.credit-card-loader [data-name=circle-2]{animation:pulse 1s ease-in-out infinite}.credit-card-loader [data-name=chip-bg]{animation:shine 2s linear infinite}@keyframes shine{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.credit-card-loader g{animation:float 2s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}[data-name=light-blue-credit-card] [data-name=base]{fill:var(--petrol-200)}[data-name=dark-blue-credit-card] [data-name=base]{fill:var(--petrol-500)}[data-name=green-credit-card] [data-name=base]{fill:var(--alert-success)}[data-name=orange-credit-card] [data-name=base]{fill:var(--alert-warning)}