.clickable { cursor: pointer; }

/* TOP Gaps */
.gap-top      { margin-top: 3px; }
.gap-l-top    { margin-top: 4px; }
.gap-wide-top { margin-top: 6px; }
.gap-xl-top   { margin-top: 12px; }
.gap-2xl-top  { margin-top: 18px; }
.gap-3xl-top  { margin-top: 24px; }
.gap-4xl-top  { margin-top: 50px; }

/* BOTTOM Gaps */
.gap-bottom      { margin-bottom: 3px; }
.gap-l-bottom    { margin-bottom: 4px; }
.gap-wide-bottom { margin-bottom: 6px; }
.gap-xl-bottom   { margin-bottom: 12px; }
.gap-2xl-bottom  { margin-bottom: 18px; }
.gap-3xl-bottom  { margin-bottom: 24px; }
.gap-4xl-bottom  { margin-bottom: 30px; }

/* LEFT Gaps */
.gap-left      { margin-left: 3px; }
.gap-l-left    { margin-left: 4px; }
.gap-wide-left { margin-left: 6px; }
.gap-xl-left   { margin-left: 12px; }
.gap-2xl-left  { margin-left: 18px; }
.gap-3xl-left  { margin-left: 24px; }
.gap-4xl-left  { margin-left: 30px; }

/* RIGHT Gaps */
.gap-right      { margin-right: 3px; }
.gap-l-right    { margin-right: 4px; }
.gap-wide-right { margin-right: 6px; }
.gap-xl-right   { margin-right: 12px; }
.gap-2xl-right  { margin-right: 18px; }
.gap-3xl-right  { margin-right: 24px; }
.gap-4xl-right  { margin-right: 30px; }