.panel {
  --panel-radius: 24px;

  position: relative;
  border-radius: var(--panel-radius);
  background-image:
    linear-gradient(180deg, var(--color-superlightwhite) 0%, rgba(240, 240, 240, 0) 66.327%),
    linear-gradient(90deg, var(--color-superlightwhite) 0%, var(--color-superlightwhite) 100%);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
}

.panel--dashed {
  border: 1px dashed var(--color-icon-bg-wi);
}
.panel--r12 { --panel-radius: 12px; }