.bank-card-item{padding:24px;border-radius:8px;border:1.2px solid #fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;height:98px;overflow:hidden;transition:height 0.5s ease-in-out}.bank-card-item .selected-checkbox{display:none}.bank-card-item .remove-card-button{display:none}.bank-card-item .product-list-element-top-container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.bank-card-item .product-list-element-top-container .image-title-container{display:flex;flex-direction:row;align-items:center;max-height:50px;gap:16px}.bank-card-item .product-list-element-top-container .image-title-container .title-container{display:flex;flex-direction:column}.bank-card-item .product-list-element-top-container .image-title-container .title-container .bank-card-name{margin:0}.bank-card-item .product-list-element-top-container .image-title-container .modal-element{width:80px;display:flex;justify-content:center}.bank-card-item .product-list-element-top-container .image-title-container .bank-card-image{max-width:80px;max-height:80px}.bank-card-item .product-list-element-top-container .arrow-down-button{background-color:transparent;transition:transform 0.5s ease;border:none;padding:0}.bank-card-item .product-list-element-bottom-container{opacity:0}.bank-card-item.selected.close-active-card-animation .selected-checkbox{display:flex}.bank-card-item.selected{background-color:#ECF6E7;overflow:visible;position:relative}.bank-card-item.selected .remove-card-button{display:flex;position:absolute;padding:0;right:-15px;top:-18px}.bank-card-item:hover{border:1.2px solid #33820D}.bank-card-item:has(.product-list-element-bottom-container){justify-content:flex-start}.bank-card-item:hover:not(.selected),.bank-card-item:has(.product-list-element-bottom-container):hover{cursor:pointer}.open-active-card-animation{animation:openActiveCard 0.5s ease-in-out forwards;border:1.2px solid #33820D}.open-active-card-animation .product-list-element-bottom-container{border-top:1px solid #E1E6E1;padding-top:16px;margin-top:16px;width:100%;opacity:1;flex-direction:column;animation:showCardOptions 0.5s ease-in-out forwards}.open-active-card-animation .product-list-element-bottom-container .options-title{font-weight:bold !important;margin-bottom:0;text-wrap:nowrap;color:#323C32}.open-active-card-animation .product-list-element-bottom-container .input-container{margin-top:16px;gap:8px;display:flex;flex-direction:row;width:fit-content}.open-active-card-animation .product-list-element-bottom-container .input-container .bank-card-brand{margin-bottom:0;color:#323C32}.open-active-card-animation .arrow-down-button{transform:rotate(180deg)}.close-active-card-animation.open-active-card-animation{animation:closeActiveCard 0.5s ease-in-out forwards}.close-active-card-animation.open-active-card-animation .product-list-element-bottom-container{animation:showCardOptions 0.2s forwards;animation-direction:reverse}@keyframes openActiveCard{from{height:98px}to{height:234px}}@keyframes showCardOptions{from{opacity:0}to{height:1}}@keyframes closeActiveCard{from{height:234px}to{height:98px}}@media (max-width: 1024px){.bank-card-item{height:82px;padding:16px}.bank-card-item .product-list-element-top-container .image-title-container .modal-element{width:66px}.bank-card-item .product-list-element-top-container .image-title-container .bank-card-image{max-width:66px;max-height:66px}@keyframes openActiveCard{from{height:82px}to{height:218px}}@keyframes closeActiveCard{from{height:218px}to{height:82px}}}

/*# sourceMappingURL=bank-card-item.css.map */