Pinsave/counterstrike

1:root {2  --spacing: 8px;3  --padding: 8px;4  --margin: 8px;5}6 7* {8  padding: 0;9  margin: 0;10  border: 0;11  box-sizing: border-box;12}13 14p {15  margin: var(--margin) 0;16}17 18pre {19  overflow: auto;20}21 22.margin {23  margin: var(--margin);24}25 26.margin-top {27  margin-top: var(--margin);28}29 30.margin-right {31  margin-right: var(--margin);32}33 34.margin-bottom {35  margin-bottom: var(--margin);36}37 38.margin-left {39  margin-left: var(--margin);40}41 42.margin-horizontal {43  margin-left: var(--margin);44  margin-right: var(--margin);45}46 47.margin-vertical {48  margin-top: var(--margin);49  margin-bottom: var(--margin);50}51 52.padding {53  padding: var(--padding);54}55 56.padding-top {57  padding-top: var(--padding);58}59 60.padding-right {61  padding-right: var(--padding);62}63 64.padding-bottom {65  padding-bottom: var(--padding);66}67 68.padding-left {69  padding-left: var(--padding);70}71 72.padding-horizontal {73  padding-left: var(--padding);74  padding-right: var(--padding);75}76 77.padding-vertical {78  padding-top: var(--padding);79  padding-bottom: var(--padding);80}81 82.flex-row {83  display: flex;84  flex-direction: row;85}86 87.flex-column {88  display: flex;89  flex-direction: column;90}91 92.flex-row.gap,93.flex-column.gap {94  gap: var(--spacing);95}96 97.flex-row.align-start,98.flex-column.align-start {99  align-items: flex-start;100}101 102.flex-row.align-center,103.flex-column.align-center,104.grid.align-center {105  align-items: center;106}107 108.flex-row.align-end,109.flex-column.align-end {110  align-items: flex-end;111}112 113.flex-row.align-stretch,114.flex-column.align-stretch {115  align-items: stretch;116}117 118.flex-row.justify-start,119.flex-column.justify-start {120  justify-content: flex-start;121}122 123.flex-row.justify-center,124.flex-column.justify-center {125  justify-content: center;126}127 128.flex-row.justify-end,129.flex-column.justify-end {130  justify-content: flex-end;131}132 133.grow {134  flex-grow: 1;135}136 137.grid {138  display: grid;139}140 141.grid.gap {142  grid-column-gap: var(--spacing);143  grid-row-gap: var(--spacing);144}145 146.grid.gap-vertical {147  grid-row-gap: var(--spacing);148}149 150.grid.gap-horizontal {151  grid-column-gap: var(--spacing);152}153 154.checkbox-row, .radio-row {155  display: flex;156  align-items: center;157}158 159.checkbox-row label, .radio-row label {160  padding-left: var(--spacing);161}162 163.window {164  display: flex;165  flex-direction: column;166}167 168.title-bar {169  flex-shrink: 0;170}171 172.title-bar-text {173  overflow: hidden;174  white-space: nowrap;175  text-overflow: ellipsis;176}177 178.window-body {179  flex-grow: 1;180}181 182[role=menu],183[role=menubar] {184  user-select: none;185  list-style-type: none;186  display: flex;187  white-space: nowrap;188}189 190[role=menu] {191  flex-direction: column;192}193 194[role=menu] li,195[role=menubar] li {196  position: relative;197  text-overflow: ellipsis;198  cursor: default;199}200 201[role=menu] li > ul,202[role=menu] li > .menu,203[role=menubar] li > ul,204[role=menubar] li > .menu {205  position: absolute;206  z-index: 1;207  display: none;208}209 210[role=menu] li:focus-within > ul,211[role=menu] li:focus-within > .menu,212[role=menubar] li:focus-within > ul,213[role=menubar] li:focus-within > .menu {214  display: block;215}216 217.list [role="option"] {218  user-select: none;219}220