snack-helper/dist/snack-helper.css

A universal CSS helper library.

/*!
 * snack-helper - v2.2.0
 * A universal CSS helper library.
 * https://snack-ui.github.io/snack-helper/
 *
 * Copyright (c) 2017 nzbin
 * Released under MIT License
 */

.text-white {
  color: white !important;
}

.text-black {
  color: #2d353c !important;
}

.text-gray {
  color: #969696 !important;
}

.text-gray-light {
  color: #bcbcbc !important;
}

.text-gray-lighter {
  color: #d6d6d6 !important;
}

.text-gray-lightest {
  color: #efefef !important;
}

.text-gray-dark {
  color: #707070 !important;
}

.text-gray-darker {
  color: #565656 !important;
}

.text-gray-darkest {
  color: #3d3d3d !important;
}

.text-brown {
  color: #a57868 !important;
}

.text-brown-light {
  color: #c2a398 !important;
}

.text-brown-lighter {
  color: #d5bfb8 !important;
}

.text-brown-lightest {
  color: #e8dcd8 !important;
}

.text-brown-dark {
  color: #795548 !important;
}

.text-brown-darker {
  color: #593e35 !important;
}

.text-brown-darkest {
  color: #392822 !important;
}

.text-red {
  color: #ff291d !important;
}

.text-red-light {
  color: #ff716a !important;
}

.text-red-lighter {
  color: #ffa29d !important;
}

.text-red-lightest {
  color: #ffd2d0 !important;
}

.text-red-dark {
  color: #d00b00 !important;
}

.text-red-darker {
  color: #9d0800 !important;
}

.text-red-darkest {
  color: #6a0600 !important;
}

.text-orange {
  color: #ff9500 !important;
}

.text-orange-light {
  color: #ffb54d !important;
}

.text-orange-lighter {
  color: #ffca80 !important;
}

.text-orange-lightest {
  color: #ffdfb3 !important;
}

.text-orange-dark {
  color: #b36800 !important;
}

.text-orange-darker {
  color: #804b00 !important;
}

.text-orange-darkest {
  color: #4d2d00 !important;
}

.text-yellow {
  color: #ffe70e !important;
}

.text-yellow-light {
  color: #ffef5b !important;
}

.text-yellow-lighter {
  color: #fff48e !important;
}

.text-yellow-lightest {
  color: #fff9c1 !important;
}

.text-yellow-dark {
  color: #c1ad00 !important;
}

.text-yellow-darker {
  color: #8e7f00 !important;
}

.text-yellow-darkest {
  color: #5b5100 !important;
}

.text-green {
  color: #4cd964 !important;
}

.text-green-light {
  color: #8be69b !important;
}

.text-green-lighter {
  color: #b5efbf !important;
}

.text-green-lightest {
  color: #dff8e4 !important;
}

.text-green-dark {
  color: #26b33e !important;
}

.text-green-darker {
  color: #1d892f !important;
}

.text-green-darkest {
  color: #145e21 !important;
}

.text-teal {
  color: #18e0cd !important;
}

.text-teal-light {
  color: #57eddf !important;
}

.text-teal-lighter {
  color: #86f2e8 !important;
}

.text-teal-lightest {
  color: #b4f7f1 !important;
}

.text-teal-dark {
  color: #119b8e !important;
}

.text-teal-darker {
  color: #0c6d64 !important;
}

.text-teal-darkest {
  color: #073f39 !important;
}

.text-blue {
  color: #007aff !important;
}

.text-blue-light {
  color: #4da2ff !important;
}

.text-blue-lighter {
  color: #80bdff !important;
}

.text-blue-lightest {
  color: #b3d7ff !important;
}

.text-blue-dark {
  color: #0055b3 !important;
}

.text-blue-darker {
  color: #003d80 !important;
}

.text-blue-darkest {
  color: #00254d !important;
}

.text-indigo {
  color: #5f6ec7 !important;
}

.text-indigo-light {
  color: #98a1db !important;
}

.text-indigo-lighter {
  color: #bdc4e8 !important;
}

.text-indigo-lightest {
  color: #e3e6f5 !important;
}

.text-indigo-dark {
  color: #3847a1 !important;
}

.text-indigo-darker {
  color: #2b377b !important;
}

.text-indigo-darkest {
  color: #1e2656 !important;
}

.text-purple {
  color: #af2ec5 !important;
}

.text-purple-light {
  color: #ca65db !important;
}

.text-purple-lighter {
  color: #d88ee5 !important;
}

.text-purple-lightest {
  color: #e6b7ee !important;
}

.text-purple-dark {
  color: #782087 !important;
}

.text-purple-darker {
  color: #53165e !important;
}

.text-purple-darkest {
  color: #2e0c34 !important;
}

.text-pink {
  color: #ff3069 !important;
}

.text-pink-light {
  color: #ff7da0 !important;
}

.text-pink-lighter {
  color: #ffb0c5 !important;
}

.text-pink-lightest {
  color: #ffe3ea !important;
}

.text-pink-dark {
  color: #e3003e !important;
}

.text-pink-darker {
  color: #b00030 !important;
}

.text-pink-darkest {
  color: #7d0022 !important;
}

.bg-white {
  background-color: white !important;
}

.bg-black {
  background-color: #2d353c !important;
}

.bg-transparent {
  background-color: transparent !important;
}

.bg-gray {
  background-color: #969696 !important;
}

.bg-gray-light {
  background-color: #bcbcbc !important;
}

.bg-gray-lighter {
  background-color: #d6d6d6 !important;
}

.bg-gray-lightest {
  background-color: #efefef !important;
}

.bg-gray-dark {
  background-color: #707070 !important;
}

.bg-gray-darker {
  background-color: #565656 !important;
}

.bg-gray-darkest {
  background-color: #3d3d3d !important;
}

.bg-brown {
  background-color: #a57868 !important;
}

.bg-brown-light {
  background-color: #c2a398 !important;
}

.bg-brown-lighter {
  background-color: #d5bfb8 !important;
}

.bg-brown-lightest {
  background-color: #e8dcd8 !important;
}

.bg-brown-dark {
  background-color: #795548 !important;
}

.bg-brown-darker {
  background-color: #593e35 !important;
}

.bg-brown-darkest {
  background-color: #392822 !important;
}

.bg-red {
  background-color: #ff291d !important;
}

.bg-red-light {
  background-color: #ff716a !important;
}

.bg-red-lighter {
  background-color: #ffa29d !important;
}

.bg-red-lightest {
  background-color: #ffd2d0 !important;
}

.bg-red-dark {
  background-color: #d00b00 !important;
}

.bg-red-darker {
  background-color: #9d0800 !important;
}

.bg-red-darkest {
  background-color: #6a0600 !important;
}

.bg-orange {
  background-color: #ff9500 !important;
}

.bg-orange-light {
  background-color: #ffb54d !important;
}

.bg-orange-lighter {
  background-color: #ffca80 !important;
}

.bg-orange-lightest {
  background-color: #ffdfb3 !important;
}

.bg-orange-dark {
  background-color: #b36800 !important;
}

.bg-orange-darker {
  background-color: #804b00 !important;
}

.bg-orange-darkest {
  background-color: #4d2d00 !important;
}

.bg-yellow {
  background-color: #ffe70e !important;
}

.bg-yellow-light {
  background-color: #ffef5b !important;
}

.bg-yellow-lighter {
  background-color: #fff48e !important;
}

.bg-yellow-lightest {
  background-color: #fff9c1 !important;
}

.bg-yellow-dark {
  background-color: #c1ad00 !important;
}

.bg-yellow-darker {
  background-color: #8e7f00 !important;
}

.bg-yellow-darkest {
  background-color: #5b5100 !important;
}

.bg-green {
  background-color: #4cd964 !important;
}

.bg-green-light {
  background-color: #8be69b !important;
}

.bg-green-lighter {
  background-color: #b5efbf !important;
}

.bg-green-lightest {
  background-color: #dff8e4 !important;
}

.bg-green-dark {
  background-color: #26b33e !important;
}

.bg-green-darker {
  background-color: #1d892f !important;
}

.bg-green-darkest {
  background-color: #145e21 !important;
}

.bg-teal {
  background-color: #18e0cd !important;
}

.bg-teal-light {
  background-color: #57eddf !important;
}

.bg-teal-lighter {
  background-color: #86f2e8 !important;
}

.bg-teal-lightest {
  background-color: #b4f7f1 !important;
}

.bg-teal-dark {
  background-color: #119b8e !important;
}

.bg-teal-darker {
  background-color: #0c6d64 !important;
}

.bg-teal-darkest {
  background-color: #073f39 !important;
}

.bg-blue {
  background-color: #007aff !important;
}

.bg-blue-light {
  background-color: #4da2ff !important;
}

.bg-blue-lighter {
  background-color: #80bdff !important;
}

.bg-blue-lightest {
  background-color: #b3d7ff !important;
}

.bg-blue-dark {
  background-color: #0055b3 !important;
}

.bg-blue-darker {
  background-color: #003d80 !important;
}

.bg-blue-darkest {
  background-color: #00254d !important;
}

.bg-indigo {
  background-color: #5f6ec7 !important;
}

.bg-indigo-light {
  background-color: #98a1db !important;
}

.bg-indigo-lighter {
  background-color: #bdc4e8 !important;
}

.bg-indigo-lightest {
  background-color: #e3e6f5 !important;
}

.bg-indigo-dark {
  background-color: #3847a1 !important;
}

.bg-indigo-darker {
  background-color: #2b377b !important;
}

.bg-indigo-darkest {
  background-color: #1e2656 !important;
}

.bg-purple {
  background-color: #af2ec5 !important;
}

.bg-purple-light {
  background-color: #ca65db !important;
}

.bg-purple-lighter {
  background-color: #d88ee5 !important;
}

.bg-purple-lightest {
  background-color: #e6b7ee !important;
}

.bg-purple-dark {
  background-color: #782087 !important;
}

.bg-purple-darker {
  background-color: #53165e !important;
}

.bg-purple-darkest {
  background-color: #2e0c34 !important;
}

.bg-pink {
  background-color: #ff3069 !important;
}

.bg-pink-light {
  background-color: #ff7da0 !important;
}

.bg-pink-lighter {
  background-color: #ffb0c5 !important;
}

.bg-pink-lightest {
  background-color: #ffe3ea !important;
}

.bg-pink-dark {
  background-color: #e3003e !important;
}

.bg-pink-darker {
  background-color: #b00030 !important;
}

.bg-pink-darkest {
  background-color: #7d0022 !important;
}

.object-contain {
  object-fit: contain !important;
}

.object-cover {
  object-fit: cover !important;
}

.object-fill {
  object-fit: fill !important;
}

.object-none {
  object-fit: none !important;
}

.object-scale-down {
  object-fit: scale-down !important;
}

.shadow-none {
  box-shadow: none !important;
}

.shadow-1 {
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important;
}

.shadow-2 {
  box-shadow: 0 4px 8px -1px rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

.shadow-3 {
  box-shadow: 0 8px 16px -2px rgba(0, 0, 0, 0.12), 0 4px 8px -2px rgba(0, 0, 0, 0.06) !important;
}

.shadow-4 {
  box-shadow: 0 16px 32px -4px rgba(0, 0, 0, 0.12), 0 8px 16px -4px rgba(0, 0, 0, 0.06) !important;
}

.shadow-5 {
  box-shadow: 0 24px 48px -8px rgba(0, 0, 0, 0.12), 0 16px 32px -8px rgba(0, 0, 0, 0.06) !important;
}

.r-0 {
  border-radius: 0 !important;
}

.r-4 {
  border-radius: 0.25rem !important;
}

.r-8 {
  border-radius: 0.5rem !important;
}

.r-12 {
  border-radius: 0.75rem !important;
}

.r-16 {
  border-radius: 1rem !important;
}

.r-full {
  border-radius: 50rem !important;
}

.r-t-l-0 {
  border-top-left-radius: 0 !important;
}

.r-t-l-4 {
  border-top-left-radius: 0.25rem !important;
}

.r-t-l-8 {
  border-top-left-radius: 0.5rem !important;
}

.r-t-l-12 {
  border-top-left-radius: 0.75rem !important;
}

.r-t-l-16 {
  border-top-left-radius: 1rem !important;
}

.r-t-l-full {
  border-top-left-radius: 50rem !important;
}

.r-t-r-0 {
  border-top-right-radius: 0 !important;
}

.r-t-r-4 {
  border-top-right-radius: 0.25rem !important;
}

.r-t-r-8 {
  border-top-right-radius: 0.5rem !important;
}

.r-t-r-12 {
  border-top-right-radius: 0.75rem !important;
}

.r-t-r-16 {
  border-top-right-radius: 1rem !important;
}

.r-t-r-full {
  border-top-right-radius: 50rem !important;
}

.r-b-r-0 {
  border-bottom-right-radius: 0 !important;
}

.r-b-r-4 {
  border-bottom-right-radius: 0.25rem !important;
}

.r-b-r-8 {
  border-bottom-right-radius: 0.5rem !important;
}

.r-b-r-12 {
  border-bottom-right-radius: 0.75rem !important;
}

.r-b-r-16 {
  border-bottom-right-radius: 1rem !important;
}

.r-b-r-full {
  border-bottom-right-radius: 50rem !important;
}

.r-b-l-0 {
  border-bottom-left-radius: 0 !important;
}

.r-b-l-4 {
  border-bottom-left-radius: 0.25rem !important;
}

.r-b-l-8 {
  border-bottom-left-radius: 0.5rem !important;
}

.r-b-l-12 {
  border-bottom-left-radius: 0.75rem !important;
}

.r-b-l-16 {
  border-bottom-left-radius: 1rem !important;
}

.r-b-l-full {
  border-bottom-left-radius: 50rem !important;
}

.b-0 {
  border: 0 !important;
}

.b-1 {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.b-2 {
  border: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.b-4 {
  border: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.b-8 {
  border: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.b-t-0 {
  border-top: 0 !important;
}

.b-t-1 {
  border-top: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.b-t-2 {
  border-top: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.b-t-4 {
  border-top: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.b-t-8 {
  border-top: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.b-b-0 {
  border-bottom: 0 !important;
}

.b-b-1 {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.b-b-2 {
  border-bottom: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.b-b-4 {
  border-bottom: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.b-b-8 {
  border-bottom: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.b-r-0 {
  border-right: 0 !important;
}

.b-r-1 {
  border-right: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.b-r-2 {
  border-right: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.b-r-4 {
  border-right: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.b-r-8 {
  border-right: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.b-l-0 {
  border-left: 0 !important;
}

.b-l-1 {
  border-left: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.b-l-2 {
  border-left: 2px solid rgba(0, 0, 0, 0.12) !important;
}

.b-l-4 {
  border-left: 4px solid rgba(0, 0, 0, 0.12) !important;
}

.b-l-8 {
  border-left: 8px solid rgba(0, 0, 0, 0.12) !important;
}

.cursor-default {
  cursor: default !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.cursor-not-allowed {
  cursor: not-allowed !important;
}

.align-top {
  vertical-align: top !important;
}

.align-middle {
  vertical-align: middle !important;
}

.align-bottom {
  vertical-align: bottom !important;
}

.f-s-0 {
  font-size: 0 !important;
}

.f-s-10 {
  font-size: 0.625rem !important;
}

.f-s-12 {
  font-size: 0.75rem !important;
}

.f-s-14 {
  font-size: 0.875rem !important;
}

.f-s-16 {
  font-size: 1rem !important;
}

.f-s-18 {
  font-size: 1.125rem !important;
}

.f-s-20 {
  font-size: 1.25rem !important;
}

.f-s-24 {
  font-size: 1.5rem !important;
}

.f-s-32 {
  font-size: 2rem !important;
}

.f-w-100 {
  font-weight: 100 !important;
}

.f-w-200 {
  font-weight: 200 !important;
}

.f-w-300 {
  font-weight: 300 !important;
}

.f-w-400 {
  font-weight: 400 !important;
}

.f-w-500 {
  font-weight: 500 !important;
}

.f-w-600 {
  font-weight: 600 !important;
}

.f-w-700 {
  font-weight: 700 !important;
}

.f-w-800 {
  font-weight: 800 !important;
}

.f-w-900 {
  font-weight: 900 !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-lowercase {
  text-transform: lowercase !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

.text-left {
  text-align: left !important;
}

.text-wrap {
  white-space: normal !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-ellipsis {
  text-overflow: ellipsis !important;
}

.overflow-auto {
  overflow: auto !important;
}

.overflow-hidden {
  overflow: hidden !important;
}

.overflow-visible {
  overflow: visible !important;
}

.overflow-scroll {
  overflow: scroll !important;
}

.overflow-x-hidden {
  overflow-x: hidden !important;
}

.overflow-x-visible {
  overflow-x: visible !important;
}

.overflow-x-scroll {
  overflow-x: scroll !important;
}

.overflow-y-hidden {
  overflow-y: hidden !important;
}

.overflow-y-visible {
  overflow-y: visible !important;
}

.overflow-y-scroll {
  overflow-y: scroll !important;
}

.m-0 {
  margin: 0 !important;
}

.m-4 {
  margin: 0.25rem !important;
}

.m-8 {
  margin: 0.5rem !important;
}

.m-12 {
  margin: 0.75rem !important;
}

.m-16 {
  margin: 1rem !important;
}

.m-24 {
  margin: 1.5rem !important;
}

.m-32 {
  margin: 2rem !important;
}

.m-48 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.m-x-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.m-x-4 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.m-x-8 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.m-x-12 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.m-x-16 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.m-x-24 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.m-x-32 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.m-x-48 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.m-x-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-y-4 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.m-y-8 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.m-y-12 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.m-y-16 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-y-24 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-y-32 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.m-y-48 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.m-y-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.m-t-0 {
  margin-top: 0 !important;
}

.m-t-4 {
  margin-top: 0.25rem !important;
}

.m-t-8 {
  margin-top: 0.5rem !important;
}

.m-t-12 {
  margin-top: 0.75rem !important;
}

.m-t-16 {
  margin-top: 1rem !important;
}

.m-t-24 {
  margin-top: 1.5rem !important;
}

.m-t-32 {
  margin-top: 2rem !important;
}

.m-t-48 {
  margin-top: 3rem !important;
}

.m-t-auto {
  margin-top: auto !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-r-4 {
  margin-right: 0.25rem !important;
}

.m-r-8 {
  margin-right: 0.5rem !important;
}

.m-r-12 {
  margin-right: 0.75rem !important;
}

.m-r-16 {
  margin-right: 1rem !important;
}

.m-r-24 {
  margin-right: 1.5rem !important;
}

.m-r-32 {
  margin-right: 2rem !important;
}

.m-r-48 {
  margin-right: 3rem !important;
}

.m-r-auto {
  margin-right: auto !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-b-4 {
  margin-bottom: 0.25rem !important;
}

.m-b-8 {
  margin-bottom: 0.5rem !important;
}

.m-b-12 {
  margin-bottom: 0.75rem !important;
}

.m-b-16 {
  margin-bottom: 1rem !important;
}

.m-b-24 {
  margin-bottom: 1.5rem !important;
}

.m-b-32 {
  margin-bottom: 2rem !important;
}

.m-b-48 {
  margin-bottom: 3rem !important;
}

.m-b-auto {
  margin-bottom: auto !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-l-4 {
  margin-left: 0.25rem !important;
}

.m-l-8 {
  margin-left: 0.5rem !important;
}

.m-l-12 {
  margin-left: 0.75rem !important;
}

.m-l-16 {
  margin-left: 1rem !important;
}

.m-l-24 {
  margin-left: 1.5rem !important;
}

.m-l-32 {
  margin-left: 2rem !important;
}

.m-l-48 {
  margin-left: 3rem !important;
}

.m-l-auto {
  margin-left: auto !important;
}

.m--4 {
  margin: -0.25rem !important;
}

.m--8 {
  margin: -0.5rem !important;
}

.m--12 {
  margin: -0.75rem !important;
}

.m--16 {
  margin: -1rem !important;
}

.m--24 {
  margin: -1.5rem !important;
}

.m--32 {
  margin: -2rem !important;
}

.m--48 {
  margin: -3rem !important;
}

.m-x--4 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.m-x--8 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.m-x--12 {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.m-x--16 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.m-x--24 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.m-x--32 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}

.m-x--48 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.m-y--4 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.m-y--8 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.m-y--12 {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}

.m-y--16 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.m-y--24 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.m-y--32 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

.m-y--48 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.m-t--4 {
  margin-top: -0.25rem !important;
}

.m-t--8 {
  margin-top: -0.5rem !important;
}

.m-t--12 {
  margin-top: -0.75rem !important;
}

.m-t--16 {
  margin-top: -1rem !important;
}

.m-t--24 {
  margin-top: -1.5rem !important;
}

.m-t--32 {
  margin-top: -2rem !important;
}

.m-t--48 {
  margin-top: -3rem !important;
}

.m-r--4 {
  margin-right: -0.25rem !important;
}

.m-r--8 {
  margin-right: -0.5rem !important;
}

.m-r--12 {
  margin-right: -0.75rem !important;
}

.m-r--16 {
  margin-right: -1rem !important;
}

.m-r--24 {
  margin-right: -1.5rem !important;
}

.m-r--32 {
  margin-right: -2rem !important;
}

.m-r--48 {
  margin-right: -3rem !important;
}

.m-b--4 {
  margin-bottom: -0.25rem !important;
}

.m-b--8 {
  margin-bottom: -0.5rem !important;
}

.m-b--12 {
  margin-bottom: -0.75rem !important;
}

.m-b--16 {
  margin-bottom: -1rem !important;
}

.m-b--24 {
  margin-bottom: -1.5rem !important;
}

.m-b--32 {
  margin-bottom: -2rem !important;
}

.m-b--48 {
  margin-bottom: -3rem !important;
}

.m-l--4 {
  margin-left: -0.25rem !important;
}

.m-l--8 {
  margin-left: -0.5rem !important;
}

.m-l--12 {
  margin-left: -0.75rem !important;
}

.m-l--16 {
  margin-left: -1rem !important;
}

.m-l--24 {
  margin-left: -1.5rem !important;
}

.m-l--32 {
  margin-left: -2rem !important;
}

.m-l--48 {
  margin-left: -3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.p-4 {
  padding: 0.25rem !important;
}

.p-8 {
  padding: 0.5rem !important;
}

.p-12 {
  padding: 0.75rem !important;
}

.p-16 {
  padding: 1rem !important;
}

.p-24 {
  padding: 1.5rem !important;
}

.p-32 {
  padding: 2rem !important;
}

.p-48 {
  padding: 3rem !important;
}

.p-x-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.p-x-4 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.p-x-8 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.p-x-12 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.p-x-16 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.p-x-24 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.p-x-32 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.p-x-48 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-y-4 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.p-y-8 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.p-y-12 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.p-y-16 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-y-24 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-y-32 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-y-48 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.p-t-0 {
  padding-top: 0 !important;
}

.p-t-4 {
  padding-top: 0.25rem !important;
}

.p-t-8 {
  padding-top: 0.5rem !important;
}

.p-t-12 {
  padding-top: 0.75rem !important;
}

.p-t-16 {
  padding-top: 1rem !important;
}

.p-t-24 {
  padding-top: 1.5rem !important;
}

.p-t-32 {
  padding-top: 2rem !important;
}

.p-t-48 {
  padding-top: 3rem !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-r-4 {
  padding-right: 0.25rem !important;
}

.p-r-8 {
  padding-right: 0.5rem !important;
}

.p-r-12 {
  padding-right: 0.75rem !important;
}

.p-r-16 {
  padding-right: 1rem !important;
}

.p-r-24 {
  padding-right: 1.5rem !important;
}

.p-r-32 {
  padding-right: 2rem !important;
}

.p-r-48 {
  padding-right: 3rem !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-b-4 {
  padding-bottom: 0.25rem !important;
}

.p-b-8 {
  padding-bottom: 0.5rem !important;
}

.p-b-12 {
  padding-bottom: 0.75rem !important;
}

.p-b-16 {
  padding-bottom: 1rem !important;
}

.p-b-24 {
  padding-bottom: 1.5rem !important;
}

.p-b-32 {
  padding-bottom: 2rem !important;
}

.p-b-48 {
  padding-bottom: 3rem !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-l-4 {
  padding-left: 0.25rem !important;
}

.p-l-8 {
  padding-left: 0.5rem !important;
}

.p-l-12 {
  padding-left: 0.75rem !important;
}

.p-l-16 {
  padding-left: 1rem !important;
}

.p-l-24 {
  padding-left: 1.5rem !important;
}

.p-l-32 {
  padding-left: 2rem !important;
}

.p-l-48 {
  padding-left: 3rem !important;
}

.w-0 {
  width: 0 !important;
}

.w-20 {
  width: 20% !important;
}

.w-25 {
  width: 25% !important;
}

.w-40 {
  width: 40% !important;
}

.w-50 {
  width: 50% !important;
}

.w-60 {
  width: 60% !important;
}

.w-75 {
  width: 75% !important;
}

.w-80 {
  width: 80% !important;
}

.w-full {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-0 {
  height: 0 !important;
}

.h-20 {
  height: 20% !important;
}

.h-25 {
  height: 25% !important;
}

.h-40 {
  height: 40% !important;
}

.h-50 {
  height: 50% !important;
}

.h-60 {
  height: 60% !important;
}

.h-75 {
  height: 75% !important;
}

.h-80 {
  height: 80% !important;
}

.h-full {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.float-left {
  float: left !important;
}

.float-right {
  float: right !important;
}

.float-none {
  float: none !important;
}

.flex-row {
  flex-direction: row !important;
}

.flex-row-reverse {
  flex-direction: row-reverse !important;
}

.flex-col {
  flex-direction: column !important;
}

.flex-col-reverse {
  flex-direction: column-reverse !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.justify-content-start {
  justify-content: flex-start !important;
}

.justify-content-end {
  justify-content: flex-end !important;
}

.justify-content-center {
  justify-content: center !important;
}

.justify-content-between {
  justify-content: space-between !important;
}

.justify-content-around {
  justify-content: space-around !important;
}

.align-content-start {
  align-content: flex-start !important;
}

.align-content-end {
  align-content: flex-end !important;
}

.align-content-center {
  align-content: center !important;
}

.align-content-between {
  align-content: space-between !important;
}

.align-content-around {
  align-content: space-around !important;
}

.align-content-stretch {
  align-content: stretch !important;
}

.align-items-start {
  align-items: flex-start !important;
}

.align-items-end {
  align-items: flex-end !important;
}

.align-items-center {
  align-items: center !important;
}

.align-items-baseline {
  align-items: baseline !important;
}

.align-items-stretch {
  align-items: stretch !important;
}

.align-self-auto {
  align-self: auto !important;
}

.align-self-start {
  align-self: flex-start !important;
}

.align-self-end {
  align-self: flex-end !important;
}

.align-self-center {
  align-self: center !important;
}

.align-self-baseline {
  align-self: baseline !important;
}

.align-self-stretch {
  align-self: stretch !important;
}

.d-block {
  display: block !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-inline {
  display: inline !important;
}

.d-flex {
  display: flex !important;
}

.d-inline-flex {
  display: inline-flex !important;
}

.d-none {
  display: none !important;
}

.static {
  position: static !important;
}

.fixed {
  position: fixed !important;
}

.absolute {
  position: absolute !important;
}

.relative {
  position: relative !important;
}

.sticky {
  position: sticky !important;
}

/*# sourceMappingURL=snack-helper.css.map */