@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.dropdown-enter{animation:fadeIn .1s ease-out forwards}.input-placeholder::placeholder{font-size:24px}@media (min-width:768px){.input-placeholder::placeholder{font-size:26px}}.erase-icon{transition:opacity .3s ease-in-out;opacity:0;visibility:hidden}.erase-icon.show{opacity:1;visibility:visible}.button-hover-shadow{transition:box-shadow .3s ease-in-out}.button-hover-shadow:hover{box-shadow:0 4px 8px rgba(0,0,0,.2)}.button-with-margin{margin-right:4px}.card-image-container{width:500px;height:250px;overflow:hidden;position:relative}.card-image-container-Market{display:flex;align-items:center;justify-content:center;width:570px;height:520px;overflow:hidden;position:relative}@media (max-width:1024px){.card-image-container-Market{width:93%;height:520px}}@media (max-width:768px){.card-image-container-Market{width:93%;height:420px}}@media (max-width:480px){.card-image-container-Market{width:93%;height:400px}}.card-container{width:calc(100%)}@media (min-width:724px){.card-container{width:calc(50% - 20px)}}@media (min-width:1024px){.card-container{width:calc(33.333% - 20px)}}


/*!* Styles the scrollbar globally across the entire page *!*/

/*!* Target specific scrollable element *!*/

/*!* Change scrollbar appearance on hover over the specific element *!*/
/*!* Change scrollbar appearance on hover over the specific element *!*/