.transparent{
  -webkit-backdrop-filter: blur(10px) saturate(140%);
  backdrop-filter: blur(10px) saturate(140%);

  background-color: rgba(255,255,255,0.10);

  /* "зерно" */
  background-image:
    repeating-linear-gradient(45deg,
      rgba(255,255,255,0.05) 0 1px,
      rgba(0,0,0,0.05) 1px 2px),
    repeating-linear-gradient(-45deg,
      rgba(255,255,255,0.03) 0 1px,
      rgba(0,0,0,0.03) 1px 3px);

  background-blend-mode: overlay;

  border-radius: 5px;

  /* Кантик/блик "как у стекла" */
  border: 1px solid rgba(255,255,255,0.18); /* базовая кромка */

  /* Реакция на среду через внутренние подсветки */
  box-shadow:
    /* верхний блик */
    inset 0 1px 0 rgba(255,255,255,0.55),
    /* левый мягкий блик */
    inset 1px 0 0 rgba(255,255,255,0.20),
    /* нижнее затемнение (контраст кромки) */
    inset 0 -1px 0 rgba(0,0,0,0.18),
    /* правое затемнение */
    inset -1px 0 0 rgba(0,0,0,0.10),
    /* внутренняя "молочность" стекла */
    inset 0 0 0 1px rgba(255,255,255,0.10),
    /* внешняя тень (короткая) */
    0 10px 24px -16px rgba(0,0,0,0.35);

  overflow: hidden;
}