/* SAKAVETS MAIL AUTH PHOTO V7 */

.sak-auth-preview.sak-auth-photo{
  position:relative;
  display:block !important;
  width:100%;
  height:clamp(175px, 23vh, 245px);
  margin-top:30px;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:#182a60;
  box-shadow:
    0 20px 48px rgba(8,17,45,.22),
    inset 0 1px 0 rgba(255,255,255,.05);
  isolation:isolate;
}

.sak-auth-preview.sak-auth-photo img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 57%;
  filter:saturate(.92) contrast(.98) brightness(.90);
  transform:scale(1.015);
  transition:
    transform .55s cubic-bezier(.2,.8,.2,1),
    filter .35s ease;
}

.sak-auth-preview.sak-auth-photo::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(
      180deg,
      rgba(12,25,63,.14) 0%,
      rgba(12,25,63,.03) 45%,
      rgba(12,25,63,.20) 100%
    );
}

.sak-auth-preview.sak-auth-photo::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:inset 0 0 0 1px rgba(126,148,255,.10);
}

.sak-auth-preview.sak-auth-photo:hover img{
  transform:scale(1.045);
  filter:saturate(1) contrast(1) brightness(.94);
}

@media (min-width:981px) and (max-height:850px){
  .sak-auth-preview.sak-auth-photo{
    height:155px;
    margin-top:20px;
  }
}

@media (max-width:980px){
  .sak-auth-preview.sak-auth-photo{
    height:210px;
    margin-top:24px;
  }
}