/* Figma 396:12056: 6px rim, 12px inset, 32px corners and a 15.5px inner shadow.
   Pattern 396:12057 now uses 10.26px squares with 1.49px spacing.
   Keep its paint above the dark base/shadow, inside the translucent rim. */
.glass-frame {
 --glass-frame-inset: 12px;
 position: relative;
 isolation: isolate;
 min-width: 0;
 padding: var(--glass-frame-inset);
 border: 6px solid rgb(23 23 23 / 45%);
 border-radius: 32px;
 background: rgb(0 0 0 / 60%);
 background-clip: padding-box;
 box-shadow: inset 0 0 15.5px #000;
}
.glass-frame::before {
 content: '';
 position: absolute;
 z-index: -1;
 inset: 0;
 border-radius: 26px;
 background: conic-gradient(at 10.26px 10.26px,transparent 75%,rgb(255 255 255 / 2%) 0) 0 0 / 11.75px 11.75px;
 pointer-events: none;
}
.glass-frame--dictation { width: 100%; max-width: 976px; margin: 46px auto 34px; }
@media(max-width:760px) {
 .glass-frame--dictation { margin-block: 32px; }
}