.BrandLogoComponent{width:100%;height:100%}.BrandLogoComponent.noBackground .eg-svg svg{background-color:rgba(0,0,0,0)!important;padding:0}.BrandLogoComponent .eg-svg{width:100%;height:100%}.BrandLogoComponent .eg-svg svg{width:100%;height:100%;display:block;max-width:400px;padding:15%}.BrandLogoComponent .imgContainer{padding:15%}@media (min-width: 992px){.CardDetailsComponent .cardDetailsLeftColumnWrapper{max-width:320px}}.BalanceCheckComponent .BrandLogoComponent{border-right:1px solid var(--theme-color-gray-lighter, #f7f7f7);width:100%;height:25vw;max-height:180px}@media (min-width: 576px){.BalanceCheckComponent .BrandLogoComponent{width:180px;min-height:120px;height:100%;max-height:none}}@media (min-width: 768px){.BalanceCheckComponent .BrandLogoComponent{width:260px;min-height:180px}}.BalanceCheckComponent .BrandLogoComponent svg{width:100%;max-width:none;padding:5%}@media (min-width: 576px){.BalanceCheckComponent .BrandLogoComponent svg{padding:20%}}.BalanceCheckComponent .balanceCheckButton{position:relative;--eg-button-font-size: 12px}