1:host {
2  display: flex;
3  flex: 0 0 100%;
4  flex-direction: column;
5}
6
7.wrapper {
8  position: relative;
9  margin: 16px;
10  padding: 16px;
11  display: flex;
12  flex-direction: column;
13
14  border-radius: 12px;
15  border: 1px solid #c4c6d0;
16}
17
18.label {
19  position: absolute;
20  top: -12px;
21  padding: 0 16px;
22  background: var(--mat-app-background-color);
23}
24
25img.screenshot {
26  width: fit-content;
27}
28
29.screenshot-container {
30  width: fit-content;
31
32  border-radius: 8px;
33  background-color: black;
34  padding: 12px;
35}
36img.screenshot {
37  width: fit-content;
38  background-image: linear-gradient(45deg, #808080 25%, transparent 25%),
39    linear-gradient(-45deg, #808080 25%, transparent 25%),
40    linear-gradient(45deg, transparent 75%, #808080 75%),
41    linear-gradient(-45deg, transparent 75%, #808080 75%);
42  background-size: 20px 20px;
43  background-position:
44    0 0,
45    0 10px,
46    10px -10px,
47    -10px 0px;
48}
49