.plate{isolation:isolate;border-radius:2px;position:relative;overflow:hidden}.plate__field{background:linear-gradient(var(--plate-angle,145deg), var(--plate-from) 0%, var(--plate-to) 100%);position:absolute;inset:0}.plate__grain{mix-blend-mode:overlay;opacity:.5;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:140px 140px;position:absolute;inset:-20%}.plate__label{z-index:2;font-family:var(--font-code);letter-spacing:.12em;text-transform:uppercase;opacity:.72;font-size:8.5px;position:absolute;bottom:8px;left:10px}.plate__label--dark{color:#ffffffd9}.plate__label--light{color:#000000b3}