.fx { display: flex; }

.col { display: flex; flex-direction: column; }

.grid { display: grid; }

.ac { align-items: center; }

.jc { justify-content: center; }

.jb { justify-content: space-between; }

.f1 { flex: 1 1 0%; }

.noshrink { flex-shrink: 0; }

.wrap { flex-wrap: wrap; }

.fw5 { font-weight: 500; }

.fw6 { font-weight: 600; }

.fw7 { font-weight: 700; }

.fw8 { font-weight: 800; }

.fs11 { font-size: 11px; }

.fs12 { font-size: 12px; }

.fs13 { font-size: 13px; }

.fs14 { font-size: 14px; }

.fs15 { font-size: 15px; }

.fs16 { font-size: 16px; }

.fs20 { font-size: 20px; }

.fs22 { font-size: 22px; }

.upper { text-transform: uppercase; }

.tc { text-align: center; }

.nowrap { white-space: nowrap; }

.gap8 { gap: 8px; }

.gap10 { gap: 10px; }

.gap12 { gap: 12px; }

.gap16 { gap: 16px; }

.gap24 { gap: 24px; }

.m0 { margin: 0px; }

.mt8 { margin-top: 8px; }

.mt12 { margin-top: 12px; }

.mt16 { margin-top: 16px; }

.mb8 { margin-bottom: 8px; }

.mb12 { margin-bottom: 12px; }

.mb16 { margin-bottom: 16px; }

.posrel { position: relative; }

.posabs { position: absolute; }

.round { border-radius: 50%; }

.ohide { overflow: hidden; }

.bbox { box-sizing: border-box; }

.pointer { cursor: pointer; }

.w100 { width: 100%; }

.b0 { border-width: medium; border-style: none; border-color: currentcolor; border-image: none; }