@font-face {
   font-family: 'Hero Light Regular';
   font-style: normal;
   font-weight: normal;
   src: url('/static/assets/HeroLight-Regular.woff') format('woff');
   }
   

   @font-face {
   font-family: 'Hero Light Bold';
   font-style: bold;
   font-weight: normal;
   src: url('/static/assets/HeroLight-Bold.woff') format('woff');
   }
   

   @font-face {
   font-family: 'Hero Light Light';
   font-style: normal;
   font-weight: normal;
   src: url('/static/assets/HeroLight-Light.woff') format('woff');
   }

/* immagine con mantenimento delle proporzioni (aspect-ratio) */
/* img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    } */

.profile {
  border-radius:20%;
  max-width:64px;
  max-height:64px;
  width:32px;
  height:32px;
  /* object-fit: contain; */
}

/* {border-radius:.3rem!important}.rounded-circle{border-radius:50%!important */

.img-small {
  /* border-radius: 10px; */
  border-top-left-radius:.25rem;
  max-width:32px;
  max-height:32px;
  /* object-fit: contain;     */
}

/* .img-navbar {
  padding:8px;
  max-width:64px;
  max-height:64px;
  cursor: pointer;
  text-align: center;
  display: block;
  margin-left: auto;
  margin-right: auto;
 } */

/* finestra di popup di editazione */
.popup {
  min-width:600px;
  /* max-height: calc(100vh - 16px); */
  position:fixed;
  right: 50px;
  top:30px;
  opacity:0.92;
  transition: width 250ms ease-out, height 250ms ease-out;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
  padding-right: 8px;
  background-color: rgba(119, 136, 153, 1);
  color: white;
  opacity:0.95;
}