/*    @import "compass/css3"; */

.container {
   display: flex;
   flex-wrap: wrap;
   width: calc(100%);
   padding: 10px;
 }

 .item {
   max-width: 125px;
   display: flex;
   flex-direction: column;
   gap: 10px;

   color: rgb(53, 53, 53);
   border-radius: 10px;
   font-weight: 600;

   width: 100%;
   height: 100%;
   margin: 15px;
 }

 .item__name {
   text-align: center !important;
   padding: 2px !important;
 }
/*
 .img {
   margin: 0;
   padding: 0;
   height: 100px;
   width: 125px;
   border-radius: 10px;
 }
*/
 .icono-con-fondo {
   z-index: 1000;
   margin-left: 102px;
   margin-top: 74px;
   display: inline-block;
   background-color: white;
   padding: 2px;
   border-top-left-radius: 5px;
   border-bottom-right-radius: 8px;
   position: absolute;
 }

 .material-symbols-outlined {
   color: gray;
 }

 .thumbnail:hover {
   border: 1px solid rgb(141, 141, 141);
 }

 .thumbnail {

   border: 1px solid #ffffff81;
   border-radius: 10px;
   background-color: white;
   text-decoration: none;
   width: 134px;
   height: 107px;
   display: table-cell;
   text-align: center;
   vertical-align: middle;
   padding: 2px;
 }