html{height:100%}body{display:flex;flex-direction:column;height:100vh}ul,li{list-style-type:none;cursor:pointer}
li:hover{color:#1bb9d1}ul{padding-left:15px}.category-font-style{font-size:14px;font-weight:bold}
.sub-category-font-style{font-size:13px;font-weight:bold}.sub-data-category-font-style{font-size:12px}
.cursor-pointer{cursor:pointer}.selected{color:#1bb9d1}.photo-size{height:300px;width:245px;object-fit:cover}
.spinner-size{width:70px;height:70px}.image-wrap{position:relative;width:200px;cursor:pointer}
.image-wrap img{width:170px;height:250px;z-index:0}.card-wrap{margin-bottom:0}.card-wrap:hover .action-button{transition-delay:.1s;opacity:1}
.card-wrap:hover .img-overlay{opacity:1}.img-overlay{background:linear-gradient(transparent,#000);position:absolute;width:170px;height:250px;top:0;left:0;opacity:0;transition-delay:0s;-webkit-transition:opacity .2s ease-in-out;-moz-transition:opacity .2s ease-in-out;-o-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out}