@charset "UTF-8";
/**
   _____ _                _   _                     _ 
  / ____| |              | | | |                   | |
 | (___ | |__   ___  _ __| |_| |__   __ _ _ __   __| |
  \___ \| '_ \ / _ \| '__| __| '_ \ / _` | '_ \ / _` |
  ____) | | | | (_) | |  | |_| | | | (_| | | | | (_| |
 |_____/|_| |_|\___/|_|   \__|_| |_|\__,_|_| |_|\__,_|
                                                      
*/
/**
font family
*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"';
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  color: black;
  background-color: white;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {
  color: #465966;
}

table {
  border-collapse: collapse;
}

textarea {
  overflow: auto;
}

button {
  cursor: pointer;
}

img,
video {
  height: auto;
  max-width: 100%;
  border-style: none;
}

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/**
background color
*/
.bg-black,
.hover-bg-black:hover {
  background-color: #000000 !important;
}

.bg-white,
.hover-bg-white:hover {
  background-color: #FFFFFF !important;
}

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

.bg-gray-darkest,
.hover-bg-gray-darkest:hover {
  background-color: #36454F !important;
}

.bg-gray-darker,
.hover-bg-gray-darker:hover {
  background-color: #465966 !important;
}

.bg-gray-dark,
.hover-bg-gray-dark:hover {
  background-color: #566E7E !important;
}

.bg-gray,
.hover-bg-gray:hover {
  background-color: #668295 !important;
}

.bg-gray-light,
.hover-bg-gray-light:hover {
  background-color: #B7C4CD !important;
}

.bg-gray-lighter,
.hover-bg-gray-lighter:hover {
  background-color: #E4E8EB !important;
}

.bg-gray-lightest,
.hover-bg-gray-lightest:hover {
  background-color: #EEF1F5 !important;
}

/**
background color alpha
*/
.bg-black-10,
.hover-bg-black-10:hover {
  background-color: rgba(0, 0, 0, 0.1) !important;
}

.bg-white-10,
.hover-bg-white-10:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
}

.bg-gray-darkest-10,
.hover-bg-gray-darkest-10:hover {
  background-color: rgba(54, 69, 79, 0.1) !important;
}

.bg-gray-darker-10,
.hover-bg-gray-darker-10:hover {
  background-color: rgba(70, 89, 102, 0.1) !important;
}

.bg-gray-dark-10,
.hover-bg-gray-dark-10:hover {
  background-color: rgba(86, 110, 126, 0.1) !important;
}

.bg-gray-10,
.hover-bg-gray-10:hover {
  background-color: rgba(102, 130, 149, 0.1) !important;
}

.bg-gray-light-10,
.hover-bg-gray-light-10:hover {
  background-color: rgba(183, 196, 205, 0.1) !important;
}

.bg-gray-lighter-10,
.hover-bg-gray-lighter-10:hover {
  background-color: rgba(228, 232, 235, 0.1) !important;
}

.bg-gray-lightest-10,
.hover-bg-gray-lightest-10:hover {
  background-color: rgba(238, 241, 245, 0.1) !important;
}

.bg-black-20,
.hover-bg-black-20:hover {
  background-color: rgba(0, 0, 0, 0.2) !important;
}

.bg-white-20,
.hover-bg-white-20:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
}

.bg-gray-darkest-20,
.hover-bg-gray-darkest-20:hover {
  background-color: rgba(54, 69, 79, 0.2) !important;
}

.bg-gray-darker-20,
.hover-bg-gray-darker-20:hover {
  background-color: rgba(70, 89, 102, 0.2) !important;
}

.bg-gray-dark-20,
.hover-bg-gray-dark-20:hover {
  background-color: rgba(86, 110, 126, 0.2) !important;
}

.bg-gray-20,
.hover-bg-gray-20:hover {
  background-color: rgba(102, 130, 149, 0.2) !important;
}

.bg-gray-light-20,
.hover-bg-gray-light-20:hover {
  background-color: rgba(183, 196, 205, 0.2) !important;
}

.bg-gray-lighter-20,
.hover-bg-gray-lighter-20:hover {
  background-color: rgba(228, 232, 235, 0.2) !important;
}

.bg-gray-lightest-20,
.hover-bg-gray-lightest-20:hover {
  background-color: rgba(238, 241, 245, 0.2) !important;
}

.bg-black-30,
.hover-bg-black-30:hover {
  background-color: rgba(0, 0, 0, 0.3) !important;
}

.bg-white-30,
.hover-bg-white-30:hover {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-gray-darkest-30,
.hover-bg-gray-darkest-30:hover {
  background-color: rgba(54, 69, 79, 0.3) !important;
}

.bg-gray-darker-30,
.hover-bg-gray-darker-30:hover {
  background-color: rgba(70, 89, 102, 0.3) !important;
}

.bg-gray-dark-30,
.hover-bg-gray-dark-30:hover {
  background-color: rgba(86, 110, 126, 0.3) !important;
}

.bg-gray-30,
.hover-bg-gray-30:hover {
  background-color: rgba(102, 130, 149, 0.3) !important;
}

.bg-gray-light-30,
.hover-bg-gray-light-30:hover {
  background-color: rgba(183, 196, 205, 0.3) !important;
}

.bg-gray-lighter-30,
.hover-bg-gray-lighter-30:hover {
  background-color: rgba(228, 232, 235, 0.3) !important;
}

.bg-gray-lightest-30,
.hover-bg-gray-lightest-30:hover {
  background-color: rgba(238, 241, 245, 0.3) !important;
}

.bg-black-40,
.hover-bg-black-40:hover {
  background-color: rgba(0, 0, 0, 0.4) !important;
}

.bg-white-40,
.hover-bg-white-40:hover {
  background-color: rgba(255, 255, 255, 0.4) !important;
}

.bg-gray-darkest-40,
.hover-bg-gray-darkest-40:hover {
  background-color: rgba(54, 69, 79, 0.4) !important;
}

.bg-gray-darker-40,
.hover-bg-gray-darker-40:hover {
  background-color: rgba(70, 89, 102, 0.4) !important;
}

.bg-gray-dark-40,
.hover-bg-gray-dark-40:hover {
  background-color: rgba(86, 110, 126, 0.4) !important;
}

.bg-gray-40,
.hover-bg-gray-40:hover {
  background-color: rgba(102, 130, 149, 0.4) !important;
}

.bg-gray-light-40,
.hover-bg-gray-light-40:hover {
  background-color: rgba(183, 196, 205, 0.4) !important;
}

.bg-gray-lighter-40,
.hover-bg-gray-lighter-40:hover {
  background-color: rgba(228, 232, 235, 0.4) !important;
}

.bg-gray-lightest-40,
.hover-bg-gray-lightest-40:hover {
  background-color: rgba(238, 241, 245, 0.4) !important;
}

.bg-black-50,
.hover-bg-black-50:hover {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.bg-white-50,
.hover-bg-white-50:hover {
  background-color: rgba(255, 255, 255, 0.5) !important;
}

.bg-gray-darkest-50,
.hover-bg-gray-darkest-50:hover {
  background-color: rgba(54, 69, 79, 0.5) !important;
}

.bg-gray-darker-50,
.hover-bg-gray-darker-50:hover {
  background-color: rgba(70, 89, 102, 0.5) !important;
}

.bg-gray-dark-50,
.hover-bg-gray-dark-50:hover {
  background-color: rgba(86, 110, 126, 0.5) !important;
}

.bg-gray-50,
.hover-bg-gray-50:hover {
  background-color: rgba(102, 130, 149, 0.5) !important;
}

.bg-gray-light-50,
.hover-bg-gray-light-50:hover {
  background-color: rgba(183, 196, 205, 0.5) !important;
}

.bg-gray-lighter-50,
.hover-bg-gray-lighter-50:hover {
  background-color: rgba(228, 232, 235, 0.5) !important;
}

.bg-gray-lightest-50,
.hover-bg-gray-lightest-50:hover {
  background-color: rgba(238, 241, 245, 0.5) !important;
}

.bg-black-60,
.hover-bg-black-60:hover {
  background-color: rgba(0, 0, 0, 0.6) !important;
}

.bg-white-60,
.hover-bg-white-60:hover {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

.bg-gray-darkest-60,
.hover-bg-gray-darkest-60:hover {
  background-color: rgba(54, 69, 79, 0.6) !important;
}

.bg-gray-darker-60,
.hover-bg-gray-darker-60:hover {
  background-color: rgba(70, 89, 102, 0.6) !important;
}

.bg-gray-dark-60,
.hover-bg-gray-dark-60:hover {
  background-color: rgba(86, 110, 126, 0.6) !important;
}

.bg-gray-60,
.hover-bg-gray-60:hover {
  background-color: rgba(102, 130, 149, 0.6) !important;
}

.bg-gray-light-60,
.hover-bg-gray-light-60:hover {
  background-color: rgba(183, 196, 205, 0.6) !important;
}

.bg-gray-lighter-60,
.hover-bg-gray-lighter-60:hover {
  background-color: rgba(228, 232, 235, 0.6) !important;
}

.bg-gray-lightest-60,
.hover-bg-gray-lightest-60:hover {
  background-color: rgba(238, 241, 245, 0.6) !important;
}

.bg-black-70,
.hover-bg-black-70:hover {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

.bg-white-70,
.hover-bg-white-70:hover {
  background-color: rgba(255, 255, 255, 0.7) !important;
}

.bg-gray-darkest-70,
.hover-bg-gray-darkest-70:hover {
  background-color: rgba(54, 69, 79, 0.7) !important;
}

.bg-gray-darker-70,
.hover-bg-gray-darker-70:hover {
  background-color: rgba(70, 89, 102, 0.7) !important;
}

.bg-gray-dark-70,
.hover-bg-gray-dark-70:hover {
  background-color: rgba(86, 110, 126, 0.7) !important;
}

.bg-gray-70,
.hover-bg-gray-70:hover {
  background-color: rgba(102, 130, 149, 0.7) !important;
}

.bg-gray-light-70,
.hover-bg-gray-light-70:hover {
  background-color: rgba(183, 196, 205, 0.7) !important;
}

.bg-gray-lighter-70,
.hover-bg-gray-lighter-70:hover {
  background-color: rgba(228, 232, 235, 0.7) !important;
}

.bg-gray-lightest-70,
.hover-bg-gray-lightest-70:hover {
  background-color: rgba(238, 241, 245, 0.7) !important;
}

.bg-black-80,
.hover-bg-black-80:hover {
  background-color: rgba(0, 0, 0, 0.8) !important;
}

.bg-white-80,
.hover-bg-white-80:hover {
  background-color: rgba(255, 255, 255, 0.8) !important;
}

.bg-gray-darkest-80,
.hover-bg-gray-darkest-80:hover {
  background-color: rgba(54, 69, 79, 0.8) !important;
}

.bg-gray-darker-80,
.hover-bg-gray-darker-80:hover {
  background-color: rgba(70, 89, 102, 0.8) !important;
}

.bg-gray-dark-80,
.hover-bg-gray-dark-80:hover {
  background-color: rgba(86, 110, 126, 0.8) !important;
}

.bg-gray-80,
.hover-bg-gray-80:hover {
  background-color: rgba(102, 130, 149, 0.8) !important;
}

.bg-gray-light-80,
.hover-bg-gray-light-80:hover {
  background-color: rgba(183, 196, 205, 0.8) !important;
}

.bg-gray-lighter-80,
.hover-bg-gray-lighter-80:hover {
  background-color: rgba(228, 232, 235, 0.8) !important;
}

.bg-gray-lightest-80,
.hover-bg-gray-lightest-80:hover {
  background-color: rgba(238, 241, 245, 0.8) !important;
}

.bg-black-90,
.hover-bg-black-90:hover {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.bg-white-90,
.hover-bg-white-90:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
}

.bg-gray-darkest-90,
.hover-bg-gray-darkest-90:hover {
  background-color: rgba(54, 69, 79, 0.9) !important;
}

.bg-gray-darker-90,
.hover-bg-gray-darker-90:hover {
  background-color: rgba(70, 89, 102, 0.9) !important;
}

.bg-gray-dark-90,
.hover-bg-gray-dark-90:hover {
  background-color: rgba(86, 110, 126, 0.9) !important;
}

.bg-gray-90,
.hover-bg-gray-90:hover {
  background-color: rgba(102, 130, 149, 0.9) !important;
}

.bg-gray-light-90,
.hover-bg-gray-light-90:hover {
  background-color: rgba(183, 196, 205, 0.9) !important;
}

.bg-gray-lighter-90,
.hover-bg-gray-lighter-90:hover {
  background-color: rgba(228, 232, 235, 0.9) !important;
}

.bg-gray-lightest-90,
.hover-bg-gray-lightest-90:hover {
  background-color: rgba(238, 241, 245, 0.9) !important;
}

/**
background attachment
*/
.bg-fixed {
  background-attachment: fixed !important;
}

.bg-local {
  background-attachment: local !important;
}

.bg-scroll {
  background-attachment: scroll !important;
}

/**
background position
*/
.bg-t {
  background-position: top !important;
}

.bg-r {
  background-position: right !important;
}

.bg-b {
  background-position: bottom !important;
}

.bg-l {
  background-position: left !important;
}

.bg-lt {
  background-position: left top !important;
}

.bg-lb {
  background-position: left bottom !important;
}

.bg-rt {
  background-position: right top !important;
}

.bg-rb {
  background-position: right bottom !important;
}

.bg-c {
  background-position: center !important;
}

@media (min-width: 576px) {
  .sm-bg-t {
    background-position: top !important;
  }
  .sm-bg-r {
    background-position: right !important;
  }
  .sm-bg-b {
    background-position: bottom !important;
  }
  .sm-bg-l {
    background-position: left !important;
  }
  .sm-bg-lt {
    background-position: left top !important;
  }
  .sm-bg-lb {
    background-position: left bottom !important;
  }
  .sm-bg-rt {
    background-position: right top !important;
  }
  .sm-bg-rb {
    background-position: right bottom !important;
  }
  .sm-bg-c {
    background-position: center !important;
  }
}

@media (min-width: 768px) {
  .md-bg-t {
    background-position: top !important;
  }
  .md-bg-r {
    background-position: right !important;
  }
  .md-bg-b {
    background-position: bottom !important;
  }
  .md-bg-l {
    background-position: left !important;
  }
  .md-bg-lt {
    background-position: left top !important;
  }
  .md-bg-lb {
    background-position: left bottom !important;
  }
  .md-bg-rt {
    background-position: right top !important;
  }
  .md-bg-rb {
    background-position: right bottom !important;
  }
  .md-bg-c {
    background-position: center !important;
  }
}

@media (min-width: 992px) {
  .lg-bg-t {
    background-position: top !important;
  }
  .lg-bg-r {
    background-position: right !important;
  }
  .lg-bg-b {
    background-position: bottom !important;
  }
  .lg-bg-l {
    background-position: left !important;
  }
  .lg-bg-lt {
    background-position: left top !important;
  }
  .lg-bg-lb {
    background-position: left bottom !important;
  }
  .lg-bg-rt {
    background-position: right top !important;
  }
  .lg-bg-rb {
    background-position: right bottom !important;
  }
  .lg-bg-c {
    background-position: center !important;
  }
}

@media (min-width: 1200px) {
  .xl-bg-t {
    background-position: top !important;
  }
  .xl-bg-r {
    background-position: right !important;
  }
  .xl-bg-b {
    background-position: bottom !important;
  }
  .xl-bg-l {
    background-position: left !important;
  }
  .xl-bg-lt {
    background-position: left top !important;
  }
  .xl-bg-lb {
    background-position: left bottom !important;
  }
  .xl-bg-rt {
    background-position: right top !important;
  }
  .xl-bg-rb {
    background-position: right bottom !important;
  }
  .xl-bg-c {
    background-position: center !important;
  }
}

/**
  background repeat
  */
.bg-repeat {
  background-repeat: repeat !important;
}

.bg-no-repeat {
  background-repeat: no-repeat !important;
}

.bg-repeat-x {
  background-repeat: repeat-x !important;
}

.bg-repeat-y {
  background-repeat: repeat-y !important;
}

/**
  background size
  */
.bg-auto,
.hover-bg-auto:hover {
  background-size: auto !important;
}

.bg-cover,
.hover-bg-cover:hover {
  background-size: cover !important;
}

.bg-contain,
.hover-bg-contain:hover {
  background-size: contain !important;
}

.bg-0-0,
.hover-bg-0-0:hover {
  background-size: 0% 0% !important;
}

.bg-0-100,
.hover-bg-0-100:hover {
  background-size: 0% 100% !important;
}

.bg-100-0,
.hover-bg-100-0:hover {
  background-size: 100% 0% !important;
}

.bg-10-100,
.hover-bg-10-100:hover {
  background-size: 10% 100% !important;
}

.bg-100-10,
.hover-bg-100-10:hover {
  background-size: 100% 10% !important;
}

.bg-25-100,
.hover-bg-25-100:hover {
  background-size: 25% 100% !important;
}

.bg-100-25,
.hover-bg-100-25:hover {
  background-size: 100% 25% !important;
}

.bg-50-100,
.hover-bg-50-100:hover {
  background-size: 50% 100% !important;
}

.bg-100-50,
.hover-bg-100-50:hover {
  background-size: 100% 50% !important;
}

.bg-100-100,
.hover-bg-100-100:hover {
  background-size: 100% 100% !important;
}

@media (min-width: 576px) {
  .sm-bg-auto {
    background-size: auto !important;
  }
  .sm-bg-cover {
    background-size: cover !important;
  }
  .sm-bg-contain {
    background-size: contain !important;
  }
  .sm-bg-0-0 {
    background-size: 0% 0% !important;
  }
  .sm-bg-0-100 {
    background-size: 0% 100% !important;
  }
  .sm-bg-100-0 {
    background-size: 100% 0% !important;
  }
  .sm-bg-10-100 {
    background-size: 10% 100% !important;
  }
  .sm-bg-100-10 {
    background-size: 100% 10% !important;
  }
  .sm-bg-25-100 {
    background-size: 25% 100% !important;
  }
  .sm-bg-100-25 {
    background-size: 100% 25% !important;
  }
  .sm-bg-50-100 {
    background-size: 50% 100% !important;
  }
  .sm-bg-100-50 {
    background-size: 100% 50% !important;
  }
  .sm-bg-100-100 {
    background-size: 100% 100% !important;
  }
}

@media (min-width: 768px) {
  .md-bg-auto {
    background-size: auto !important;
  }
  .md-bg-cover {
    background-size: cover !important;
  }
  .md-bg-contain {
    background-size: contain !important;
  }
  .md-bg-0-0 {
    background-size: 0% 0% !important;
  }
  .md-bg-0-100 {
    background-size: 0% 100% !important;
  }
  .md-bg-100-0 {
    background-size: 100% 0% !important;
  }
  .md-bg-10-100 {
    background-size: 10% 100% !important;
  }
  .md-bg-100-10 {
    background-size: 100% 10% !important;
  }
  .md-bg-25-100 {
    background-size: 25% 100% !important;
  }
  .md-bg-100-25 {
    background-size: 100% 25% !important;
  }
  .md-bg-50-100 {
    background-size: 50% 100% !important;
  }
  .md-bg-100-50 {
    background-size: 100% 50% !important;
  }
  .md-bg-100-100 {
    background-size: 100% 100% !important;
  }
}

@media (min-width: 992px) {
  .lg-bg-auto {
    background-size: auto !important;
  }
  .lg-bg-cover {
    background-size: cover !important;
  }
  .lg-bg-contain {
    background-size: contain !important;
  }
  .lg-bg-0-0 {
    background-size: 0% 0% !important;
  }
  .lg-bg-0-100 {
    background-size: 0% 100% !important;
  }
  .lg-bg-100-0 {
    background-size: 100% 0% !important;
  }
  .lg-bg-10-100 {
    background-size: 10% 100% !important;
  }
  .lg-bg-100-10 {
    background-size: 100% 10% !important;
  }
  .lg-bg-25-100 {
    background-size: 25% 100% !important;
  }
  .lg-bg-100-25 {
    background-size: 100% 25% !important;
  }
  .lg-bg-50-100 {
    background-size: 50% 100% !important;
  }
  .lg-bg-100-50 {
    background-size: 100% 50% !important;
  }
  .lg-bg-100-100 {
    background-size: 100% 100% !important;
  }
}

@media (min-width: 1200px) {
  .xl-bg-auto {
    background-size: auto !important;
  }
  .xl-bg-cover {
    background-size: cover !important;
  }
  .xl-bg-contain {
    background-size: contain !important;
  }
  .xl-bg-0-0 {
    background-size: 0% 0% !important;
  }
  .xl-bg-0-100 {
    background-size: 0% 100% !important;
  }
  .xl-bg-100-0 {
    background-size: 100% 0% !important;
  }
  .xl-bg-10-100 {
    background-size: 10% 100% !important;
  }
  .xl-bg-100-10 {
    background-size: 100% 10% !important;
  }
  .xl-bg-25-100 {
    background-size: 25% 100% !important;
  }
  .xl-bg-100-25 {
    background-size: 100% 25% !important;
  }
  .xl-bg-50-100 {
    background-size: 50% 100% !important;
  }
  .xl-bg-100-50 {
    background-size: 100% 50% !important;
  }
  .xl-bg-100-100 {
    background-size: 100% 100% !important;
  }
}

/**
 Gradient Background ( single color)
*/
.linear-gray {
  background-image: linear-gradient(to right, #B7C4CD 0%, #566E7E 100%) !important;
}

/*
border, border-radius, border-width, border-color, border-style
*/
.border {
  border: 1px solid #E4E8EB;
}

/**
border-radius
shorthand: .br-{t|r|b|l}-{radius}
*/
.br-none {
  border-radius: 0px !important;
}

.br-t-none {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.br-r-none {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.br-b-none {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.br-l-none {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.br-0 {
  border-radius: 0px !important;
}

.br-t-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}

.br-r-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.br-b-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.br-l-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.br-1 {
  border-radius: 1px !important;
}

.br-t-1 {
  border-top-left-radius: 1px !important;
  border-top-right-radius: 1px !important;
}

.br-r-1 {
  border-top-right-radius: 1px !important;
  border-bottom-right-radius: 1px !important;
}

.br-b-1 {
  border-bottom-left-radius: 1px !important;
  border-bottom-right-radius: 1px !important;
}

.br-l-1 {
  border-top-left-radius: 1px !important;
  border-bottom-left-radius: 1px !important;
}

.br-2 {
  border-radius: 2px !important;
}

.br-t-2 {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}

.br-r-2 {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.br-b-2 {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}

.br-l-2 {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}

.br-3 {
  border-radius: 3px !important;
}

.br-t-3 {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.br-r-3 {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.br-b-3 {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}

.br-l-3 {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}

.br-4 {
  border-radius: 4px !important;
}

.br-t-4 {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}

.br-r-4 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.br-b-4 {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}

.br-l-4 {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}

.br-6 {
  border-radius: 6px !important;
}

.br-t-6 {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}

.br-r-6 {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.br-b-6 {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}

.br-l-6 {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}

.br-8 {
  border-radius: 8px !important;
}

.br-t-8 {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}

.br-r-8 {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.br-b-8 {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}

.br-l-8 {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}

.br-12 {
  border-radius: 12px !important;
}

.br-t-12 {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}

.br-r-12 {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.br-b-12 {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.br-l-12 {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}

.br-16 {
  border-radius: 16px !important;
}

.br-t-16 {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}

.br-r-16 {
  border-top-right-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

.br-b-16 {
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}

.br-l-16 {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}

.br-round {
  border-radius: 9999rem !important;
}

.br-t-round {
  border-top-left-radius: 9999rem !important;
  border-top-right-radius: 9999rem !important;
}

.br-r-round {
  border-top-right-radius: 9999rem !important;
  border-bottom-right-radius: 9999rem !important;
}

.br-b-round {
  border-bottom-left-radius: 9999rem !important;
  border-bottom-right-radius: 9999rem !important;
}

.br-l-round {
  border-top-left-radius: 9999rem !important;
  border-bottom-left-radius: 9999rem !important;
}

@media (min-width: 576px) {
  .sm-br-none {
    border-radius: 0px !important;
  }
  .sm-br-t-none {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .sm-br-r-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .sm-br-b-none {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .sm-br-l-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .sm-br-0 {
    border-radius: 0px !important;
  }
  .sm-br-t-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .sm-br-r-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .sm-br-b-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .sm-br-l-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .sm-br-1 {
    border-radius: 1px !important;
  }
  .sm-br-t-1 {
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
  }
  .sm-br-r-1 {
    border-top-right-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .sm-br-b-1 {
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .sm-br-l-1 {
    border-top-left-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
  }
  .sm-br-2 {
    border-radius: 2px !important;
  }
  .sm-br-t-2 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .sm-br-r-2 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .sm-br-b-2 {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .sm-br-l-2 {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .sm-br-3 {
    border-radius: 3px !important;
  }
  .sm-br-t-3 {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }
  .sm-br-r-3 {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .sm-br-b-3 {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .sm-br-l-3 {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  .sm-br-4 {
    border-radius: 4px !important;
  }
  .sm-br-t-4 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .sm-br-r-4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .sm-br-b-4 {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .sm-br-l-4 {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .sm-br-6 {
    border-radius: 6px !important;
  }
  .sm-br-t-6 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .sm-br-r-6 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .sm-br-b-6 {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .sm-br-l-6 {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .sm-br-8 {
    border-radius: 8px !important;
  }
  .sm-br-t-8 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .sm-br-r-8 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .sm-br-b-8 {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .sm-br-l-8 {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .sm-br-12 {
    border-radius: 12px !important;
  }
  .sm-br-t-12 {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
  }
  .sm-br-r-12 {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .sm-br-b-12 {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .sm-br-l-12 {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
  }
  .sm-br-16 {
    border-radius: 16px !important;
  }
  .sm-br-t-16 {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
  }
  .sm-br-r-16 {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .sm-br-b-16 {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .sm-br-l-16 {
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
  }
  .sm-br-round {
    border-radius: 9999rem !important;
  }
  .sm-br-t-round {
    border-top-left-radius: 9999rem !important;
    border-top-right-radius: 9999rem !important;
  }
  .sm-br-r-round {
    border-top-right-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .sm-br-b-round {
    border-bottom-left-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .sm-br-l-round {
    border-top-left-radius: 9999rem !important;
    border-bottom-left-radius: 9999rem !important;
  }
}

@media (min-width: 768px) {
  .md-br-none {
    border-radius: 0px !important;
  }
  .md-br-t-none {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .md-br-r-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .md-br-b-none {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .md-br-l-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .md-br-0 {
    border-radius: 0px !important;
  }
  .md-br-t-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .md-br-r-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .md-br-b-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .md-br-l-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .md-br-1 {
    border-radius: 1px !important;
  }
  .md-br-t-1 {
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
  }
  .md-br-r-1 {
    border-top-right-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .md-br-b-1 {
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .md-br-l-1 {
    border-top-left-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
  }
  .md-br-2 {
    border-radius: 2px !important;
  }
  .md-br-t-2 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .md-br-r-2 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .md-br-b-2 {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .md-br-l-2 {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .md-br-3 {
    border-radius: 3px !important;
  }
  .md-br-t-3 {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }
  .md-br-r-3 {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .md-br-b-3 {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .md-br-l-3 {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  .md-br-4 {
    border-radius: 4px !important;
  }
  .md-br-t-4 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .md-br-r-4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .md-br-b-4 {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .md-br-l-4 {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .md-br-6 {
    border-radius: 6px !important;
  }
  .md-br-t-6 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .md-br-r-6 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .md-br-b-6 {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .md-br-l-6 {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .md-br-8 {
    border-radius: 8px !important;
  }
  .md-br-t-8 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .md-br-r-8 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .md-br-b-8 {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .md-br-l-8 {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .md-br-12 {
    border-radius: 12px !important;
  }
  .md-br-t-12 {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
  }
  .md-br-r-12 {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .md-br-b-12 {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .md-br-l-12 {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
  }
  .md-br-16 {
    border-radius: 16px !important;
  }
  .md-br-t-16 {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
  }
  .md-br-r-16 {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .md-br-b-16 {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .md-br-l-16 {
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
  }
  .md-br-round {
    border-radius: 9999rem !important;
  }
  .md-br-t-round {
    border-top-left-radius: 9999rem !important;
    border-top-right-radius: 9999rem !important;
  }
  .md-br-r-round {
    border-top-right-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .md-br-b-round {
    border-bottom-left-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .md-br-l-round {
    border-top-left-radius: 9999rem !important;
    border-bottom-left-radius: 9999rem !important;
  }
}

@media (min-width: 992px) {
  .lg-br-none {
    border-radius: 0px !important;
  }
  .lg-br-t-none {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .lg-br-r-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .lg-br-b-none {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .lg-br-l-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .lg-br-0 {
    border-radius: 0px !important;
  }
  .lg-br-t-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .lg-br-r-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .lg-br-b-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .lg-br-l-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .lg-br-1 {
    border-radius: 1px !important;
  }
  .lg-br-t-1 {
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
  }
  .lg-br-r-1 {
    border-top-right-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .lg-br-b-1 {
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .lg-br-l-1 {
    border-top-left-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
  }
  .lg-br-2 {
    border-radius: 2px !important;
  }
  .lg-br-t-2 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .lg-br-r-2 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .lg-br-b-2 {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .lg-br-l-2 {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .lg-br-3 {
    border-radius: 3px !important;
  }
  .lg-br-t-3 {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }
  .lg-br-r-3 {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .lg-br-b-3 {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .lg-br-l-3 {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  .lg-br-4 {
    border-radius: 4px !important;
  }
  .lg-br-t-4 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .lg-br-r-4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .lg-br-b-4 {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .lg-br-l-4 {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .lg-br-6 {
    border-radius: 6px !important;
  }
  .lg-br-t-6 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .lg-br-r-6 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .lg-br-b-6 {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .lg-br-l-6 {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .lg-br-8 {
    border-radius: 8px !important;
  }
  .lg-br-t-8 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .lg-br-r-8 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .lg-br-b-8 {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .lg-br-l-8 {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .lg-br-12 {
    border-radius: 12px !important;
  }
  .lg-br-t-12 {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
  }
  .lg-br-r-12 {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .lg-br-b-12 {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .lg-br-l-12 {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
  }
  .lg-br-16 {
    border-radius: 16px !important;
  }
  .lg-br-t-16 {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
  }
  .lg-br-r-16 {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .lg-br-b-16 {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .lg-br-l-16 {
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
  }
  .lg-br-round {
    border-radius: 9999rem !important;
  }
  .lg-br-t-round {
    border-top-left-radius: 9999rem !important;
    border-top-right-radius: 9999rem !important;
  }
  .lg-br-r-round {
    border-top-right-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .lg-br-b-round {
    border-bottom-left-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .lg-br-l-round {
    border-top-left-radius: 9999rem !important;
    border-bottom-left-radius: 9999rem !important;
  }
}

@media (min-width: 1200px) {
  .xl-br-none {
    border-radius: 0px !important;
  }
  .xl-br-t-none {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .xl-br-r-none {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .xl-br-b-none {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .xl-br-l-none {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .xl-br-0 {
    border-radius: 0px !important;
  }
  .xl-br-t-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }
  .xl-br-r-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .xl-br-b-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }
  .xl-br-l-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }
  .xl-br-1 {
    border-radius: 1px !important;
  }
  .xl-br-t-1 {
    border-top-left-radius: 1px !important;
    border-top-right-radius: 1px !important;
  }
  .xl-br-r-1 {
    border-top-right-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .xl-br-b-1 {
    border-bottom-left-radius: 1px !important;
    border-bottom-right-radius: 1px !important;
  }
  .xl-br-l-1 {
    border-top-left-radius: 1px !important;
    border-bottom-left-radius: 1px !important;
  }
  .xl-br-2 {
    border-radius: 2px !important;
  }
  .xl-br-t-2 {
    border-top-left-radius: 2px !important;
    border-top-right-radius: 2px !important;
  }
  .xl-br-r-2 {
    border-top-right-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .xl-br-b-2 {
    border-bottom-left-radius: 2px !important;
    border-bottom-right-radius: 2px !important;
  }
  .xl-br-l-2 {
    border-top-left-radius: 2px !important;
    border-bottom-left-radius: 2px !important;
  }
  .xl-br-3 {
    border-radius: 3px !important;
  }
  .xl-br-t-3 {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }
  .xl-br-r-3 {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .xl-br-b-3 {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }
  .xl-br-l-3 {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }
  .xl-br-4 {
    border-radius: 4px !important;
  }
  .xl-br-t-4 {
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;
  }
  .xl-br-r-4 {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .xl-br-b-4 {
    border-bottom-left-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
  }
  .xl-br-l-4 {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
  }
  .xl-br-6 {
    border-radius: 6px !important;
  }
  .xl-br-t-6 {
    border-top-left-radius: 6px !important;
    border-top-right-radius: 6px !important;
  }
  .xl-br-r-6 {
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .xl-br-b-6 {
    border-bottom-left-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
  }
  .xl-br-l-6 {
    border-top-left-radius: 6px !important;
    border-bottom-left-radius: 6px !important;
  }
  .xl-br-8 {
    border-radius: 8px !important;
  }
  .xl-br-t-8 {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
  }
  .xl-br-r-8 {
    border-top-right-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .xl-br-b-8 {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
  }
  .xl-br-l-8 {
    border-top-left-radius: 8px !important;
    border-bottom-left-radius: 8px !important;
  }
  .xl-br-12 {
    border-radius: 12px !important;
  }
  .xl-br-t-12 {
    border-top-left-radius: 12px !important;
    border-top-right-radius: 12px !important;
  }
  .xl-br-r-12 {
    border-top-right-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .xl-br-b-12 {
    border-bottom-left-radius: 12px !important;
    border-bottom-right-radius: 12px !important;
  }
  .xl-br-l-12 {
    border-top-left-radius: 12px !important;
    border-bottom-left-radius: 12px !important;
  }
  .xl-br-16 {
    border-radius: 16px !important;
  }
  .xl-br-t-16 {
    border-top-left-radius: 16px !important;
    border-top-right-radius: 16px !important;
  }
  .xl-br-r-16 {
    border-top-right-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .xl-br-b-16 {
    border-bottom-left-radius: 16px !important;
    border-bottom-right-radius: 16px !important;
  }
  .xl-br-l-16 {
    border-top-left-radius: 16px !important;
    border-bottom-left-radius: 16px !important;
  }
  .xl-br-round {
    border-radius: 9999rem !important;
  }
  .xl-br-t-round {
    border-top-left-radius: 9999rem !important;
    border-top-right-radius: 9999rem !important;
  }
  .xl-br-r-round {
    border-top-right-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .xl-br-b-round {
    border-bottom-left-radius: 9999rem !important;
    border-bottom-right-radius: 9999rem !important;
  }
  .xl-br-l-round {
    border-top-left-radius: 9999rem !important;
    border-bottom-left-radius: 9999rem !important;
  }
}

/**
border-width
shorthand: .bw-{t|r|b|l}-{width}, .{screen|hover|focus}-bw-{t|r|b|l}-{width}
*/
.bw-0,
.hover-bw-0:hover,
.focus-bw-0:focus {
  border-width: 0px !important;
}

.bw-t-0,
.hover-bw-t-0:hover,
.focus-bw-t-0:focus {
  border-top-width: 0px !important;
}

.bw-r-0,
.hover-bw-r-0:hover,
.focus-bw-r-0:focus {
  border-right-width: 0px !important;
}

.bw-b-0,
.hover-bw-b-0:hover,
.focus-bw-b-0:focus {
  border-bottom-width: 0px !important;
}

.bw-l-0,
.hover-bw-l-0:hover,
.focus-bw-l-0:focus {
  border-left-width: 0px !important;
}

.bw-1,
.hover-bw-1:hover,
.focus-bw-1:focus {
  border-width: 1px !important;
}

.bw-t-1,
.hover-bw-t-1:hover,
.focus-bw-t-1:focus {
  border-top-width: 1px !important;
}

.bw-r-1,
.hover-bw-r-1:hover,
.focus-bw-r-1:focus {
  border-right-width: 1px !important;
}

.bw-b-1,
.hover-bw-b-1:hover,
.focus-bw-b-1:focus {
  border-bottom-width: 1px !important;
}

.bw-l-1,
.hover-bw-l-1:hover,
.focus-bw-l-1:focus {
  border-left-width: 1px !important;
}

.bw-2,
.hover-bw-2:hover,
.focus-bw-2:focus {
  border-width: 2px !important;
}

.bw-t-2,
.hover-bw-t-2:hover,
.focus-bw-t-2:focus {
  border-top-width: 2px !important;
}

.bw-r-2,
.hover-bw-r-2:hover,
.focus-bw-r-2:focus {
  border-right-width: 2px !important;
}

.bw-b-2,
.hover-bw-b-2:hover,
.focus-bw-b-2:focus {
  border-bottom-width: 2px !important;
}

.bw-l-2,
.hover-bw-l-2:hover,
.focus-bw-l-2:focus {
  border-left-width: 2px !important;
}

.bw-3,
.hover-bw-3:hover,
.focus-bw-3:focus {
  border-width: 3px !important;
}

.bw-t-3,
.hover-bw-t-3:hover,
.focus-bw-t-3:focus {
  border-top-width: 3px !important;
}

.bw-r-3,
.hover-bw-r-3:hover,
.focus-bw-r-3:focus {
  border-right-width: 3px !important;
}

.bw-b-3,
.hover-bw-b-3:hover,
.focus-bw-b-3:focus {
  border-bottom-width: 3px !important;
}

.bw-l-3,
.hover-bw-l-3:hover,
.focus-bw-l-3:focus {
  border-left-width: 3px !important;
}

.bw-4,
.hover-bw-4:hover,
.focus-bw-4:focus {
  border-width: 4px !important;
}

.bw-t-4,
.hover-bw-t-4:hover,
.focus-bw-t-4:focus {
  border-top-width: 4px !important;
}

.bw-r-4,
.hover-bw-r-4:hover,
.focus-bw-r-4:focus {
  border-right-width: 4px !important;
}

.bw-b-4,
.hover-bw-b-4:hover,
.focus-bw-b-4:focus {
  border-bottom-width: 4px !important;
}

.bw-l-4,
.hover-bw-l-4:hover,
.focus-bw-l-4:focus {
  border-left-width: 4px !important;
}

.bw-6,
.hover-bw-6:hover,
.focus-bw-6:focus {
  border-width: 6px !important;
}

.bw-t-6,
.hover-bw-t-6:hover,
.focus-bw-t-6:focus {
  border-top-width: 6px !important;
}

.bw-r-6,
.hover-bw-r-6:hover,
.focus-bw-r-6:focus {
  border-right-width: 6px !important;
}

.bw-b-6,
.hover-bw-b-6:hover,
.focus-bw-b-6:focus {
  border-bottom-width: 6px !important;
}

.bw-l-6,
.hover-bw-l-6:hover,
.focus-bw-l-6:focus {
  border-left-width: 6px !important;
}

.bw-8,
.hover-bw-8:hover,
.focus-bw-8:focus {
  border-width: 8px !important;
}

.bw-t-8,
.hover-bw-t-8:hover,
.focus-bw-t-8:focus {
  border-top-width: 8px !important;
}

.bw-r-8,
.hover-bw-r-8:hover,
.focus-bw-r-8:focus {
  border-right-width: 8px !important;
}

.bw-b-8,
.hover-bw-b-8:hover,
.focus-bw-b-8:focus {
  border-bottom-width: 8px !important;
}

.bw-l-8,
.hover-bw-l-8:hover,
.focus-bw-l-8:focus {
  border-left-width: 8px !important;
}

.bw-12,
.hover-bw-12:hover,
.focus-bw-12:focus {
  border-width: 12px !important;
}

.bw-t-12,
.hover-bw-t-12:hover,
.focus-bw-t-12:focus {
  border-top-width: 12px !important;
}

.bw-r-12,
.hover-bw-r-12:hover,
.focus-bw-r-12:focus {
  border-right-width: 12px !important;
}

.bw-b-12,
.hover-bw-b-12:hover,
.focus-bw-b-12:focus {
  border-bottom-width: 12px !important;
}

.bw-l-12,
.hover-bw-l-12:hover,
.focus-bw-l-12:focus {
  border-left-width: 12px !important;
}

.bw-16,
.hover-bw-16:hover,
.focus-bw-16:focus {
  border-width: 16px !important;
}

.bw-t-16,
.hover-bw-t-16:hover,
.focus-bw-t-16:focus {
  border-top-width: 16px !important;
}

.bw-r-16,
.hover-bw-r-16:hover,
.focus-bw-r-16:focus {
  border-right-width: 16px !important;
}

.bw-b-16,
.hover-bw-b-16:hover,
.focus-bw-b-16:focus {
  border-bottom-width: 16px !important;
}

.bw-l-16,
.hover-bw-l-16:hover,
.focus-bw-l-16:focus {
  border-left-width: 16px !important;
}

@media (min-width: 576px) {
  .sm-bw-0 {
    border-width: 0px !important;
  }
  .sm-bw-t-0 {
    border-top-width: 0px !important;
  }
  .sm-bw-r-0 {
    border-right-width: 0px !important;
  }
  .sm-bw-b-0 {
    border-bottom-width: 0px !important;
  }
  .sm-bw-l-0 {
    border-left-width: 0px !important;
  }
  .sm-bw-1 {
    border-width: 1px !important;
  }
  .sm-bw-t-1 {
    border-top-width: 1px !important;
  }
  .sm-bw-r-1 {
    border-right-width: 1px !important;
  }
  .sm-bw-b-1 {
    border-bottom-width: 1px !important;
  }
  .sm-bw-l-1 {
    border-left-width: 1px !important;
  }
  .sm-bw-2 {
    border-width: 2px !important;
  }
  .sm-bw-t-2 {
    border-top-width: 2px !important;
  }
  .sm-bw-r-2 {
    border-right-width: 2px !important;
  }
  .sm-bw-b-2 {
    border-bottom-width: 2px !important;
  }
  .sm-bw-l-2 {
    border-left-width: 2px !important;
  }
  .sm-bw-3 {
    border-width: 3px !important;
  }
  .sm-bw-t-3 {
    border-top-width: 3px !important;
  }
  .sm-bw-r-3 {
    border-right-width: 3px !important;
  }
  .sm-bw-b-3 {
    border-bottom-width: 3px !important;
  }
  .sm-bw-l-3 {
    border-left-width: 3px !important;
  }
  .sm-bw-4 {
    border-width: 4px !important;
  }
  .sm-bw-t-4 {
    border-top-width: 4px !important;
  }
  .sm-bw-r-4 {
    border-right-width: 4px !important;
  }
  .sm-bw-b-4 {
    border-bottom-width: 4px !important;
  }
  .sm-bw-l-4 {
    border-left-width: 4px !important;
  }
  .sm-bw-6 {
    border-width: 6px !important;
  }
  .sm-bw-t-6 {
    border-top-width: 6px !important;
  }
  .sm-bw-r-6 {
    border-right-width: 6px !important;
  }
  .sm-bw-b-6 {
    border-bottom-width: 6px !important;
  }
  .sm-bw-l-6 {
    border-left-width: 6px !important;
  }
  .sm-bw-8 {
    border-width: 8px !important;
  }
  .sm-bw-t-8 {
    border-top-width: 8px !important;
  }
  .sm-bw-r-8 {
    border-right-width: 8px !important;
  }
  .sm-bw-b-8 {
    border-bottom-width: 8px !important;
  }
  .sm-bw-l-8 {
    border-left-width: 8px !important;
  }
  .sm-bw-12 {
    border-width: 12px !important;
  }
  .sm-bw-t-12 {
    border-top-width: 12px !important;
  }
  .sm-bw-r-12 {
    border-right-width: 12px !important;
  }
  .sm-bw-b-12 {
    border-bottom-width: 12px !important;
  }
  .sm-bw-l-12 {
    border-left-width: 12px !important;
  }
  .sm-bw-16 {
    border-width: 16px !important;
  }
  .sm-bw-t-16 {
    border-top-width: 16px !important;
  }
  .sm-bw-r-16 {
    border-right-width: 16px !important;
  }
  .sm-bw-b-16 {
    border-bottom-width: 16px !important;
  }
  .sm-bw-l-16 {
    border-left-width: 16px !important;
  }
}

@media (min-width: 768px) {
  .md-bw-0 {
    border-width: 0px !important;
  }
  .md-bw-t-0 {
    border-top-width: 0px !important;
  }
  .md-bw-r-0 {
    border-right-width: 0px !important;
  }
  .md-bw-b-0 {
    border-bottom-width: 0px !important;
  }
  .md-bw-l-0 {
    border-left-width: 0px !important;
  }
  .md-bw-1 {
    border-width: 1px !important;
  }
  .md-bw-t-1 {
    border-top-width: 1px !important;
  }
  .md-bw-r-1 {
    border-right-width: 1px !important;
  }
  .md-bw-b-1 {
    border-bottom-width: 1px !important;
  }
  .md-bw-l-1 {
    border-left-width: 1px !important;
  }
  .md-bw-2 {
    border-width: 2px !important;
  }
  .md-bw-t-2 {
    border-top-width: 2px !important;
  }
  .md-bw-r-2 {
    border-right-width: 2px !important;
  }
  .md-bw-b-2 {
    border-bottom-width: 2px !important;
  }
  .md-bw-l-2 {
    border-left-width: 2px !important;
  }
  .md-bw-3 {
    border-width: 3px !important;
  }
  .md-bw-t-3 {
    border-top-width: 3px !important;
  }
  .md-bw-r-3 {
    border-right-width: 3px !important;
  }
  .md-bw-b-3 {
    border-bottom-width: 3px !important;
  }
  .md-bw-l-3 {
    border-left-width: 3px !important;
  }
  .md-bw-4 {
    border-width: 4px !important;
  }
  .md-bw-t-4 {
    border-top-width: 4px !important;
  }
  .md-bw-r-4 {
    border-right-width: 4px !important;
  }
  .md-bw-b-4 {
    border-bottom-width: 4px !important;
  }
  .md-bw-l-4 {
    border-left-width: 4px !important;
  }
  .md-bw-6 {
    border-width: 6px !important;
  }
  .md-bw-t-6 {
    border-top-width: 6px !important;
  }
  .md-bw-r-6 {
    border-right-width: 6px !important;
  }
  .md-bw-b-6 {
    border-bottom-width: 6px !important;
  }
  .md-bw-l-6 {
    border-left-width: 6px !important;
  }
  .md-bw-8 {
    border-width: 8px !important;
  }
  .md-bw-t-8 {
    border-top-width: 8px !important;
  }
  .md-bw-r-8 {
    border-right-width: 8px !important;
  }
  .md-bw-b-8 {
    border-bottom-width: 8px !important;
  }
  .md-bw-l-8 {
    border-left-width: 8px !important;
  }
  .md-bw-12 {
    border-width: 12px !important;
  }
  .md-bw-t-12 {
    border-top-width: 12px !important;
  }
  .md-bw-r-12 {
    border-right-width: 12px !important;
  }
  .md-bw-b-12 {
    border-bottom-width: 12px !important;
  }
  .md-bw-l-12 {
    border-left-width: 12px !important;
  }
  .md-bw-16 {
    border-width: 16px !important;
  }
  .md-bw-t-16 {
    border-top-width: 16px !important;
  }
  .md-bw-r-16 {
    border-right-width: 16px !important;
  }
  .md-bw-b-16 {
    border-bottom-width: 16px !important;
  }
  .md-bw-l-16 {
    border-left-width: 16px !important;
  }
}

@media (min-width: 992px) {
  .lg-bw-0 {
    border-width: 0px !important;
  }
  .lg-bw-t-0 {
    border-top-width: 0px !important;
  }
  .lg-bw-r-0 {
    border-right-width: 0px !important;
  }
  .lg-bw-b-0 {
    border-bottom-width: 0px !important;
  }
  .lg-bw-l-0 {
    border-left-width: 0px !important;
  }
  .lg-bw-1 {
    border-width: 1px !important;
  }
  .lg-bw-t-1 {
    border-top-width: 1px !important;
  }
  .lg-bw-r-1 {
    border-right-width: 1px !important;
  }
  .lg-bw-b-1 {
    border-bottom-width: 1px !important;
  }
  .lg-bw-l-1 {
    border-left-width: 1px !important;
  }
  .lg-bw-2 {
    border-width: 2px !important;
  }
  .lg-bw-t-2 {
    border-top-width: 2px !important;
  }
  .lg-bw-r-2 {
    border-right-width: 2px !important;
  }
  .lg-bw-b-2 {
    border-bottom-width: 2px !important;
  }
  .lg-bw-l-2 {
    border-left-width: 2px !important;
  }
  .lg-bw-3 {
    border-width: 3px !important;
  }
  .lg-bw-t-3 {
    border-top-width: 3px !important;
  }
  .lg-bw-r-3 {
    border-right-width: 3px !important;
  }
  .lg-bw-b-3 {
    border-bottom-width: 3px !important;
  }
  .lg-bw-l-3 {
    border-left-width: 3px !important;
  }
  .lg-bw-4 {
    border-width: 4px !important;
  }
  .lg-bw-t-4 {
    border-top-width: 4px !important;
  }
  .lg-bw-r-4 {
    border-right-width: 4px !important;
  }
  .lg-bw-b-4 {
    border-bottom-width: 4px !important;
  }
  .lg-bw-l-4 {
    border-left-width: 4px !important;
  }
  .lg-bw-6 {
    border-width: 6px !important;
  }
  .lg-bw-t-6 {
    border-top-width: 6px !important;
  }
  .lg-bw-r-6 {
    border-right-width: 6px !important;
  }
  .lg-bw-b-6 {
    border-bottom-width: 6px !important;
  }
  .lg-bw-l-6 {
    border-left-width: 6px !important;
  }
  .lg-bw-8 {
    border-width: 8px !important;
  }
  .lg-bw-t-8 {
    border-top-width: 8px !important;
  }
  .lg-bw-r-8 {
    border-right-width: 8px !important;
  }
  .lg-bw-b-8 {
    border-bottom-width: 8px !important;
  }
  .lg-bw-l-8 {
    border-left-width: 8px !important;
  }
  .lg-bw-12 {
    border-width: 12px !important;
  }
  .lg-bw-t-12 {
    border-top-width: 12px !important;
  }
  .lg-bw-r-12 {
    border-right-width: 12px !important;
  }
  .lg-bw-b-12 {
    border-bottom-width: 12px !important;
  }
  .lg-bw-l-12 {
    border-left-width: 12px !important;
  }
  .lg-bw-16 {
    border-width: 16px !important;
  }
  .lg-bw-t-16 {
    border-top-width: 16px !important;
  }
  .lg-bw-r-16 {
    border-right-width: 16px !important;
  }
  .lg-bw-b-16 {
    border-bottom-width: 16px !important;
  }
  .lg-bw-l-16 {
    border-left-width: 16px !important;
  }
}

@media (min-width: 1200px) {
  .xl-bw-0 {
    border-width: 0px !important;
  }
  .xl-bw-t-0 {
    border-top-width: 0px !important;
  }
  .xl-bw-r-0 {
    border-right-width: 0px !important;
  }
  .xl-bw-b-0 {
    border-bottom-width: 0px !important;
  }
  .xl-bw-l-0 {
    border-left-width: 0px !important;
  }
  .xl-bw-1 {
    border-width: 1px !important;
  }
  .xl-bw-t-1 {
    border-top-width: 1px !important;
  }
  .xl-bw-r-1 {
    border-right-width: 1px !important;
  }
  .xl-bw-b-1 {
    border-bottom-width: 1px !important;
  }
  .xl-bw-l-1 {
    border-left-width: 1px !important;
  }
  .xl-bw-2 {
    border-width: 2px !important;
  }
  .xl-bw-t-2 {
    border-top-width: 2px !important;
  }
  .xl-bw-r-2 {
    border-right-width: 2px !important;
  }
  .xl-bw-b-2 {
    border-bottom-width: 2px !important;
  }
  .xl-bw-l-2 {
    border-left-width: 2px !important;
  }
  .xl-bw-3 {
    border-width: 3px !important;
  }
  .xl-bw-t-3 {
    border-top-width: 3px !important;
  }
  .xl-bw-r-3 {
    border-right-width: 3px !important;
  }
  .xl-bw-b-3 {
    border-bottom-width: 3px !important;
  }
  .xl-bw-l-3 {
    border-left-width: 3px !important;
  }
  .xl-bw-4 {
    border-width: 4px !important;
  }
  .xl-bw-t-4 {
    border-top-width: 4px !important;
  }
  .xl-bw-r-4 {
    border-right-width: 4px !important;
  }
  .xl-bw-b-4 {
    border-bottom-width: 4px !important;
  }
  .xl-bw-l-4 {
    border-left-width: 4px !important;
  }
  .xl-bw-6 {
    border-width: 6px !important;
  }
  .xl-bw-t-6 {
    border-top-width: 6px !important;
  }
  .xl-bw-r-6 {
    border-right-width: 6px !important;
  }
  .xl-bw-b-6 {
    border-bottom-width: 6px !important;
  }
  .xl-bw-l-6 {
    border-left-width: 6px !important;
  }
  .xl-bw-8 {
    border-width: 8px !important;
  }
  .xl-bw-t-8 {
    border-top-width: 8px !important;
  }
  .xl-bw-r-8 {
    border-right-width: 8px !important;
  }
  .xl-bw-b-8 {
    border-bottom-width: 8px !important;
  }
  .xl-bw-l-8 {
    border-left-width: 8px !important;
  }
  .xl-bw-12 {
    border-width: 12px !important;
  }
  .xl-bw-t-12 {
    border-top-width: 12px !important;
  }
  .xl-bw-r-12 {
    border-right-width: 12px !important;
  }
  .xl-bw-b-12 {
    border-bottom-width: 12px !important;
  }
  .xl-bw-l-12 {
    border-left-width: 12px !important;
  }
  .xl-bw-16 {
    border-width: 16px !important;
  }
  .xl-bw-t-16 {
    border-top-width: 16px !important;
  }
  .xl-bw-r-16 {
    border-right-width: 16px !important;
  }
  .xl-bw-b-16 {
    border-bottom-width: 16px !important;
  }
  .xl-bw-l-16 {
    border-left-width: 16px !important;
  }
}

/**
  border-color
  shorthand: .bc-{color}, .border-{color}
  */
.bc-black,
.hover-bc-black:hover,
.focus-bc-black:focus {
  border-color: #000000 !important;
}

.border-black {
  border: 1px solid #000000 !important;
}

.bc-white,
.hover-bc-white:hover,
.focus-bc-white:focus {
  border-color: #FFFFFF !important;
}

.border-white {
  border: 1px solid #FFFFFF !important;
}

.bc-transparent,
.hover-bc-transparent:hover,
.focus-bc-transparent:focus {
  border-color: transparent !important;
}

.border-transparent {
  border: 1px solid transparent !important;
}

.bc-gray-darkest,
.hover-bc-gray-darkest:hover,
.focus-bc-gray-darkest:focus {
  border-color: #36454F !important;
}

.border-gray-darkest {
  border: 1px solid #36454F !important;
}

.bc-gray-darker,
.hover-bc-gray-darker:hover,
.focus-bc-gray-darker:focus {
  border-color: #465966 !important;
}

.border-gray-darker {
  border: 1px solid #465966 !important;
}

.bc-gray-dark,
.hover-bc-gray-dark:hover,
.focus-bc-gray-dark:focus {
  border-color: #566E7E !important;
}

.border-gray-dark {
  border: 1px solid #566E7E !important;
}

.bc-gray,
.hover-bc-gray:hover,
.focus-bc-gray:focus {
  border-color: #668295 !important;
}

.border-gray {
  border: 1px solid #668295 !important;
}

.bc-gray-light,
.hover-bc-gray-light:hover,
.focus-bc-gray-light:focus {
  border-color: #B7C4CD !important;
}

.border-gray-light {
  border: 1px solid #B7C4CD !important;
}

.bc-gray-lighter,
.hover-bc-gray-lighter:hover,
.focus-bc-gray-lighter:focus {
  border-color: #E4E8EB !important;
}

.border-gray-lighter {
  border: 1px solid #E4E8EB !important;
}

.bc-gray-lightest,
.hover-bc-gray-lightest:hover,
.focus-bc-gray-lightest:focus {
  border-color: #EEF1F5 !important;
}

.border-gray-lightest {
  border: 1px solid #EEF1F5 !important;
}

/**
  border color alpha
  shorthand: .bc-{color}-{alpha}, .border-{color}-{alpha}
*/
.bc-black-10,
.hover-bc-black-10:hover,
.focus-bc-black-10:focus {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.border-black-10 {
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.bc-white-10,
.hover-bc-white-10:hover,
.focus-bc-white-10:focus {
  border-color: rgba(255, 255, 255, 0.1) !important;
}

.border-white-10 {
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.bc-transparent-10,
.hover-bc-transparent-10:hover,
.focus-bc-transparent-10:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-10,
.hover-bc-gray-darkest-10:hover,
.focus-bc-gray-darkest-10:focus {
  border-color: rgba(54, 69, 79, 0.1) !important;
}

.border-gray-darkest-10 {
  border: 1px solid rgba(54, 69, 79, 0.1) !important;
}

.bc-gray-darker-10,
.hover-bc-gray-darker-10:hover,
.focus-bc-gray-darker-10:focus {
  border-color: rgba(70, 89, 102, 0.1) !important;
}

.border-gray-darker-10 {
  border: 1px solid rgba(70, 89, 102, 0.1) !important;
}

.bc-gray-dark-10,
.hover-bc-gray-dark-10:hover,
.focus-bc-gray-dark-10:focus {
  border-color: rgba(86, 110, 126, 0.1) !important;
}

.border-gray-dark-10 {
  border: 1px solid rgba(86, 110, 126, 0.1) !important;
}

.bc-gray-10,
.hover-bc-gray-10:hover,
.focus-bc-gray-10:focus {
  border-color: rgba(102, 130, 149, 0.1) !important;
}

.border-gray-10 {
  border: 1px solid rgba(102, 130, 149, 0.1) !important;
}

.bc-gray-light-10,
.hover-bc-gray-light-10:hover,
.focus-bc-gray-light-10:focus {
  border-color: rgba(183, 196, 205, 0.1) !important;
}

.border-gray-light-10 {
  border: 1px solid rgba(183, 196, 205, 0.1) !important;
}

.bc-gray-lighter-10,
.hover-bc-gray-lighter-10:hover,
.focus-bc-gray-lighter-10:focus {
  border-color: rgba(228, 232, 235, 0.1) !important;
}

.border-gray-lighter-10 {
  border: 1px solid rgba(228, 232, 235, 0.1) !important;
}

.bc-gray-lightest-10,
.hover-bc-gray-lightest-10:hover,
.focus-bc-gray-lightest-10:focus {
  border-color: rgba(238, 241, 245, 0.1) !important;
}

.border-gray-lightest-10 {
  border: 1px solid rgba(238, 241, 245, 0.1) !important;
}

.bc-black-20,
.hover-bc-black-20:hover,
.focus-bc-black-20:focus {
  border-color: rgba(0, 0, 0, 0.2) !important;
}

.border-black-20 {
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
}

.bc-white-20,
.hover-bc-white-20:hover,
.focus-bc-white-20:focus {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

.border-white-20 {
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.bc-transparent-20,
.hover-bc-transparent-20:hover,
.focus-bc-transparent-20:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-20,
.hover-bc-gray-darkest-20:hover,
.focus-bc-gray-darkest-20:focus {
  border-color: rgba(54, 69, 79, 0.2) !important;
}

.border-gray-darkest-20 {
  border: 1px solid rgba(54, 69, 79, 0.2) !important;
}

.bc-gray-darker-20,
.hover-bc-gray-darker-20:hover,
.focus-bc-gray-darker-20:focus {
  border-color: rgba(70, 89, 102, 0.2) !important;
}

.border-gray-darker-20 {
  border: 1px solid rgba(70, 89, 102, 0.2) !important;
}

.bc-gray-dark-20,
.hover-bc-gray-dark-20:hover,
.focus-bc-gray-dark-20:focus {
  border-color: rgba(86, 110, 126, 0.2) !important;
}

.border-gray-dark-20 {
  border: 1px solid rgba(86, 110, 126, 0.2) !important;
}

.bc-gray-20,
.hover-bc-gray-20:hover,
.focus-bc-gray-20:focus {
  border-color: rgba(102, 130, 149, 0.2) !important;
}

.border-gray-20 {
  border: 1px solid rgba(102, 130, 149, 0.2) !important;
}

.bc-gray-light-20,
.hover-bc-gray-light-20:hover,
.focus-bc-gray-light-20:focus {
  border-color: rgba(183, 196, 205, 0.2) !important;
}

.border-gray-light-20 {
  border: 1px solid rgba(183, 196, 205, 0.2) !important;
}

.bc-gray-lighter-20,
.hover-bc-gray-lighter-20:hover,
.focus-bc-gray-lighter-20:focus {
  border-color: rgba(228, 232, 235, 0.2) !important;
}

.border-gray-lighter-20 {
  border: 1px solid rgba(228, 232, 235, 0.2) !important;
}

.bc-gray-lightest-20,
.hover-bc-gray-lightest-20:hover,
.focus-bc-gray-lightest-20:focus {
  border-color: rgba(238, 241, 245, 0.2) !important;
}

.border-gray-lightest-20 {
  border: 1px solid rgba(238, 241, 245, 0.2) !important;
}

.bc-black-30,
.hover-bc-black-30:hover,
.focus-bc-black-30:focus {
  border-color: rgba(0, 0, 0, 0.3) !important;
}

.border-black-30 {
  border: 1px solid rgba(0, 0, 0, 0.3) !important;
}

.bc-white-30,
.hover-bc-white-30:hover,
.focus-bc-white-30:focus {
  border-color: rgba(255, 255, 255, 0.3) !important;
}

.border-white-30 {
  border: 1px solid rgba(255, 255, 255, 0.3) !important;
}

.bc-transparent-30,
.hover-bc-transparent-30:hover,
.focus-bc-transparent-30:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-30,
.hover-bc-gray-darkest-30:hover,
.focus-bc-gray-darkest-30:focus {
  border-color: rgba(54, 69, 79, 0.3) !important;
}

.border-gray-darkest-30 {
  border: 1px solid rgba(54, 69, 79, 0.3) !important;
}

.bc-gray-darker-30,
.hover-bc-gray-darker-30:hover,
.focus-bc-gray-darker-30:focus {
  border-color: rgba(70, 89, 102, 0.3) !important;
}

.border-gray-darker-30 {
  border: 1px solid rgba(70, 89, 102, 0.3) !important;
}

.bc-gray-dark-30,
.hover-bc-gray-dark-30:hover,
.focus-bc-gray-dark-30:focus {
  border-color: rgba(86, 110, 126, 0.3) !important;
}

.border-gray-dark-30 {
  border: 1px solid rgba(86, 110, 126, 0.3) !important;
}

.bc-gray-30,
.hover-bc-gray-30:hover,
.focus-bc-gray-30:focus {
  border-color: rgba(102, 130, 149, 0.3) !important;
}

.border-gray-30 {
  border: 1px solid rgba(102, 130, 149, 0.3) !important;
}

.bc-gray-light-30,
.hover-bc-gray-light-30:hover,
.focus-bc-gray-light-30:focus {
  border-color: rgba(183, 196, 205, 0.3) !important;
}

.border-gray-light-30 {
  border: 1px solid rgba(183, 196, 205, 0.3) !important;
}

.bc-gray-lighter-30,
.hover-bc-gray-lighter-30:hover,
.focus-bc-gray-lighter-30:focus {
  border-color: rgba(228, 232, 235, 0.3) !important;
}

.border-gray-lighter-30 {
  border: 1px solid rgba(228, 232, 235, 0.3) !important;
}

.bc-gray-lightest-30,
.hover-bc-gray-lightest-30:hover,
.focus-bc-gray-lightest-30:focus {
  border-color: rgba(238, 241, 245, 0.3) !important;
}

.border-gray-lightest-30 {
  border: 1px solid rgba(238, 241, 245, 0.3) !important;
}

.bc-black-40,
.hover-bc-black-40:hover,
.focus-bc-black-40:focus {
  border-color: rgba(0, 0, 0, 0.4) !important;
}

.border-black-40 {
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
}

.bc-white-40,
.hover-bc-white-40:hover,
.focus-bc-white-40:focus {
  border-color: rgba(255, 255, 255, 0.4) !important;
}

.border-white-40 {
  border: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.bc-transparent-40,
.hover-bc-transparent-40:hover,
.focus-bc-transparent-40:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-40,
.hover-bc-gray-darkest-40:hover,
.focus-bc-gray-darkest-40:focus {
  border-color: rgba(54, 69, 79, 0.4) !important;
}

.border-gray-darkest-40 {
  border: 1px solid rgba(54, 69, 79, 0.4) !important;
}

.bc-gray-darker-40,
.hover-bc-gray-darker-40:hover,
.focus-bc-gray-darker-40:focus {
  border-color: rgba(70, 89, 102, 0.4) !important;
}

.border-gray-darker-40 {
  border: 1px solid rgba(70, 89, 102, 0.4) !important;
}

.bc-gray-dark-40,
.hover-bc-gray-dark-40:hover,
.focus-bc-gray-dark-40:focus {
  border-color: rgba(86, 110, 126, 0.4) !important;
}

.border-gray-dark-40 {
  border: 1px solid rgba(86, 110, 126, 0.4) !important;
}

.bc-gray-40,
.hover-bc-gray-40:hover,
.focus-bc-gray-40:focus {
  border-color: rgba(102, 130, 149, 0.4) !important;
}

.border-gray-40 {
  border: 1px solid rgba(102, 130, 149, 0.4) !important;
}

.bc-gray-light-40,
.hover-bc-gray-light-40:hover,
.focus-bc-gray-light-40:focus {
  border-color: rgba(183, 196, 205, 0.4) !important;
}

.border-gray-light-40 {
  border: 1px solid rgba(183, 196, 205, 0.4) !important;
}

.bc-gray-lighter-40,
.hover-bc-gray-lighter-40:hover,
.focus-bc-gray-lighter-40:focus {
  border-color: rgba(228, 232, 235, 0.4) !important;
}

.border-gray-lighter-40 {
  border: 1px solid rgba(228, 232, 235, 0.4) !important;
}

.bc-gray-lightest-40,
.hover-bc-gray-lightest-40:hover,
.focus-bc-gray-lightest-40:focus {
  border-color: rgba(238, 241, 245, 0.4) !important;
}

.border-gray-lightest-40 {
  border: 1px solid rgba(238, 241, 245, 0.4) !important;
}

.bc-black-50,
.hover-bc-black-50:hover,
.focus-bc-black-50:focus {
  border-color: rgba(0, 0, 0, 0.5) !important;
}

.border-black-50 {
  border: 1px solid rgba(0, 0, 0, 0.5) !important;
}

.bc-white-50,
.hover-bc-white-50:hover,
.focus-bc-white-50:focus {
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.border-white-50 {
  border: 1px solid rgba(255, 255, 255, 0.5) !important;
}

.bc-transparent-50,
.hover-bc-transparent-50:hover,
.focus-bc-transparent-50:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-50,
.hover-bc-gray-darkest-50:hover,
.focus-bc-gray-darkest-50:focus {
  border-color: rgba(54, 69, 79, 0.5) !important;
}

.border-gray-darkest-50 {
  border: 1px solid rgba(54, 69, 79, 0.5) !important;
}

.bc-gray-darker-50,
.hover-bc-gray-darker-50:hover,
.focus-bc-gray-darker-50:focus {
  border-color: rgba(70, 89, 102, 0.5) !important;
}

.border-gray-darker-50 {
  border: 1px solid rgba(70, 89, 102, 0.5) !important;
}

.bc-gray-dark-50,
.hover-bc-gray-dark-50:hover,
.focus-bc-gray-dark-50:focus {
  border-color: rgba(86, 110, 126, 0.5) !important;
}

.border-gray-dark-50 {
  border: 1px solid rgba(86, 110, 126, 0.5) !important;
}

.bc-gray-50,
.hover-bc-gray-50:hover,
.focus-bc-gray-50:focus {
  border-color: rgba(102, 130, 149, 0.5) !important;
}

.border-gray-50 {
  border: 1px solid rgba(102, 130, 149, 0.5) !important;
}

.bc-gray-light-50,
.hover-bc-gray-light-50:hover,
.focus-bc-gray-light-50:focus {
  border-color: rgba(183, 196, 205, 0.5) !important;
}

.border-gray-light-50 {
  border: 1px solid rgba(183, 196, 205, 0.5) !important;
}

.bc-gray-lighter-50,
.hover-bc-gray-lighter-50:hover,
.focus-bc-gray-lighter-50:focus {
  border-color: rgba(228, 232, 235, 0.5) !important;
}

.border-gray-lighter-50 {
  border: 1px solid rgba(228, 232, 235, 0.5) !important;
}

.bc-gray-lightest-50,
.hover-bc-gray-lightest-50:hover,
.focus-bc-gray-lightest-50:focus {
  border-color: rgba(238, 241, 245, 0.5) !important;
}

.border-gray-lightest-50 {
  border: 1px solid rgba(238, 241, 245, 0.5) !important;
}

.bc-black-60,
.hover-bc-black-60:hover,
.focus-bc-black-60:focus {
  border-color: rgba(0, 0, 0, 0.6) !important;
}

.border-black-60 {
  border: 1px solid rgba(0, 0, 0, 0.6) !important;
}

.bc-white-60,
.hover-bc-white-60:hover,
.focus-bc-white-60:focus {
  border-color: rgba(255, 255, 255, 0.6) !important;
}

.border-white-60 {
  border: 1px solid rgba(255, 255, 255, 0.6) !important;
}

.bc-transparent-60,
.hover-bc-transparent-60:hover,
.focus-bc-transparent-60:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-60,
.hover-bc-gray-darkest-60:hover,
.focus-bc-gray-darkest-60:focus {
  border-color: rgba(54, 69, 79, 0.6) !important;
}

.border-gray-darkest-60 {
  border: 1px solid rgba(54, 69, 79, 0.6) !important;
}

.bc-gray-darker-60,
.hover-bc-gray-darker-60:hover,
.focus-bc-gray-darker-60:focus {
  border-color: rgba(70, 89, 102, 0.6) !important;
}

.border-gray-darker-60 {
  border: 1px solid rgba(70, 89, 102, 0.6) !important;
}

.bc-gray-dark-60,
.hover-bc-gray-dark-60:hover,
.focus-bc-gray-dark-60:focus {
  border-color: rgba(86, 110, 126, 0.6) !important;
}

.border-gray-dark-60 {
  border: 1px solid rgba(86, 110, 126, 0.6) !important;
}

.bc-gray-60,
.hover-bc-gray-60:hover,
.focus-bc-gray-60:focus {
  border-color: rgba(102, 130, 149, 0.6) !important;
}

.border-gray-60 {
  border: 1px solid rgba(102, 130, 149, 0.6) !important;
}

.bc-gray-light-60,
.hover-bc-gray-light-60:hover,
.focus-bc-gray-light-60:focus {
  border-color: rgba(183, 196, 205, 0.6) !important;
}

.border-gray-light-60 {
  border: 1px solid rgba(183, 196, 205, 0.6) !important;
}

.bc-gray-lighter-60,
.hover-bc-gray-lighter-60:hover,
.focus-bc-gray-lighter-60:focus {
  border-color: rgba(228, 232, 235, 0.6) !important;
}

.border-gray-lighter-60 {
  border: 1px solid rgba(228, 232, 235, 0.6) !important;
}

.bc-gray-lightest-60,
.hover-bc-gray-lightest-60:hover,
.focus-bc-gray-lightest-60:focus {
  border-color: rgba(238, 241, 245, 0.6) !important;
}

.border-gray-lightest-60 {
  border: 1px solid rgba(238, 241, 245, 0.6) !important;
}

.bc-black-70,
.hover-bc-black-70:hover,
.focus-bc-black-70:focus {
  border-color: rgba(0, 0, 0, 0.7) !important;
}

.border-black-70 {
  border: 1px solid rgba(0, 0, 0, 0.7) !important;
}

.bc-white-70,
.hover-bc-white-70:hover,
.focus-bc-white-70:focus {
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.border-white-70 {
  border: 1px solid rgba(255, 255, 255, 0.7) !important;
}

.bc-transparent-70,
.hover-bc-transparent-70:hover,
.focus-bc-transparent-70:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-70,
.hover-bc-gray-darkest-70:hover,
.focus-bc-gray-darkest-70:focus {
  border-color: rgba(54, 69, 79, 0.7) !important;
}

.border-gray-darkest-70 {
  border: 1px solid rgba(54, 69, 79, 0.7) !important;
}

.bc-gray-darker-70,
.hover-bc-gray-darker-70:hover,
.focus-bc-gray-darker-70:focus {
  border-color: rgba(70, 89, 102, 0.7) !important;
}

.border-gray-darker-70 {
  border: 1px solid rgba(70, 89, 102, 0.7) !important;
}

.bc-gray-dark-70,
.hover-bc-gray-dark-70:hover,
.focus-bc-gray-dark-70:focus {
  border-color: rgba(86, 110, 126, 0.7) !important;
}

.border-gray-dark-70 {
  border: 1px solid rgba(86, 110, 126, 0.7) !important;
}

.bc-gray-70,
.hover-bc-gray-70:hover,
.focus-bc-gray-70:focus {
  border-color: rgba(102, 130, 149, 0.7) !important;
}

.border-gray-70 {
  border: 1px solid rgba(102, 130, 149, 0.7) !important;
}

.bc-gray-light-70,
.hover-bc-gray-light-70:hover,
.focus-bc-gray-light-70:focus {
  border-color: rgba(183, 196, 205, 0.7) !important;
}

.border-gray-light-70 {
  border: 1px solid rgba(183, 196, 205, 0.7) !important;
}

.bc-gray-lighter-70,
.hover-bc-gray-lighter-70:hover,
.focus-bc-gray-lighter-70:focus {
  border-color: rgba(228, 232, 235, 0.7) !important;
}

.border-gray-lighter-70 {
  border: 1px solid rgba(228, 232, 235, 0.7) !important;
}

.bc-gray-lightest-70,
.hover-bc-gray-lightest-70:hover,
.focus-bc-gray-lightest-70:focus {
  border-color: rgba(238, 241, 245, 0.7) !important;
}

.border-gray-lightest-70 {
  border: 1px solid rgba(238, 241, 245, 0.7) !important;
}

.bc-black-80,
.hover-bc-black-80:hover,
.focus-bc-black-80:focus {
  border-color: rgba(0, 0, 0, 0.8) !important;
}

.border-black-80 {
  border: 1px solid rgba(0, 0, 0, 0.8) !important;
}

.bc-white-80,
.hover-bc-white-80:hover,
.focus-bc-white-80:focus {
  border-color: rgba(255, 255, 255, 0.8) !important;
}

.border-white-80 {
  border: 1px solid rgba(255, 255, 255, 0.8) !important;
}

.bc-transparent-80,
.hover-bc-transparent-80:hover,
.focus-bc-transparent-80:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-80,
.hover-bc-gray-darkest-80:hover,
.focus-bc-gray-darkest-80:focus {
  border-color: rgba(54, 69, 79, 0.8) !important;
}

.border-gray-darkest-80 {
  border: 1px solid rgba(54, 69, 79, 0.8) !important;
}

.bc-gray-darker-80,
.hover-bc-gray-darker-80:hover,
.focus-bc-gray-darker-80:focus {
  border-color: rgba(70, 89, 102, 0.8) !important;
}

.border-gray-darker-80 {
  border: 1px solid rgba(70, 89, 102, 0.8) !important;
}

.bc-gray-dark-80,
.hover-bc-gray-dark-80:hover,
.focus-bc-gray-dark-80:focus {
  border-color: rgba(86, 110, 126, 0.8) !important;
}

.border-gray-dark-80 {
  border: 1px solid rgba(86, 110, 126, 0.8) !important;
}

.bc-gray-80,
.hover-bc-gray-80:hover,
.focus-bc-gray-80:focus {
  border-color: rgba(102, 130, 149, 0.8) !important;
}

.border-gray-80 {
  border: 1px solid rgba(102, 130, 149, 0.8) !important;
}

.bc-gray-light-80,
.hover-bc-gray-light-80:hover,
.focus-bc-gray-light-80:focus {
  border-color: rgba(183, 196, 205, 0.8) !important;
}

.border-gray-light-80 {
  border: 1px solid rgba(183, 196, 205, 0.8) !important;
}

.bc-gray-lighter-80,
.hover-bc-gray-lighter-80:hover,
.focus-bc-gray-lighter-80:focus {
  border-color: rgba(228, 232, 235, 0.8) !important;
}

.border-gray-lighter-80 {
  border: 1px solid rgba(228, 232, 235, 0.8) !important;
}

.bc-gray-lightest-80,
.hover-bc-gray-lightest-80:hover,
.focus-bc-gray-lightest-80:focus {
  border-color: rgba(238, 241, 245, 0.8) !important;
}

.border-gray-lightest-80 {
  border: 1px solid rgba(238, 241, 245, 0.8) !important;
}

.bc-black-90,
.hover-bc-black-90:hover,
.focus-bc-black-90:focus {
  border-color: rgba(0, 0, 0, 0.9) !important;
}

.border-black-90 {
  border: 1px solid rgba(0, 0, 0, 0.9) !important;
}

.bc-white-90,
.hover-bc-white-90:hover,
.focus-bc-white-90:focus {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.border-white-90 {
  border: 1px solid rgba(255, 255, 255, 0.9) !important;
}

.bc-transparent-90,
.hover-bc-transparent-90:hover,
.focus-bc-transparent-90:focus {
  border-color: rgba(0, 0, 0, 0) !important;
}

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

.bc-gray-darkest-90,
.hover-bc-gray-darkest-90:hover,
.focus-bc-gray-darkest-90:focus {
  border-color: rgba(54, 69, 79, 0.9) !important;
}

.border-gray-darkest-90 {
  border: 1px solid rgba(54, 69, 79, 0.9) !important;
}

.bc-gray-darker-90,
.hover-bc-gray-darker-90:hover,
.focus-bc-gray-darker-90:focus {
  border-color: rgba(70, 89, 102, 0.9) !important;
}

.border-gray-darker-90 {
  border: 1px solid rgba(70, 89, 102, 0.9) !important;
}

.bc-gray-dark-90,
.hover-bc-gray-dark-90:hover,
.focus-bc-gray-dark-90:focus {
  border-color: rgba(86, 110, 126, 0.9) !important;
}

.border-gray-dark-90 {
  border: 1px solid rgba(86, 110, 126, 0.9) !important;
}

.bc-gray-90,
.hover-bc-gray-90:hover,
.focus-bc-gray-90:focus {
  border-color: rgba(102, 130, 149, 0.9) !important;
}

.border-gray-90 {
  border: 1px solid rgba(102, 130, 149, 0.9) !important;
}

.bc-gray-light-90,
.hover-bc-gray-light-90:hover,
.focus-bc-gray-light-90:focus {
  border-color: rgba(183, 196, 205, 0.9) !important;
}

.border-gray-light-90 {
  border: 1px solid rgba(183, 196, 205, 0.9) !important;
}

.bc-gray-lighter-90,
.hover-bc-gray-lighter-90:hover,
.focus-bc-gray-lighter-90:focus {
  border-color: rgba(228, 232, 235, 0.9) !important;
}

.border-gray-lighter-90 {
  border: 1px solid rgba(228, 232, 235, 0.9) !important;
}

.bc-gray-lightest-90,
.hover-bc-gray-lightest-90:hover,
.focus-bc-gray-lightest-90:focus {
  border-color: rgba(238, 241, 245, 0.9) !important;
}

.border-gray-lightest-90 {
  border: 1px solid rgba(238, 241, 245, 0.9) !important;
}

.border-t {
  border-top: 1px solid #E4E8EB;
}

.border-r {
  border-right: 1px solid #E4E8EB;
}

.border-b {
  border-bottom: 1px solid #E4E8EB;
}

.border-l {
  border-left: 1px solid #E4E8EB;
}

/**
  border style
  shorthand: .{screen}-border-{style}
*/
.border-none,
.hover-border-none:hover,
.focus-border-none:focus {
  border-style: none !important;
}

.border-dotted,
.hover-border-dotted:hover,
.focus-border-dotted:focus {
  border-style: dotted !important;
}

.border-dashed,
.hover-border-dashed:hover,
.focus-border-dashed:focus {
  border-style: dashed !important;
}

.border-solid,
.hover-border-solid:hover,
.focus-border-solid:focus {
  border-style: solid !important;
}

.border-double,
.hover-border-double:hover,
.focus-border-double:focus {
  border-style: double !important;
}

@media (min-width: 576px) {
  .sm-border-none {
    border-style: none !important;
  }
  .sm-border-dotted {
    border-style: dotted !important;
  }
  .sm-border-dashed {
    border-style: dashed !important;
  }
  .sm-border-solid {
    border-style: solid !important;
  }
  .sm-border-double {
    border-style: double !important;
  }
}

@media (min-width: 768px) {
  .md-border-none {
    border-style: none !important;
  }
  .md-border-dotted {
    border-style: dotted !important;
  }
  .md-border-dashed {
    border-style: dashed !important;
  }
  .md-border-solid {
    border-style: solid !important;
  }
  .md-border-double {
    border-style: double !important;
  }
}

@media (min-width: 992px) {
  .lg-border-none {
    border-style: none !important;
  }
  .lg-border-dotted {
    border-style: dotted !important;
  }
  .lg-border-dashed {
    border-style: dashed !important;
  }
  .lg-border-solid {
    border-style: solid !important;
  }
  .lg-border-double {
    border-style: double !important;
  }
}

@media (min-width: 1200px) {
  .xl-border-none {
    border-style: none !important;
  }
  .xl-border-dotted {
    border-style: dotted !important;
  }
  .xl-border-dashed {
    border-style: dashed !important;
  }
  .xl-border-solid {
    border-style: solid !important;
  }
  .xl-border-double {
    border-style: double !important;
  }
}

/**
Direction
*/
.flex-row {
  flex-direction: row !important;
}

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

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

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

@media (min-width: 576px) {
  .sm-flex-row {
    flex-direction: row !important;
  }
  .sm-flex-column {
    flex-direction: column !important;
  }
  .sm-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .sm-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 768px) {
  .md-flex-row {
    flex-direction: row !important;
  }
  .md-flex-column {
    flex-direction: column !important;
  }
  .md-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .md-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 992px) {
  .lg-flex-row {
    flex-direction: row !important;
  }
  .lg-flex-column {
    flex-direction: column !important;
  }
  .lg-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .lg-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

@media (min-width: 1200px) {
  .xl-flex-row {
    flex-direction: row !important;
  }
  .xl-flex-column {
    flex-direction: column !important;
  }
  .xl-flex-row-reverse {
    flex-direction: row-reverse !important;
  }
  .xl-flex-column-reverse {
    flex-direction: column-reverse !important;
  }
}

/**
Wrap
*/
.flex-wrap {
  flex-wrap: wrap !important;
}

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

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

@media (min-width: 576px) {
  .sm-flex-wrap {
    flex-wrap: wrap !important;
  }
  .sm-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .sm-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 768px) {
  .md-flex-wrap {
    flex-wrap: wrap !important;
  }
  .md-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .md-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 992px) {
  .lg-flex-wrap {
    flex-wrap: wrap !important;
  }
  .lg-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .lg-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}

@media (min-width: 1200px) {
  .xl-flex-wrap {
    flex-wrap: wrap !important;
  }
  .xl-flex-nowrap {
    flex-wrap: nowrap !important;
  }
  .xl-flex-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
}

/**
Justify Content
*/
.justify-start {
  justify-content: flex-start !important;
}

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

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

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

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

@media (min-width: 576px) {
  .sm-justify-start {
    justify-content: flex-start !important;
  }
  .sm-justify-end {
    justify-content: flex-end !important;
  }
  .sm-justify-center {
    justify-content: center !important;
  }
  .sm-justify-between {
    justify-content: space-between !important;
  }
  .sm-justify-around {
    justify-content: space-around !important;
  }
}

@media (min-width: 768px) {
  .md-justify-start {
    justify-content: flex-start !important;
  }
  .md-justify-end {
    justify-content: flex-end !important;
  }
  .md-justify-center {
    justify-content: center !important;
  }
  .md-justify-between {
    justify-content: space-between !important;
  }
  .md-justify-around {
    justify-content: space-around !important;
  }
}

@media (min-width: 992px) {
  .lg-justify-start {
    justify-content: flex-start !important;
  }
  .lg-justify-end {
    justify-content: flex-end !important;
  }
  .lg-justify-center {
    justify-content: center !important;
  }
  .lg-justify-between {
    justify-content: space-between !important;
  }
  .lg-justify-around {
    justify-content: space-around !important;
  }
}

@media (min-width: 1200px) {
  .xl-justify-start {
    justify-content: flex-start !important;
  }
  .xl-justify-end {
    justify-content: flex-end !important;
  }
  .xl-justify-center {
    justify-content: center !important;
  }
  .xl-justify-between {
    justify-content: space-between !important;
  }
  .xl-justify-around {
    justify-content: space-around !important;
  }
}

/**
Align Content
*/
.content-start {
  align-content: flex-start !important;
}

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

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

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

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

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

@media (min-width: 576px) {
  .sm-content-start {
    align-content: flex-start !important;
  }
  .sm-content-end {
    align-content: flex-end !important;
  }
  .sm-content-center {
    align-content: center !important;
  }
  .sm-content-between {
    align-content: space-between !important;
  }
  .sm-content-around {
    align-content: space-around !important;
  }
  .sm-content-stretch {
    align-content: stretch !important;
  }
}

@media (min-width: 768px) {
  .md-content-start {
    align-content: flex-start !important;
  }
  .md-content-end {
    align-content: flex-end !important;
  }
  .md-content-center {
    align-content: center !important;
  }
  .md-content-between {
    align-content: space-between !important;
  }
  .md-content-around {
    align-content: space-around !important;
  }
  .md-content-stretch {
    align-content: stretch !important;
  }
}

@media (min-width: 992px) {
  .lg-content-start {
    align-content: flex-start !important;
  }
  .lg-content-end {
    align-content: flex-end !important;
  }
  .lg-content-center {
    align-content: center !important;
  }
  .lg-content-between {
    align-content: space-between !important;
  }
  .lg-content-around {
    align-content: space-around !important;
  }
  .lg-content-stretch {
    align-content: stretch !important;
  }
}

@media (min-width: 1200px) {
  .xl-content-start {
    align-content: flex-start !important;
  }
  .xl-content-end {
    align-content: flex-end !important;
  }
  .xl-content-center {
    align-content: center !important;
  }
  .xl-content-between {
    align-content: space-between !important;
  }
  .xl-content-around {
    align-content: space-around !important;
  }
  .xl-content-stretch {
    align-content: stretch !important;
  }
}

/**
Align Items
*/
.items-start {
  align-items: flex-start !important;
}

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

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

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

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

@media (min-width: 576px) {
  .sm-items-start {
    align-items: flex-start !important;
  }
  .sm-items-end {
    align-items: flex-end !important;
  }
  .sm-items-center {
    align-items: center !important;
  }
  .sm-items-stretch {
    align-items: stretch !important;
  }
  .sm-items-baseline {
    align-items: baseline !important;
  }
}

@media (min-width: 768px) {
  .md-items-start {
    align-items: flex-start !important;
  }
  .md-items-end {
    align-items: flex-end !important;
  }
  .md-items-center {
    align-items: center !important;
  }
  .md-items-stretch {
    align-items: stretch !important;
  }
  .md-items-baseline {
    align-items: baseline !important;
  }
}

@media (min-width: 992px) {
  .lg-items-start {
    align-items: flex-start !important;
  }
  .lg-items-end {
    align-items: flex-end !important;
  }
  .lg-items-center {
    align-items: center !important;
  }
  .lg-items-stretch {
    align-items: stretch !important;
  }
  .lg-items-baseline {
    align-items: baseline !important;
  }
}

@media (min-width: 1200px) {
  .xl-items-start {
    align-items: flex-start !important;
  }
  .xl-items-end {
    align-items: flex-end !important;
  }
  .xl-items-center {
    align-items: center !important;
  }
  .xl-items-stretch {
    align-items: stretch !important;
  }
  .xl-items-baseline {
    align-items: baseline !important;
  }
}

/**
Align Self
*/
.self-start {
  align-self: flex-start !important;
}

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

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

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

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

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

@media (min-width: 576px) {
  .sm-self-start {
    align-self: flex-start !important;
  }
  .sm-self-end {
    align-self: flex-end !important;
  }
  .sm-self-center {
    align-self: center !important;
  }
  .sm-self-stretch {
    align-self: stretch !important;
  }
  .sm-self-baseline {
    align-self: baseline !important;
  }
  .sm-self-auto {
    align-self: auto !important;
  }
}

@media (min-width: 768px) {
  .md-self-start {
    align-self: flex-start !important;
  }
  .md-self-end {
    align-self: flex-end !important;
  }
  .md-self-center {
    align-self: center !important;
  }
  .md-self-stretch {
    align-self: stretch !important;
  }
  .md-self-baseline {
    align-self: baseline !important;
  }
  .md-self-auto {
    align-self: auto !important;
  }
}

@media (min-width: 992px) {
  .lg-self-start {
    align-self: flex-start !important;
  }
  .lg-self-end {
    align-self: flex-end !important;
  }
  .lg-self-center {
    align-self: center !important;
  }
  .lg-self-stretch {
    align-self: stretch !important;
  }
  .lg-self-baseline {
    align-self: baseline !important;
  }
  .lg-self-auto {
    align-self: auto !important;
  }
}

@media (min-width: 1200px) {
  .xl-self-start {
    align-self: flex-start !important;
  }
  .xl-self-end {
    align-self: flex-end !important;
  }
  .xl-self-center {
    align-self: center !important;
  }
  .xl-self-stretch {
    align-self: stretch !important;
  }
  .xl-self-baseline {
    align-self: baseline !important;
  }
  .xl-self-auto {
    align-self: auto !important;
  }
}

/**
Order
*/
.order-first {
  order: -100 !important;
}

.order-last {
  order: 100 !important;
}

.order-0 {
  order: 0 !important;
}

.order-1 {
  order: 1 !important;
}

.order-2 {
  order: 2 !important;
}

.order-3 {
  order: 3 !important;
}

.order-4 {
  order: 4 !important;
}

.order-5 {
  order: 5 !important;
}

.order-6 {
  order: 6 !important;
}

.order-7 {
  order: 7 !important;
}

.order-8 {
  order: 8 !important;
}

.order-9 {
  order: 9 !important;
}

.order-10 {
  order: 10 !important;
}

.order-11 {
  order: 11 !important;
}

.order-12 {
  order: 12 !important;
}

@media (min-width: 576px) {
  .sm-order-first {
    order: -100 !important;
  }
  .sm-order-last {
    order: 100 !important;
  }
  .sm-order-0 {
    order: 0 !important;
  }
  .sm-order-1 {
    order: 1 !important;
  }
  .sm-order-2 {
    order: 2 !important;
  }
  .sm-order-3 {
    order: 3 !important;
  }
  .sm-order-4 {
    order: 4 !important;
  }
  .sm-order-5 {
    order: 5 !important;
  }
  .sm-order-6 {
    order: 6 !important;
  }
  .sm-order-7 {
    order: 7 !important;
  }
  .sm-order-8 {
    order: 8 !important;
  }
  .sm-order-9 {
    order: 9 !important;
  }
  .sm-order-10 {
    order: 10 !important;
  }
  .sm-order-11 {
    order: 11 !important;
  }
  .sm-order-12 {
    order: 12 !important;
  }
}

@media (min-width: 768px) {
  .md-order-first {
    order: -100 !important;
  }
  .md-order-last {
    order: 100 !important;
  }
  .md-order-0 {
    order: 0 !important;
  }
  .md-order-1 {
    order: 1 !important;
  }
  .md-order-2 {
    order: 2 !important;
  }
  .md-order-3 {
    order: 3 !important;
  }
  .md-order-4 {
    order: 4 !important;
  }
  .md-order-5 {
    order: 5 !important;
  }
  .md-order-6 {
    order: 6 !important;
  }
  .md-order-7 {
    order: 7 !important;
  }
  .md-order-8 {
    order: 8 !important;
  }
  .md-order-9 {
    order: 9 !important;
  }
  .md-order-10 {
    order: 10 !important;
  }
  .md-order-11 {
    order: 11 !important;
  }
  .md-order-12 {
    order: 12 !important;
  }
}

@media (min-width: 992px) {
  .lg-order-first {
    order: -100 !important;
  }
  .lg-order-last {
    order: 100 !important;
  }
  .lg-order-0 {
    order: 0 !important;
  }
  .lg-order-1 {
    order: 1 !important;
  }
  .lg-order-2 {
    order: 2 !important;
  }
  .lg-order-3 {
    order: 3 !important;
  }
  .lg-order-4 {
    order: 4 !important;
  }
  .lg-order-5 {
    order: 5 !important;
  }
  .lg-order-6 {
    order: 6 !important;
  }
  .lg-order-7 {
    order: 7 !important;
  }
  .lg-order-8 {
    order: 8 !important;
  }
  .lg-order-9 {
    order: 9 !important;
  }
  .lg-order-10 {
    order: 10 !important;
  }
  .lg-order-11 {
    order: 11 !important;
  }
  .lg-order-12 {
    order: 12 !important;
  }
}

@media (min-width: 1200px) {
  .xl-order-first {
    order: -100 !important;
  }
  .xl-order-last {
    order: 100 !important;
  }
  .xl-order-0 {
    order: 0 !important;
  }
  .xl-order-1 {
    order: 1 !important;
  }
  .xl-order-2 {
    order: 2 !important;
  }
  .xl-order-3 {
    order: 3 !important;
  }
  .xl-order-4 {
    order: 4 !important;
  }
  .xl-order-5 {
    order: 5 !important;
  }
  .xl-order-6 {
    order: 6 !important;
  }
  .xl-order-7 {
    order: 7 !important;
  }
  .xl-order-8 {
    order: 8 !important;
  }
  .xl-order-9 {
    order: 9 !important;
  }
  .xl-order-10 {
    order: 10 !important;
  }
  .xl-order-11 {
    order: 11 !important;
  }
  .xl-order-12 {
    order: 12 !important;
  }
}

/**
fill, equal, grow, and shrink
*/
.flex-fill, .flex-auto {
  flex: 1 1 auto !important;
}

.flex-equal {
  flex: 1 1 0% !important;
}

.flex-grow-0 {
  flex-grow: 0 !important;
}

.flex-grow-1 {
  flex-grow: 1 !important;
}

.flex-shrink-0 {
  flex-shrink: 0 !important;
}

.flex-shrink-1 {
  flex-shrink: 1 !important;
}

.flex-none {
  flex: 0 0 auto;
}

.flex-initial {
  flex: 0 1 auto;
}

/* 
Typography:
  color
  font-family
  font-size 
  font-weight
  line-height 
  letter-spacing
  text-align
  text-transform
  font-style
  word-spacing
  text-stroke-width
  text-stroke-color
*/
/**
text color, font color
*/
.black,
.hover-black:hover {
  color: #000000 !important;
}

.white,
.hover-white:hover {
  color: #FFFFFF !important;
}

.transparent,
.hover-transparent:hover {
  color: transparent !important;
}

.gray-darkest,
.hover-gray-darkest:hover {
  color: #36454F !important;
}

.gray-darker,
.hover-gray-darker:hover {
  color: #465966 !important;
}

.gray-dark,
.hover-gray-dark:hover {
  color: #566E7E !important;
}

.gray,
.hover-gray:hover {
  color: #668295 !important;
}

.gray-light,
.hover-gray-light:hover {
  color: #B7C4CD !important;
}

.gray-lighter,
.hover-gray-lighter:hover {
  color: #E4E8EB !important;
}

.gray-lightest,
.hover-gray-lightest:hover {
  color: #EEF1F5 !important;
}

/**
font-family
*/
.sans {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.serif {
  font-family: Georgia, Cambria, "Times New Roman", Times, serif !important;
}

.mono {
  font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important;
}

.lato {
  font-family: 'Lato', sans-serif !important;
}

.lora {
  font-family: 'Lora', serif !important;
}

.montserrat {
  font-family: 'Montserrat', sans-serif !important;
}

.muli {
  font-family: 'Muli', sans-serif !important;
}

.noto-sans {
  font-family: 'Noto Sans', sans-serif !important;
}

.open-sans {
  font-family: 'Open Sans', sans-serif !important;
}

.pt-serif {
  font-family: 'PT Serif', serif !important;
}

.playfair-display {
  font-family: 'Playfair Display', serif !important;
}

.poppins {
  font-family: 'Poppins', sans-serif !important;
}

.roboto {
  font-family: 'Roboto', sans-serif !important;
}

.space-mono {
  font-family: 'Space Mono', monospace !important;
}

.dosis {
  font-family: 'Dosis', sans-serif !important;
}

.fira-sans {
  font-family: 'Fira Sans', sans-serif !important;
}

.cabin {
  font-family: 'Cabin', sans-serif !important;
}

.raleway {
  font-family: 'Raleway', sans-serif !important;
}

.pt-sans {
  font-family: 'PT Sans', sans-serif !important;
}

.titillium-web {
  font-family: 'Titillium Web', sans-serif !important;
}

.bitter {
  font-family: 'Bitter', serif !important;
}

.lobster {
  font-family: 'Lobster', cursive !important;
}

.barlow {
  font-family: 'Barlow', sans-serif !important;
}

.abel {
  font-family: 'Abel', sans-serif !important;
}

.asap {
  font-family: 'Asap', sans-serif !important;
}

.archivo-narrow {
  font-family: 'Archivo Narrow', sans-serif !important;
}

.barlow-condensed {
  font-family: 'Barlow Condensed', sans-serif !important;
}

.bree-serif {
  font-family: 'Bree Serif', serif !important;
}

.crete-round {
  font-family: 'Crete Round', serif !important;
}

.lobster-two {
  font-family: 'Lobster Two', cursive !important;
}

.pacifico {
  font-family: 'Pacifico', cursive !important;
}

.caveat {
  font-family: 'Caveat', cursive !important;
}

.satisfy {
  font-family: 'Satisfy', cursive !important;
}

.cookie {
  font-family: 'Cookie', cursive !important;
}

.handlee {
  font-family: 'Handlee', cursive !important;
}

.yellowtail {
  font-family: 'Yellowtail', cursive !important;
}

.dancing-script {
  font-family: 'Dancing Script', cursive !important;
}

.great-vibes {
  font-family: 'Great Vibes', cursive !important;
}

.fira-code {
  font-family: 'Fira Code', monospace !important;
}

/**
font-size
*/
.fs-s5 {
  font-size: 0.5rem !important;
}

.fs-s4 {
  font-size: 0.6rem !important;
}

.fs-s3 {
  font-size: 0.7rem !important;
}

.fs-s2 {
  font-size: 0.8rem !important;
}

.fs-s1 {
  font-size: 0.9rem !important;
}

.fs-m1 {
  font-size: 1.125rem !important;
}

.fs-m2 {
  font-size: 1.25rem !important;
}

.fs-m3 {
  font-size: 1.5rem !important;
}

.fs-m4 {
  font-size: 1.75rem !important;
}

.fs-m5 {
  font-size: 2rem !important;
}

.fs-l1 {
  font-size: 2.25rem !important;
}

.fs-l2 {
  font-size: 2.5rem !important;
}

.fs-l3 {
  font-size: 3rem !important;
}

.fs-l4 {
  font-size: 3.5rem !important;
}

.fs-l5 {
  font-size: 4rem !important;
}

.fs-xl1 {
  font-size: 5rem !important;
}

.fs-xl2 {
  font-size: 6rem !important;
}

.fs-xl3 {
  font-size: 7rem !important;
}

.fs-xl4 {
  font-size: 8rem !important;
}

.fs-xl5 {
  font-size: 9rem !important;
}

@media (min-width: 576px) {
  .sm-fs-s5 {
    font-size: 0.5rem !important;
  }
  .sm-fs-s4 {
    font-size: 0.6rem !important;
  }
  .sm-fs-s3 {
    font-size: 0.7rem !important;
  }
  .sm-fs-s2 {
    font-size: 0.8rem !important;
  }
  .sm-fs-s1 {
    font-size: 0.9rem !important;
  }
  .sm-fs-m1 {
    font-size: 1.125rem !important;
  }
  .sm-fs-m2 {
    font-size: 1.25rem !important;
  }
  .sm-fs-m3 {
    font-size: 1.5rem !important;
  }
  .sm-fs-m4 {
    font-size: 1.75rem !important;
  }
  .sm-fs-m5 {
    font-size: 2rem !important;
  }
  .sm-fs-l1 {
    font-size: 2.25rem !important;
  }
  .sm-fs-l2 {
    font-size: 2.5rem !important;
  }
  .sm-fs-l3 {
    font-size: 3rem !important;
  }
  .sm-fs-l4 {
    font-size: 3.5rem !important;
  }
  .sm-fs-l5 {
    font-size: 4rem !important;
  }
  .sm-fs-xl1 {
    font-size: 5rem !important;
  }
  .sm-fs-xl2 {
    font-size: 6rem !important;
  }
  .sm-fs-xl3 {
    font-size: 7rem !important;
  }
  .sm-fs-xl4 {
    font-size: 8rem !important;
  }
  .sm-fs-xl5 {
    font-size: 9rem !important;
  }
}

@media (min-width: 768px) {
  .md-fs-s5 {
    font-size: 0.5rem !important;
  }
  .md-fs-s4 {
    font-size: 0.6rem !important;
  }
  .md-fs-s3 {
    font-size: 0.7rem !important;
  }
  .md-fs-s2 {
    font-size: 0.8rem !important;
  }
  .md-fs-s1 {
    font-size: 0.9rem !important;
  }
  .md-fs-m1 {
    font-size: 1.125rem !important;
  }
  .md-fs-m2 {
    font-size: 1.25rem !important;
  }
  .md-fs-m3 {
    font-size: 1.5rem !important;
  }
  .md-fs-m4 {
    font-size: 1.75rem !important;
  }
  .md-fs-m5 {
    font-size: 2rem !important;
  }
  .md-fs-l1 {
    font-size: 2.25rem !important;
  }
  .md-fs-l2 {
    font-size: 2.5rem !important;
  }
  .md-fs-l3 {
    font-size: 3rem !important;
  }
  .md-fs-l4 {
    font-size: 3.5rem !important;
  }
  .md-fs-l5 {
    font-size: 4rem !important;
  }
  .md-fs-xl1 {
    font-size: 5rem !important;
  }
  .md-fs-xl2 {
    font-size: 6rem !important;
  }
  .md-fs-xl3 {
    font-size: 7rem !important;
  }
  .md-fs-xl4 {
    font-size: 8rem !important;
  }
  .md-fs-xl5 {
    font-size: 9rem !important;
  }
}

@media (min-width: 992px) {
  .lg-fs-s5 {
    font-size: 0.5rem !important;
  }
  .lg-fs-s4 {
    font-size: 0.6rem !important;
  }
  .lg-fs-s3 {
    font-size: 0.7rem !important;
  }
  .lg-fs-s2 {
    font-size: 0.8rem !important;
  }
  .lg-fs-s1 {
    font-size: 0.9rem !important;
  }
  .lg-fs-m1 {
    font-size: 1.125rem !important;
  }
  .lg-fs-m2 {
    font-size: 1.25rem !important;
  }
  .lg-fs-m3 {
    font-size: 1.5rem !important;
  }
  .lg-fs-m4 {
    font-size: 1.75rem !important;
  }
  .lg-fs-m5 {
    font-size: 2rem !important;
  }
  .lg-fs-l1 {
    font-size: 2.25rem !important;
  }
  .lg-fs-l2 {
    font-size: 2.5rem !important;
  }
  .lg-fs-l3 {
    font-size: 3rem !important;
  }
  .lg-fs-l4 {
    font-size: 3.5rem !important;
  }
  .lg-fs-l5 {
    font-size: 4rem !important;
  }
  .lg-fs-xl1 {
    font-size: 5rem !important;
  }
  .lg-fs-xl2 {
    font-size: 6rem !important;
  }
  .lg-fs-xl3 {
    font-size: 7rem !important;
  }
  .lg-fs-xl4 {
    font-size: 8rem !important;
  }
  .lg-fs-xl5 {
    font-size: 9rem !important;
  }
}

@media (min-width: 1200px) {
  .xl-fs-s5 {
    font-size: 0.5rem !important;
  }
  .xl-fs-s4 {
    font-size: 0.6rem !important;
  }
  .xl-fs-s3 {
    font-size: 0.7rem !important;
  }
  .xl-fs-s2 {
    font-size: 0.8rem !important;
  }
  .xl-fs-s1 {
    font-size: 0.9rem !important;
  }
  .xl-fs-m1 {
    font-size: 1.125rem !important;
  }
  .xl-fs-m2 {
    font-size: 1.25rem !important;
  }
  .xl-fs-m3 {
    font-size: 1.5rem !important;
  }
  .xl-fs-m4 {
    font-size: 1.75rem !important;
  }
  .xl-fs-m5 {
    font-size: 2rem !important;
  }
  .xl-fs-l1 {
    font-size: 2.25rem !important;
  }
  .xl-fs-l2 {
    font-size: 2.5rem !important;
  }
  .xl-fs-l3 {
    font-size: 3rem !important;
  }
  .xl-fs-l4 {
    font-size: 3.5rem !important;
  }
  .xl-fs-l5 {
    font-size: 4rem !important;
  }
  .xl-fs-xl1 {
    font-size: 5rem !important;
  }
  .xl-fs-xl2 {
    font-size: 6rem !important;
  }
  .xl-fs-xl3 {
    font-size: 7rem !important;
  }
  .xl-fs-xl4 {
    font-size: 8rem !important;
  }
  .xl-fs-xl5 {
    font-size: 9rem !important;
  }
}

/**
font-weight
*/
.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.fw-bold {
  font-weight: bold !important;
}

/**
line-height
*/
.lh-1 {
  line-height: 1 !important;
}

.lh-2 {
  line-height: 1.25 !important;
}

.lh-3 {
  line-height: 1.5 !important;
}

.lh-4 {
  line-height: 1.75 !important;
}

.lh-5 {
  line-height: 2 !important;
}

.lh-6 {
  line-height: 2.25 !important;
}

.lh-7 {
  line-height: 2.5 !important;
}

/**
  letter spacing
*/
.ls-tightest,
.hover-ls-tightest:hover {
  letter-spacing: -1px;
}

.ls-tighter,
.hover-ls-tighter:hover {
  letter-spacing: -0.75px;
}

.ls-tight,
.hover-ls-tight:hover {
  letter-spacing: -0.5px;
}

.ls-none,
.hover-ls-none:hover {
  letter-spacing: 0;
}

.ls-wide,
.hover-ls-wide:hover {
  letter-spacing: 0.5px;
}

.ls-wider,
.hover-ls-wider:hover {
  letter-spacing: 0.75px;
}

.ls-widest,
.hover-ls-widest:hover {
  letter-spacing: 1px;
}

/**
  text align
  */
.text-left {
  text-align: left;
}

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

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

.text-justify {
  text-align: justify;
}

/**
  text decoration
  */
.underline,
.hover-underline:hover {
  text-decoration: underline !important;
}

.line-through,
.hover-line-through:hover {
  text-decoration: line-through !important;
}

.no-underline,
.hover-no-underline:hover {
  text-decoration: none !important;
}

/**
underline-style
*/
.underline-solid,
.hover-underline-solid:hover {
  text-decoration: underline;
  -webkit-text-decoration-style: solid !important;
          text-decoration-style: solid !important;
}

.underline-double,
.hover-underline-double:hover {
  text-decoration: underline;
  -webkit-text-decoration-style: double !important;
          text-decoration-style: double !important;
}

.underline-dotted,
.hover-underline-dotted:hover {
  text-decoration: underline;
  -webkit-text-decoration-style: dotted !important;
          text-decoration-style: dotted !important;
}

.underline-dashed,
.hover-underline-dashed:hover {
  text-decoration: underline;
  -webkit-text-decoration-style: dashed !important;
          text-decoration-style: dashed !important;
}

.underline-wavy,
.hover-underline-wavy:hover {
  text-decoration: underline;
  -webkit-text-decoration-style: wavy !important;
          text-decoration-style: wavy !important;
}

/**
underline-color
*/
.underline-black {
  text-decoration: underline;
  -webkit-text-decoration-color: #000000 !important;
          text-decoration-color: #000000 !important;
}

.underline-white {
  text-decoration: underline;
  -webkit-text-decoration-color: #FFFFFF !important;
          text-decoration-color: #FFFFFF !important;
}

.underline-transparent {
  text-decoration: underline;
  -webkit-text-decoration-color: transparent !important;
          text-decoration-color: transparent !important;
}

.underline-gray-darkest {
  text-decoration: underline;
  -webkit-text-decoration-color: #36454F !important;
          text-decoration-color: #36454F !important;
}

.underline-gray-darker {
  text-decoration: underline;
  -webkit-text-decoration-color: #465966 !important;
          text-decoration-color: #465966 !important;
}

.underline-gray-dark {
  text-decoration: underline;
  -webkit-text-decoration-color: #566E7E !important;
          text-decoration-color: #566E7E !important;
}

.underline-gray {
  text-decoration: underline;
  -webkit-text-decoration-color: #668295 !important;
          text-decoration-color: #668295 !important;
}

.underline-gray-light {
  text-decoration: underline;
  -webkit-text-decoration-color: #B7C4CD !important;
          text-decoration-color: #B7C4CD !important;
}

.underline-gray-lighter {
  text-decoration: underline;
  -webkit-text-decoration-color: #E4E8EB !important;
          text-decoration-color: #E4E8EB !important;
}

.underline-gray-lightest {
  text-decoration: underline;
  -webkit-text-decoration-color: #EEF1F5 !important;
          text-decoration-color: #EEF1F5 !important;
}

/**
  Text Transform
  */
.uppercase {
  text-transform: uppercase;
}

.lowercase {
  text-transform: lowercase;
}

.capitalize {
  text-transform: capitalize;
}

/**
white-space
*/
.ws-normal {
  white-space: normal;
}

.ws-nowrap {
  white-space: nowrap;
}

.ws-pre {
  white-space: pre;
}

.ws-pre-line {
  white-space: pre-line;
}

.ws-pre-wrap {
  white-space: pre-wrap;
}

.ws-inherit {
  white-space: inherit;
}

/**
font-style
*/
.italic {
  font-style: italic;
}

.not-italic {
  font-style: normal;
}

/**
  word spacing
*/
.ws-tightest,
.hover-ws-tightest:hover {
  word-spacing: -2px;
}

.ws-tighter,
.hover-ws-tighter:hover {
  word-spacing: -0.1px;
}

.ws-tight,
.hover-ws-tight:hover {
  word-spacing: -0.5px;
}

.ws-none,
.hover-ws-none:hover {
  word-spacing: 0;
}

.ws-wide,
.hover-ws-wide:hover {
  word-spacing: 1px;
}

.ws-wider,
.hover-ws-wider:hover {
  word-spacing: 5px;
}

.ws-widest,
.hover-ws-widest:hover {
  word-spacing: 10px;
}

/**
word-break
*/
.word-break-normal {
  word-break: normal;
}

.word-break-all {
  word-break: break-all;
}

.word-keep-all {
  word-break: keep-all;
}

.word-break {
  word-break: break-word;
}

/**
word-wrap
*/
.word-wrap-break {
  word-wrap: break-word;
}

.word-wrap-normal {
  word-wrap: normal;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/**
text-stroke-width
shorthand: .text-stroke-{width}
*/
.text-stroke-0 {
  -webkit-text-stroke-width: 0px !important;
}

.text-stroke-1 {
  -webkit-text-stroke-width: 1px !important;
}

.text-stroke-2 {
  -webkit-text-stroke-width: 2px !important;
}

.text-stroke-3 {
  -webkit-text-stroke-width: 3px !important;
}

.text-stroke-4 {
  -webkit-text-stroke-width: 4px !important;
}

.text-stroke-6 {
  -webkit-text-stroke-width: 6px !important;
}

.text-stroke-8 {
  -webkit-text-stroke-width: 8px !important;
}

.text-stroke-12 {
  -webkit-text-stroke-width: 12px !important;
}

.text-stroke-16 {
  -webkit-text-stroke-width: 16px !important;
}

/**
text-stroke-color
shorthand: .text-stroke-{color}
*/
.text-stroke-black,
.hover-text-stroke-black:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #000000 !important;
}

.text-stroke-white,
.hover-text-stroke-white:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #FFFFFF !important;
}

.text-stroke-transparent,
.hover-text-stroke-transparent:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: transparent !important;
}

.text-stroke-gray-darkest,
.hover-text-stroke-gray-darkest:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #36454F !important;
}

.text-stroke-gray-darker,
.hover-text-stroke-gray-darker:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #465966 !important;
}

.text-stroke-gray-dark,
.hover-text-stroke-gray-dark:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #566E7E !important;
}

.text-stroke-gray,
.hover-text-stroke-gray:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #668295 !important;
}

.text-stroke-gray-light,
.hover-text-stroke-gray-light:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #B7C4CD !important;
}

.text-stroke-gray-lighter,
.hover-text-stroke-gray-lighter:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #E4E8EB !important;
}

.text-stroke-gray-lightest,
.hover-text-stroke-gray-lightest:hover {
  -webkit-text-stroke-width: 2px;
  -webkit-text-stroke-color: #EEF1F5 !important;
}

/**
text-fill-color
shorthand: .text-fill-{color}
*/
.text-fill-black,
.hover-text-fill-black:hover {
  -webkit-text-fill-color: #000000;
}

.text-fill-white,
.hover-text-fill-white:hover {
  -webkit-text-fill-color: #FFFFFF;
}

.text-fill-transparent,
.hover-text-fill-transparent:hover {
  -webkit-text-fill-color: transparent;
}

.text-fill-gray-darkest,
.hover-text-fill-gray-darkest:hover {
  -webkit-text-fill-color: #36454F;
}

.text-fill-gray-darker,
.hover-text-fill-gray-darker:hover {
  -webkit-text-fill-color: #465966;
}

.text-fill-gray-dark,
.hover-text-fill-gray-dark:hover {
  -webkit-text-fill-color: #566E7E;
}

.text-fill-gray,
.hover-text-fill-gray:hover {
  -webkit-text-fill-color: #668295;
}

.text-fill-gray-light,
.hover-text-fill-gray-light:hover {
  -webkit-text-fill-color: #B7C4CD;
}

.text-fill-gray-lighter,
.hover-text-fill-gray-lighter:hover {
  -webkit-text-fill-color: #E4E8EB;
}

.text-fill-gray-lightest,
.hover-text-fill-gray-lightest:hover {
  -webkit-text-fill-color: #EEF1F5;
}

/**
List Style
*/
.list-none {
  list-style-type: none;
}

.list-disc {
  list-style-type: disc;
}

.list-decimal {
  list-style-type: decimal;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

.opacity-0 {
  opacity: 0;
}

.hover-opacity-0:hover {
  opacity: 0;
}

.opacity-10 {
  opacity: 0.1;
}

.hover-opacity-10:hover {
  opacity: 0.1;
}

.opacity-20 {
  opacity: 0.2;
}

.hover-opacity-20:hover {
  opacity: 0.2;
}

.opacity-30 {
  opacity: 0.3;
}

.hover-opacity-30:hover {
  opacity: 0.3;
}

.opacity-40 {
  opacity: 0.4;
}

.hover-opacity-40:hover {
  opacity: 0.4;
}

.opacity-50 {
  opacity: 0.5;
}

.hover-opacity-50:hover {
  opacity: 0.5;
}

.opacity-60 {
  opacity: 0.6;
}

.hover-opacity-60:hover {
  opacity: 0.6;
}

.opacity-70 {
  opacity: 0.7;
}

.hover-opacity-70:hover {
  opacity: 0.7;
}

.opacity-80 {
  opacity: 0.8;
}

.hover-opacity-80:hover {
  opacity: 0.8;
}

.opacity-90 {
  opacity: 0.9;
}

.hover-opacity-90:hover {
  opacity: 0.9;
}

.opacity-100 {
  opacity: 1;
}

.hover-opacity-100:hover {
  opacity: 1;
}

/**
position
*/
.absolute {
  position: absolute !important;
}

.fixed {
  position: fixed !important;
}

.relative {
  position: relative !important;
}

.static {
  position: static !important;
}

.sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}

@media (min-width: 576px) {
  .sm-absolute {
    position: absolute !important;
  }
  .sm-fixed {
    position: fixed !important;
  }
  .sm-relative {
    position: relative !important;
  }
  .sm-static {
    position: static !important;
  }
  .sm-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

@media (min-width: 768px) {
  .md-absolute {
    position: absolute !important;
  }
  .md-fixed {
    position: fixed !important;
  }
  .md-relative {
    position: relative !important;
  }
  .md-static {
    position: static !important;
  }
  .md-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

@media (min-width: 992px) {
  .lg-absolute {
    position: absolute !important;
  }
  .lg-fixed {
    position: fixed !important;
  }
  .lg-relative {
    position: relative !important;
  }
  .lg-static {
    position: static !important;
  }
  .lg-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

@media (min-width: 1200px) {
  .xl-absolute {
    position: absolute !important;
  }
  .xl-fixed {
    position: fixed !important;
  }
  .xl-relative {
    position: relative !important;
  }
  .xl-static {
    position: static !important;
  }
  .xl-sticky {
    position: -webkit-sticky !important;
    position: sticky !important;
  }
}

/**
Locations: top, right, bottom, left
*/
/**
.top-0 { top: 0 }
*/
.top-0 {
  top: 0;
}

.right-0 {
  right: 0;
}

.bottom-0 {
  bottom: 0;
}

.left-0 {
  left: 0;
}

.top-50pc {
  top: 50%;
}

.right-50pc {
  right: 50%;
}

.bottom-50pc {
  bottom: 50%;
}

.left-50pc {
  left: 50%;
}

.top-100pc {
  top: 100%;
}

.right-100pc {
  right: 100%;
}

.bottom-100pc {
  bottom: 100%;
}

.left-100pc {
  left: 100%;
}

.top-auto {
  top: auto;
}

.right-auto {
  right: auto;
}

.bottom-auto {
  bottom: auto;
}

.left-auto {
  left: auto;
}

/**
display
*/
.block {
  display: block !important;
}

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

.inline {
  display: inline !important;
}

.flex {
  display: flex !important;
}

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

.table {
  display: table !important;
}

.table-row {
  display: table-row !important;
}

.table-cell {
  display: table-cell !important;
}

.hidden {
  display: none !important;
}

@media (min-width: 576px) {
  .sm-block {
    display: block !important;
  }
  .sm-inline-block {
    display: inline-block !important;
  }
  .sm-inline {
    display: inline !important;
  }
  .sm-flex {
    display: flex !important;
  }
  .sm-inline-flex {
    display: inline-flex !important;
  }
  .sm-table {
    display: table !important;
  }
  .sm-table-row {
    display: table-row !important;
  }
  .sm-table-cell {
    display: table-cell !important;
  }
  .sm-hidden {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .md-block {
    display: block !important;
  }
  .md-inline-block {
    display: inline-block !important;
  }
  .md-inline {
    display: inline !important;
  }
  .md-flex {
    display: flex !important;
  }
  .md-inline-flex {
    display: inline-flex !important;
  }
  .md-table {
    display: table !important;
  }
  .md-table-row {
    display: table-row !important;
  }
  .md-table-cell {
    display: table-cell !important;
  }
  .md-hidden {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .lg-block {
    display: block !important;
  }
  .lg-inline-block {
    display: inline-block !important;
  }
  .lg-inline {
    display: inline !important;
  }
  .lg-flex {
    display: flex !important;
  }
  .lg-inline-flex {
    display: inline-flex !important;
  }
  .lg-table {
    display: table !important;
  }
  .lg-table-row {
    display: table-row !important;
  }
  .lg-table-cell {
    display: table-cell !important;
  }
  .lg-hidden {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .xl-block {
    display: block !important;
  }
  .xl-inline-block {
    display: inline-block !important;
  }
  .xl-inline {
    display: inline !important;
  }
  .xl-flex {
    display: flex !important;
  }
  .xl-inline-flex {
    display: inline-flex !important;
  }
  .xl-table {
    display: table !important;
  }
  .xl-table-row {
    display: table-row !important;
  }
  .xl-table-cell {
    display: table-cell !important;
  }
  .xl-hidden {
    display: none !important;
  }
}

/**
z-index
*/
.z--1 {
  z-index: -1;
}

.z-0 {
  z-index: 0;
}

.z-10 {
  z-index: 10;
}

.z-20 {
  z-index: 20;
}

.z-30 {
  z-index: 30;
}

.z-40 {
  z-index: 40;
}

.z-50 {
  z-index: 50;
}

.z-100 {
  z-index: 100;
}

.z-1000 {
  z-index: 1000;
}

.z-2000 {
  z-index: 2000;
}

.z-5000 {
  z-index: 5000;
}

.z-10000 {
  z-index: 10000;
}

.z-auto {
  z-index: auto;
}

/**
float
*/
.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

/**
vertical-align
*/
.align-baseline {
  vertical-align: baseline;
}

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

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

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

/**
clear
*/
.clearfix::after, .clear-both::after {
  content: "";
  display: table;
  clear: both;
}

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

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

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

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

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

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

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

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

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

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

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

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

@media (min-width: 576px) {
  .sm-overflow-auto {
    overflow: auto !important;
  }
  .sm-overflow-x-auto {
    overflow-x: auto !important;
  }
  .sm-overflow-y-auto {
    overflow-y: auto !important;
  }
  .sm-overflow-hidden {
    overflow: hidden !important;
  }
  .sm-overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .sm-overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .sm-overflow-visible {
    overflow: visible !important;
  }
  .sm-overflow-x-visible {
    overflow-x: visible !important;
  }
  .sm-overflow-y-visible {
    overflow-y: visible !important;
  }
  .sm-overflow-scroll {
    overflow: scroll !important;
  }
  .sm-overflow-x-scroll {
    overflow-x: scroll !important;
  }
  .sm-overflow-y-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 768px) {
  .md-overflow-auto {
    overflow: auto !important;
  }
  .md-overflow-x-auto {
    overflow-x: auto !important;
  }
  .md-overflow-y-auto {
    overflow-y: auto !important;
  }
  .md-overflow-hidden {
    overflow: hidden !important;
  }
  .md-overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .md-overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .md-overflow-visible {
    overflow: visible !important;
  }
  .md-overflow-x-visible {
    overflow-x: visible !important;
  }
  .md-overflow-y-visible {
    overflow-y: visible !important;
  }
  .md-overflow-scroll {
    overflow: scroll !important;
  }
  .md-overflow-x-scroll {
    overflow-x: scroll !important;
  }
  .md-overflow-y-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 992px) {
  .lg-overflow-auto {
    overflow: auto !important;
  }
  .lg-overflow-x-auto {
    overflow-x: auto !important;
  }
  .lg-overflow-y-auto {
    overflow-y: auto !important;
  }
  .lg-overflow-hidden {
    overflow: hidden !important;
  }
  .lg-overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .lg-overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .lg-overflow-visible {
    overflow: visible !important;
  }
  .lg-overflow-x-visible {
    overflow-x: visible !important;
  }
  .lg-overflow-y-visible {
    overflow-y: visible !important;
  }
  .lg-overflow-scroll {
    overflow: scroll !important;
  }
  .lg-overflow-x-scroll {
    overflow-x: scroll !important;
  }
  .lg-overflow-y-scroll {
    overflow-y: scroll !important;
  }
}

@media (min-width: 1200px) {
  .xl-overflow-auto {
    overflow: auto !important;
  }
  .xl-overflow-x-auto {
    overflow-x: auto !important;
  }
  .xl-overflow-y-auto {
    overflow-y: auto !important;
  }
  .xl-overflow-hidden {
    overflow: hidden !important;
  }
  .xl-overflow-x-hidden {
    overflow-x: hidden !important;
  }
  .xl-overflow-y-hidden {
    overflow-y: hidden !important;
  }
  .xl-overflow-visible {
    overflow: visible !important;
  }
  .xl-overflow-x-visible {
    overflow-x: visible !important;
  }
  .xl-overflow-y-visible {
    overflow-y: visible !important;
  }
  .xl-overflow-scroll {
    overflow: scroll !important;
  }
  .xl-overflow-x-scroll {
    overflow-x: scroll !important;
  }
  .xl-overflow-y-scroll {
    overflow-y: scroll !important;
  }
}

/**
absolute
*/
.absolute-full {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.absolute-left {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.absolute-right {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.absolute-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.absolute-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

.absolute-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/**
fixed position
*/
.fixed-full {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.fixed-left {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
}

.fixed-right {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
}

.fixed-top {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
}

.fixed-bottom {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.fixed-center {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}

/**
Shadow
*/
.shadow-0, .hover-shadow-0:hover {
  box-shadow: none;
}

.shadow, .hover-shadow:hover {
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
}

.shadow-1, .hover-shadow-1:hover {
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.shadow-2, .hover-shadow-2:hover {
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.shadow-3, .hover-shadow-3:hover {
  box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

.shadow-4, .hover-shadow-4:hover {
  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.shadow-gray, .hover-shadow-gray:hover {
  box-shadow: 0 2px 3px 0 rgba(102, 130, 149, 0.5);
}

.shadow-1-gray, .hover-shadow-1-gray:hover {
  box-shadow: 0 4px 6px -1px rgba(102, 130, 149, 0.5);
}

.shadow-2-gray, .hover-shadow-2-gray:hover {
  box-shadow: 0 10px 15px -3px rgba(102, 130, 149, 0.5);
}

.shadow-3-gray, .hover-shadow-3-gray:hover {
  box-shadow: 0 20px 25px -5px rgba(102, 130, 149, 0.4);
}

.shadow-4-gray, .hover-shadow-4-gray:hover {
  box-shadow: 0 25px 40px -8px rgba(102, 130, 149, 0.25);
}

.focus-black:focus {
  border-color: #000000 !important;
  box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25) !important;
}

.focus-white:focus {
  border-color: #FFFFFF !important;
  box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25) !important;
}

.focus-transparent:focus {
  border-color: transparent !important;
  box-shadow: 0 0 0 0.125em rgba(0, 0, 0, 0.25) !important;
}

.focus-gray-darkest:focus {
  border-color: #36454F !important;
  box-shadow: 0 0 0 0.125em rgba(54, 69, 79, 0.25) !important;
}

.focus-gray-darker:focus {
  border-color: #465966 !important;
  box-shadow: 0 0 0 0.125em rgba(70, 89, 102, 0.25) !important;
}

.focus-gray-dark:focus {
  border-color: #566E7E !important;
  box-shadow: 0 0 0 0.125em rgba(86, 110, 126, 0.25) !important;
}

.focus-gray:focus {
  border-color: #668295 !important;
  box-shadow: 0 0 0 0.125em rgba(102, 130, 149, 0.25) !important;
}

.focus-gray-light:focus {
  border-color: #B7C4CD !important;
  box-shadow: 0 0 0 0.125em rgba(183, 196, 205, 0.25) !important;
}

.focus-gray-lighter:focus {
  border-color: #E4E8EB !important;
  box-shadow: 0 0 0 0.125em rgba(228, 232, 235, 0.25) !important;
}

.focus-gray-lightest:focus {
  border-color: #EEF1F5 !important;
  box-shadow: 0 0 0 0.125em rgba(238, 241, 245, 0.25) !important;
}

.focus-none:focus {
  border-color: inherit !important;
  box-shadow: inherit !important;
}

/**
Sizing:
    width
    min-width
    max-width
    
    height
    min-height
    max-height
*/
/**
===========width===========
*/
.w-0 {
  width: 0 !important;
}

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

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

.w-1 {
  width: 0.25rem !important;
}

.max-w-1 {
  max-width: 0.25rem !important;
}

.min-w-1 {
  min-width: 0.25rem !important;
}

.w-2 {
  width: 0.5rem !important;
}

.max-w-2 {
  max-width: 0.5rem !important;
}

.min-w-2 {
  min-width: 0.5rem !important;
}

.w-3 {
  width: 0.75rem !important;
}

.max-w-3 {
  max-width: 0.75rem !important;
}

.min-w-3 {
  min-width: 0.75rem !important;
}

.w-4 {
  width: 1rem !important;
}

.max-w-4 {
  max-width: 1rem !important;
}

.min-w-4 {
  min-width: 1rem !important;
}

.w-5 {
  width: 1.25rem !important;
}

.max-w-5 {
  max-width: 1.25rem !important;
}

.min-w-5 {
  min-width: 1.25rem !important;
}

.w-6 {
  width: 1.5rem !important;
}

.max-w-6 {
  max-width: 1.5rem !important;
}

.min-w-6 {
  min-width: 1.5rem !important;
}

.w-7 {
  width: 1.75rem !important;
}

.max-w-7 {
  max-width: 1.75rem !important;
}

.min-w-7 {
  min-width: 1.75rem !important;
}

.w-8 {
  width: 2rem !important;
}

.max-w-8 {
  max-width: 2rem !important;
}

.min-w-8 {
  min-width: 2rem !important;
}

.w-9 {
  width: 2.25rem !important;
}

.max-w-9 {
  max-width: 2.25rem !important;
}

.min-w-9 {
  min-width: 2.25rem !important;
}

.w-10 {
  width: 2.5rem !important;
}

.max-w-10 {
  max-width: 2.5rem !important;
}

.min-w-10 {
  min-width: 2.5rem !important;
}

.w-l1 {
  width: 1rem !important;
}

.max-w-l1 {
  max-width: 1rem !important;
}

.min-w-l1 {
  min-width: 1rem !important;
}

.w-l2 {
  width: 2rem !important;
}

.max-w-l2 {
  max-width: 2rem !important;
}

.min-w-l2 {
  min-width: 2rem !important;
}

.w-l3 {
  width: 3rem !important;
}

.max-w-l3 {
  max-width: 3rem !important;
}

.min-w-l3 {
  min-width: 3rem !important;
}

.w-l4 {
  width: 4rem !important;
}

.max-w-l4 {
  max-width: 4rem !important;
}

.min-w-l4 {
  min-width: 4rem !important;
}

.w-l5 {
  width: 5rem !important;
}

.max-w-l5 {
  max-width: 5rem !important;
}

.min-w-l5 {
  min-width: 5rem !important;
}

.w-l6 {
  width: 6rem !important;
}

.max-w-l6 {
  max-width: 6rem !important;
}

.min-w-l6 {
  min-width: 6rem !important;
}

.w-l7 {
  width: 7rem !important;
}

.max-w-l7 {
  max-width: 7rem !important;
}

.min-w-l7 {
  min-width: 7rem !important;
}

.w-l8 {
  width: 8rem !important;
}

.max-w-l8 {
  max-width: 8rem !important;
}

.min-w-l8 {
  min-width: 8rem !important;
}

.w-l9 {
  width: 9rem !important;
}

.max-w-l9 {
  max-width: 9rem !important;
}

.min-w-l9 {
  min-width: 9rem !important;
}

.w-l10 {
  width: 10rem !important;
}

.max-w-l10 {
  max-width: 10rem !important;
}

.min-w-l10 {
  min-width: 10rem !important;
}

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

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

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

.w-1px {
  width: 1px !important;
}

.max-w-1px {
  max-width: 1px !important;
}

.min-w-1px {
  min-width: 1px !important;
}

.w-10pc {
  width: 10% !important;
}

.max-w-10pc {
  max-width: 10% !important;
}

.min-w-10pc {
  min-width: 10% !important;
}

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

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

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

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

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

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

.w-30pc {
  width: 30% !important;
}

.max-w-30pc {
  max-width: 30% !important;
}

.min-w-30pc {
  min-width: 30% !important;
}

.w-33pc {
  width: 33.3333% !important;
}

.max-w-33pc {
  max-width: 33.3333% !important;
}

.min-w-33pc {
  min-width: 33.3333% !important;
}

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

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

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

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

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

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

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

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

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

.w-66pc {
  width: 66.6666% !important;
}

.max-w-66pc {
  max-width: 66.6666% !important;
}

.min-w-66pc {
  min-width: 66.6666% !important;
}

.w-70pc {
  width: 70% !important;
}

.max-w-70pc {
  max-width: 70% !important;
}

.min-w-70pc {
  min-width: 70% !important;
}

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

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

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

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

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

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

.w-90pc {
  width: 90% !important;
}

.max-w-90pc {
  max-width: 90% !important;
}

.min-w-90pc {
  min-width: 90% !important;
}

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

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

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

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

.max-w-25vw {
  max-width: 25vw !important;
}

.min-w-25vw {
  min-width: 25vw !important;
}

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

.max-w-50vw {
  max-width: 50vw !important;
}

.min-w-50vw {
  min-width: 50vw !important;
}

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

.max-w-75vw {
  max-width: 75vw !important;
}

.min-w-75vw {
  min-width: 75vw !important;
}

.w-100vw {
  width: 100vw !important;
}

.max-w-100vw {
  max-width: 100vw !important;
}

.min-w-100vw {
  min-width: 100vw !important;
}

/**
responsive
*/
@media (min-width: 576px) {
  .sm-w-0 {
    width: 0 !important;
  }
  .sm-max-w-0 {
    max-width: 0 !important;
  }
  .sm-min-w-0 {
    min-width: 0 !important;
  }
  .sm-w-1 {
    width: 0.25rem !important;
  }
  .sm-max-w-1 {
    max-width: 0.25rem !important;
  }
  .sm-min-w-1 {
    min-width: 0.25rem !important;
  }
  .sm-w-2 {
    width: 0.5rem !important;
  }
  .sm-max-w-2 {
    max-width: 0.5rem !important;
  }
  .sm-min-w-2 {
    min-width: 0.5rem !important;
  }
  .sm-w-3 {
    width: 0.75rem !important;
  }
  .sm-max-w-3 {
    max-width: 0.75rem !important;
  }
  .sm-min-w-3 {
    min-width: 0.75rem !important;
  }
  .sm-w-4 {
    width: 1rem !important;
  }
  .sm-max-w-4 {
    max-width: 1rem !important;
  }
  .sm-min-w-4 {
    min-width: 1rem !important;
  }
  .sm-w-5 {
    width: 1.25rem !important;
  }
  .sm-max-w-5 {
    max-width: 1.25rem !important;
  }
  .sm-min-w-5 {
    min-width: 1.25rem !important;
  }
  .sm-w-6 {
    width: 1.5rem !important;
  }
  .sm-max-w-6 {
    max-width: 1.5rem !important;
  }
  .sm-min-w-6 {
    min-width: 1.5rem !important;
  }
  .sm-w-7 {
    width: 1.75rem !important;
  }
  .sm-max-w-7 {
    max-width: 1.75rem !important;
  }
  .sm-min-w-7 {
    min-width: 1.75rem !important;
  }
  .sm-w-8 {
    width: 2rem !important;
  }
  .sm-max-w-8 {
    max-width: 2rem !important;
  }
  .sm-min-w-8 {
    min-width: 2rem !important;
  }
  .sm-w-9 {
    width: 2.25rem !important;
  }
  .sm-max-w-9 {
    max-width: 2.25rem !important;
  }
  .sm-min-w-9 {
    min-width: 2.25rem !important;
  }
  .sm-w-10 {
    width: 2.5rem !important;
  }
  .sm-max-w-10 {
    max-width: 2.5rem !important;
  }
  .sm-min-w-10 {
    min-width: 2.5rem !important;
  }
  .sm-w-l1 {
    width: 1rem !important;
  }
  .sm-max-w-l1 {
    max-width: 1rem !important;
  }
  .sm-min-w-l1 {
    min-width: 1rem !important;
  }
  .sm-w-l2 {
    width: 2rem !important;
  }
  .sm-max-w-l2 {
    max-width: 2rem !important;
  }
  .sm-min-w-l2 {
    min-width: 2rem !important;
  }
  .sm-w-l3 {
    width: 3rem !important;
  }
  .sm-max-w-l3 {
    max-width: 3rem !important;
  }
  .sm-min-w-l3 {
    min-width: 3rem !important;
  }
  .sm-w-l4 {
    width: 4rem !important;
  }
  .sm-max-w-l4 {
    max-width: 4rem !important;
  }
  .sm-min-w-l4 {
    min-width: 4rem !important;
  }
  .sm-w-l5 {
    width: 5rem !important;
  }
  .sm-max-w-l5 {
    max-width: 5rem !important;
  }
  .sm-min-w-l5 {
    min-width: 5rem !important;
  }
  .sm-w-l6 {
    width: 6rem !important;
  }
  .sm-max-w-l6 {
    max-width: 6rem !important;
  }
  .sm-min-w-l6 {
    min-width: 6rem !important;
  }
  .sm-w-l7 {
    width: 7rem !important;
  }
  .sm-max-w-l7 {
    max-width: 7rem !important;
  }
  .sm-min-w-l7 {
    min-width: 7rem !important;
  }
  .sm-w-l8 {
    width: 8rem !important;
  }
  .sm-max-w-l8 {
    max-width: 8rem !important;
  }
  .sm-min-w-l8 {
    min-width: 8rem !important;
  }
  .sm-w-l9 {
    width: 9rem !important;
  }
  .sm-max-w-l9 {
    max-width: 9rem !important;
  }
  .sm-min-w-l9 {
    min-width: 9rem !important;
  }
  .sm-w-l10 {
    width: 10rem !important;
  }
  .sm-max-w-l10 {
    max-width: 10rem !important;
  }
  .sm-min-w-l10 {
    min-width: 10rem !important;
  }
  .sm-w-auto {
    width: auto !important;
  }
  .sm-max-w-auto {
    max-width: auto !important;
  }
  .sm-min-w-auto {
    min-width: auto !important;
  }
  .sm-w-1px {
    width: 1px !important;
  }
  .sm-max-w-1px {
    max-width: 1px !important;
  }
  .sm-min-w-1px {
    min-width: 1px !important;
  }
  .sm-w-10pc {
    width: 10% !important;
  }
  .sm-max-w-10pc {
    max-width: 10% !important;
  }
  .sm-min-w-10pc {
    min-width: 10% !important;
  }
  .sm-w-20pc {
    width: 20% !important;
  }
  .sm-max-w-20pc {
    max-width: 20% !important;
  }
  .sm-min-w-20pc {
    min-width: 20% !important;
  }
  .sm-w-25pc {
    width: 25% !important;
  }
  .sm-max-w-25pc {
    max-width: 25% !important;
  }
  .sm-min-w-25pc {
    min-width: 25% !important;
  }
  .sm-w-30pc {
    width: 30% !important;
  }
  .sm-max-w-30pc {
    max-width: 30% !important;
  }
  .sm-min-w-30pc {
    min-width: 30% !important;
  }
  .sm-w-33pc {
    width: 33.3333% !important;
  }
  .sm-max-w-33pc {
    max-width: 33.3333% !important;
  }
  .sm-min-w-33pc {
    min-width: 33.3333% !important;
  }
  .sm-w-40pc {
    width: 40% !important;
  }
  .sm-max-w-40pc {
    max-width: 40% !important;
  }
  .sm-min-w-40pc {
    min-width: 40% !important;
  }
  .sm-w-50pc {
    width: 50% !important;
  }
  .sm-max-w-50pc {
    max-width: 50% !important;
  }
  .sm-min-w-50pc {
    min-width: 50% !important;
  }
  .sm-w-60pc {
    width: 60% !important;
  }
  .sm-max-w-60pc {
    max-width: 60% !important;
  }
  .sm-min-w-60pc {
    min-width: 60% !important;
  }
  .sm-w-66pc {
    width: 66.6666% !important;
  }
  .sm-max-w-66pc {
    max-width: 66.6666% !important;
  }
  .sm-min-w-66pc {
    min-width: 66.6666% !important;
  }
  .sm-w-70pc {
    width: 70% !important;
  }
  .sm-max-w-70pc {
    max-width: 70% !important;
  }
  .sm-min-w-70pc {
    min-width: 70% !important;
  }
  .sm-w-75pc {
    width: 75% !important;
  }
  .sm-max-w-75pc {
    max-width: 75% !important;
  }
  .sm-min-w-75pc {
    min-width: 75% !important;
  }
  .sm-w-80pc {
    width: 80% !important;
  }
  .sm-max-w-80pc {
    max-width: 80% !important;
  }
  .sm-min-w-80pc {
    min-width: 80% !important;
  }
  .sm-w-90pc {
    width: 90% !important;
  }
  .sm-max-w-90pc {
    max-width: 90% !important;
  }
  .sm-min-w-90pc {
    min-width: 90% !important;
  }
  .sm-w-100pc {
    width: 100% !important;
  }
  .sm-max-w-100pc {
    max-width: 100% !important;
  }
  .sm-min-w-100pc {
    min-width: 100% !important;
  }
  .sm-w-25vw {
    width: 25vw !important;
  }
  .sm-max-w-25vw {
    max-width: 25vw !important;
  }
  .sm-min-w-25vw {
    min-width: 25vw !important;
  }
  .sm-w-50vw {
    width: 50vw !important;
  }
  .sm-max-w-50vw {
    max-width: 50vw !important;
  }
  .sm-min-w-50vw {
    min-width: 50vw !important;
  }
  .sm-w-75vw {
    width: 75vw !important;
  }
  .sm-max-w-75vw {
    max-width: 75vw !important;
  }
  .sm-min-w-75vw {
    min-width: 75vw !important;
  }
  .sm-w-100vw {
    width: 100vw !important;
  }
  .sm-max-w-100vw {
    max-width: 100vw !important;
  }
  .sm-min-w-100vw {
    min-width: 100vw !important;
  }
}

@media (min-width: 768px) {
  .md-w-0 {
    width: 0 !important;
  }
  .md-max-w-0 {
    max-width: 0 !important;
  }
  .md-min-w-0 {
    min-width: 0 !important;
  }
  .md-w-1 {
    width: 0.25rem !important;
  }
  .md-max-w-1 {
    max-width: 0.25rem !important;
  }
  .md-min-w-1 {
    min-width: 0.25rem !important;
  }
  .md-w-2 {
    width: 0.5rem !important;
  }
  .md-max-w-2 {
    max-width: 0.5rem !important;
  }
  .md-min-w-2 {
    min-width: 0.5rem !important;
  }
  .md-w-3 {
    width: 0.75rem !important;
  }
  .md-max-w-3 {
    max-width: 0.75rem !important;
  }
  .md-min-w-3 {
    min-width: 0.75rem !important;
  }
  .md-w-4 {
    width: 1rem !important;
  }
  .md-max-w-4 {
    max-width: 1rem !important;
  }
  .md-min-w-4 {
    min-width: 1rem !important;
  }
  .md-w-5 {
    width: 1.25rem !important;
  }
  .md-max-w-5 {
    max-width: 1.25rem !important;
  }
  .md-min-w-5 {
    min-width: 1.25rem !important;
  }
  .md-w-6 {
    width: 1.5rem !important;
  }
  .md-max-w-6 {
    max-width: 1.5rem !important;
  }
  .md-min-w-6 {
    min-width: 1.5rem !important;
  }
  .md-w-7 {
    width: 1.75rem !important;
  }
  .md-max-w-7 {
    max-width: 1.75rem !important;
  }
  .md-min-w-7 {
    min-width: 1.75rem !important;
  }
  .md-w-8 {
    width: 2rem !important;
  }
  .md-max-w-8 {
    max-width: 2rem !important;
  }
  .md-min-w-8 {
    min-width: 2rem !important;
  }
  .md-w-9 {
    width: 2.25rem !important;
  }
  .md-max-w-9 {
    max-width: 2.25rem !important;
  }
  .md-min-w-9 {
    min-width: 2.25rem !important;
  }
  .md-w-10 {
    width: 2.5rem !important;
  }
  .md-max-w-10 {
    max-width: 2.5rem !important;
  }
  .md-min-w-10 {
    min-width: 2.5rem !important;
  }
  .md-w-l1 {
    width: 1rem !important;
  }
  .md-max-w-l1 {
    max-width: 1rem !important;
  }
  .md-min-w-l1 {
    min-width: 1rem !important;
  }
  .md-w-l2 {
    width: 2rem !important;
  }
  .md-max-w-l2 {
    max-width: 2rem !important;
  }
  .md-min-w-l2 {
    min-width: 2rem !important;
  }
  .md-w-l3 {
    width: 3rem !important;
  }
  .md-max-w-l3 {
    max-width: 3rem !important;
  }
  .md-min-w-l3 {
    min-width: 3rem !important;
  }
  .md-w-l4 {
    width: 4rem !important;
  }
  .md-max-w-l4 {
    max-width: 4rem !important;
  }
  .md-min-w-l4 {
    min-width: 4rem !important;
  }
  .md-w-l5 {
    width: 5rem !important;
  }
  .md-max-w-l5 {
    max-width: 5rem !important;
  }
  .md-min-w-l5 {
    min-width: 5rem !important;
  }
  .md-w-l6 {
    width: 6rem !important;
  }
  .md-max-w-l6 {
    max-width: 6rem !important;
  }
  .md-min-w-l6 {
    min-width: 6rem !important;
  }
  .md-w-l7 {
    width: 7rem !important;
  }
  .md-max-w-l7 {
    max-width: 7rem !important;
  }
  .md-min-w-l7 {
    min-width: 7rem !important;
  }
  .md-w-l8 {
    width: 8rem !important;
  }
  .md-max-w-l8 {
    max-width: 8rem !important;
  }
  .md-min-w-l8 {
    min-width: 8rem !important;
  }
  .md-w-l9 {
    width: 9rem !important;
  }
  .md-max-w-l9 {
    max-width: 9rem !important;
  }
  .md-min-w-l9 {
    min-width: 9rem !important;
  }
  .md-w-l10 {
    width: 10rem !important;
  }
  .md-max-w-l10 {
    max-width: 10rem !important;
  }
  .md-min-w-l10 {
    min-width: 10rem !important;
  }
  .md-w-auto {
    width: auto !important;
  }
  .md-max-w-auto {
    max-width: auto !important;
  }
  .md-min-w-auto {
    min-width: auto !important;
  }
  .md-w-1px {
    width: 1px !important;
  }
  .md-max-w-1px {
    max-width: 1px !important;
  }
  .md-min-w-1px {
    min-width: 1px !important;
  }
  .md-w-10pc {
    width: 10% !important;
  }
  .md-max-w-10pc {
    max-width: 10% !important;
  }
  .md-min-w-10pc {
    min-width: 10% !important;
  }
  .md-w-20pc {
    width: 20% !important;
  }
  .md-max-w-20pc {
    max-width: 20% !important;
  }
  .md-min-w-20pc {
    min-width: 20% !important;
  }
  .md-w-25pc {
    width: 25% !important;
  }
  .md-max-w-25pc {
    max-width: 25% !important;
  }
  .md-min-w-25pc {
    min-width: 25% !important;
  }
  .md-w-30pc {
    width: 30% !important;
  }
  .md-max-w-30pc {
    max-width: 30% !important;
  }
  .md-min-w-30pc {
    min-width: 30% !important;
  }
  .md-w-33pc {
    width: 33.3333% !important;
  }
  .md-max-w-33pc {
    max-width: 33.3333% !important;
  }
  .md-min-w-33pc {
    min-width: 33.3333% !important;
  }
  .md-w-40pc {
    width: 40% !important;
  }
  .md-max-w-40pc {
    max-width: 40% !important;
  }
  .md-min-w-40pc {
    min-width: 40% !important;
  }
  .md-w-50pc {
    width: 50% !important;
  }
  .md-max-w-50pc {
    max-width: 50% !important;
  }
  .md-min-w-50pc {
    min-width: 50% !important;
  }
  .md-w-60pc {
    width: 60% !important;
  }
  .md-max-w-60pc {
    max-width: 60% !important;
  }
  .md-min-w-60pc {
    min-width: 60% !important;
  }
  .md-w-66pc {
    width: 66.6666% !important;
  }
  .md-max-w-66pc {
    max-width: 66.6666% !important;
  }
  .md-min-w-66pc {
    min-width: 66.6666% !important;
  }
  .md-w-70pc {
    width: 70% !important;
  }
  .md-max-w-70pc {
    max-width: 70% !important;
  }
  .md-min-w-70pc {
    min-width: 70% !important;
  }
  .md-w-75pc {
    width: 75% !important;
  }
  .md-max-w-75pc {
    max-width: 75% !important;
  }
  .md-min-w-75pc {
    min-width: 75% !important;
  }
  .md-w-80pc {
    width: 80% !important;
  }
  .md-max-w-80pc {
    max-width: 80% !important;
  }
  .md-min-w-80pc {
    min-width: 80% !important;
  }
  .md-w-90pc {
    width: 90% !important;
  }
  .md-max-w-90pc {
    max-width: 90% !important;
  }
  .md-min-w-90pc {
    min-width: 90% !important;
  }
  .md-w-100pc {
    width: 100% !important;
  }
  .md-max-w-100pc {
    max-width: 100% !important;
  }
  .md-min-w-100pc {
    min-width: 100% !important;
  }
  .md-w-25vw {
    width: 25vw !important;
  }
  .md-max-w-25vw {
    max-width: 25vw !important;
  }
  .md-min-w-25vw {
    min-width: 25vw !important;
  }
  .md-w-50vw {
    width: 50vw !important;
  }
  .md-max-w-50vw {
    max-width: 50vw !important;
  }
  .md-min-w-50vw {
    min-width: 50vw !important;
  }
  .md-w-75vw {
    width: 75vw !important;
  }
  .md-max-w-75vw {
    max-width: 75vw !important;
  }
  .md-min-w-75vw {
    min-width: 75vw !important;
  }
  .md-w-100vw {
    width: 100vw !important;
  }
  .md-max-w-100vw {
    max-width: 100vw !important;
  }
  .md-min-w-100vw {
    min-width: 100vw !important;
  }
}

@media (min-width: 992px) {
  .lg-w-0 {
    width: 0 !important;
  }
  .lg-max-w-0 {
    max-width: 0 !important;
  }
  .lg-min-w-0 {
    min-width: 0 !important;
  }
  .lg-w-1 {
    width: 0.25rem !important;
  }
  .lg-max-w-1 {
    max-width: 0.25rem !important;
  }
  .lg-min-w-1 {
    min-width: 0.25rem !important;
  }
  .lg-w-2 {
    width: 0.5rem !important;
  }
  .lg-max-w-2 {
    max-width: 0.5rem !important;
  }
  .lg-min-w-2 {
    min-width: 0.5rem !important;
  }
  .lg-w-3 {
    width: 0.75rem !important;
  }
  .lg-max-w-3 {
    max-width: 0.75rem !important;
  }
  .lg-min-w-3 {
    min-width: 0.75rem !important;
  }
  .lg-w-4 {
    width: 1rem !important;
  }
  .lg-max-w-4 {
    max-width: 1rem !important;
  }
  .lg-min-w-4 {
    min-width: 1rem !important;
  }
  .lg-w-5 {
    width: 1.25rem !important;
  }
  .lg-max-w-5 {
    max-width: 1.25rem !important;
  }
  .lg-min-w-5 {
    min-width: 1.25rem !important;
  }
  .lg-w-6 {
    width: 1.5rem !important;
  }
  .lg-max-w-6 {
    max-width: 1.5rem !important;
  }
  .lg-min-w-6 {
    min-width: 1.5rem !important;
  }
  .lg-w-7 {
    width: 1.75rem !important;
  }
  .lg-max-w-7 {
    max-width: 1.75rem !important;
  }
  .lg-min-w-7 {
    min-width: 1.75rem !important;
  }
  .lg-w-8 {
    width: 2rem !important;
  }
  .lg-max-w-8 {
    max-width: 2rem !important;
  }
  .lg-min-w-8 {
    min-width: 2rem !important;
  }
  .lg-w-9 {
    width: 2.25rem !important;
  }
  .lg-max-w-9 {
    max-width: 2.25rem !important;
  }
  .lg-min-w-9 {
    min-width: 2.25rem !important;
  }
  .lg-w-10 {
    width: 2.5rem !important;
  }
  .lg-max-w-10 {
    max-width: 2.5rem !important;
  }
  .lg-min-w-10 {
    min-width: 2.5rem !important;
  }
  .lg-w-l1 {
    width: 1rem !important;
  }
  .lg-max-w-l1 {
    max-width: 1rem !important;
  }
  .lg-min-w-l1 {
    min-width: 1rem !important;
  }
  .lg-w-l2 {
    width: 2rem !important;
  }
  .lg-max-w-l2 {
    max-width: 2rem !important;
  }
  .lg-min-w-l2 {
    min-width: 2rem !important;
  }
  .lg-w-l3 {
    width: 3rem !important;
  }
  .lg-max-w-l3 {
    max-width: 3rem !important;
  }
  .lg-min-w-l3 {
    min-width: 3rem !important;
  }
  .lg-w-l4 {
    width: 4rem !important;
  }
  .lg-max-w-l4 {
    max-width: 4rem !important;
  }
  .lg-min-w-l4 {
    min-width: 4rem !important;
  }
  .lg-w-l5 {
    width: 5rem !important;
  }
  .lg-max-w-l5 {
    max-width: 5rem !important;
  }
  .lg-min-w-l5 {
    min-width: 5rem !important;
  }
  .lg-w-l6 {
    width: 6rem !important;
  }
  .lg-max-w-l6 {
    max-width: 6rem !important;
  }
  .lg-min-w-l6 {
    min-width: 6rem !important;
  }
  .lg-w-l7 {
    width: 7rem !important;
  }
  .lg-max-w-l7 {
    max-width: 7rem !important;
  }
  .lg-min-w-l7 {
    min-width: 7rem !important;
  }
  .lg-w-l8 {
    width: 8rem !important;
  }
  .lg-max-w-l8 {
    max-width: 8rem !important;
  }
  .lg-min-w-l8 {
    min-width: 8rem !important;
  }
  .lg-w-l9 {
    width: 9rem !important;
  }
  .lg-max-w-l9 {
    max-width: 9rem !important;
  }
  .lg-min-w-l9 {
    min-width: 9rem !important;
  }
  .lg-w-l10 {
    width: 10rem !important;
  }
  .lg-max-w-l10 {
    max-width: 10rem !important;
  }
  .lg-min-w-l10 {
    min-width: 10rem !important;
  }
  .lg-w-auto {
    width: auto !important;
  }
  .lg-max-w-auto {
    max-width: auto !important;
  }
  .lg-min-w-auto {
    min-width: auto !important;
  }
  .lg-w-1px {
    width: 1px !important;
  }
  .lg-max-w-1px {
    max-width: 1px !important;
  }
  .lg-min-w-1px {
    min-width: 1px !important;
  }
  .lg-w-10pc {
    width: 10% !important;
  }
  .lg-max-w-10pc {
    max-width: 10% !important;
  }
  .lg-min-w-10pc {
    min-width: 10% !important;
  }
  .lg-w-20pc {
    width: 20% !important;
  }
  .lg-max-w-20pc {
    max-width: 20% !important;
  }
  .lg-min-w-20pc {
    min-width: 20% !important;
  }
  .lg-w-25pc {
    width: 25% !important;
  }
  .lg-max-w-25pc {
    max-width: 25% !important;
  }
  .lg-min-w-25pc {
    min-width: 25% !important;
  }
  .lg-w-30pc {
    width: 30% !important;
  }
  .lg-max-w-30pc {
    max-width: 30% !important;
  }
  .lg-min-w-30pc {
    min-width: 30% !important;
  }
  .lg-w-33pc {
    width: 33.3333% !important;
  }
  .lg-max-w-33pc {
    max-width: 33.3333% !important;
  }
  .lg-min-w-33pc {
    min-width: 33.3333% !important;
  }
  .lg-w-40pc {
    width: 40% !important;
  }
  .lg-max-w-40pc {
    max-width: 40% !important;
  }
  .lg-min-w-40pc {
    min-width: 40% !important;
  }
  .lg-w-50pc {
    width: 50% !important;
  }
  .lg-max-w-50pc {
    max-width: 50% !important;
  }
  .lg-min-w-50pc {
    min-width: 50% !important;
  }
  .lg-w-60pc {
    width: 60% !important;
  }
  .lg-max-w-60pc {
    max-width: 60% !important;
  }
  .lg-min-w-60pc {
    min-width: 60% !important;
  }
  .lg-w-66pc {
    width: 66.6666% !important;
  }
  .lg-max-w-66pc {
    max-width: 66.6666% !important;
  }
  .lg-min-w-66pc {
    min-width: 66.6666% !important;
  }
  .lg-w-70pc {
    width: 70% !important;
  }
  .lg-max-w-70pc {
    max-width: 70% !important;
  }
  .lg-min-w-70pc {
    min-width: 70% !important;
  }
  .lg-w-75pc {
    width: 75% !important;
  }
  .lg-max-w-75pc {
    max-width: 75% !important;
  }
  .lg-min-w-75pc {
    min-width: 75% !important;
  }
  .lg-w-80pc {
    width: 80% !important;
  }
  .lg-max-w-80pc {
    max-width: 80% !important;
  }
  .lg-min-w-80pc {
    min-width: 80% !important;
  }
  .lg-w-90pc {
    width: 90% !important;
  }
  .lg-max-w-90pc {
    max-width: 90% !important;
  }
  .lg-min-w-90pc {
    min-width: 90% !important;
  }
  .lg-w-100pc {
    width: 100% !important;
  }
  .lg-max-w-100pc {
    max-width: 100% !important;
  }
  .lg-min-w-100pc {
    min-width: 100% !important;
  }
  .lg-w-25vw {
    width: 25vw !important;
  }
  .lg-max-w-25vw {
    max-width: 25vw !important;
  }
  .lg-min-w-25vw {
    min-width: 25vw !important;
  }
  .lg-w-50vw {
    width: 50vw !important;
  }
  .lg-max-w-50vw {
    max-width: 50vw !important;
  }
  .lg-min-w-50vw {
    min-width: 50vw !important;
  }
  .lg-w-75vw {
    width: 75vw !important;
  }
  .lg-max-w-75vw {
    max-width: 75vw !important;
  }
  .lg-min-w-75vw {
    min-width: 75vw !important;
  }
  .lg-w-100vw {
    width: 100vw !important;
  }
  .lg-max-w-100vw {
    max-width: 100vw !important;
  }
  .lg-min-w-100vw {
    min-width: 100vw !important;
  }
}

@media (min-width: 1200px) {
  .xl-w-0 {
    width: 0 !important;
  }
  .xl-max-w-0 {
    max-width: 0 !important;
  }
  .xl-min-w-0 {
    min-width: 0 !important;
  }
  .xl-w-1 {
    width: 0.25rem !important;
  }
  .xl-max-w-1 {
    max-width: 0.25rem !important;
  }
  .xl-min-w-1 {
    min-width: 0.25rem !important;
  }
  .xl-w-2 {
    width: 0.5rem !important;
  }
  .xl-max-w-2 {
    max-width: 0.5rem !important;
  }
  .xl-min-w-2 {
    min-width: 0.5rem !important;
  }
  .xl-w-3 {
    width: 0.75rem !important;
  }
  .xl-max-w-3 {
    max-width: 0.75rem !important;
  }
  .xl-min-w-3 {
    min-width: 0.75rem !important;
  }
  .xl-w-4 {
    width: 1rem !important;
  }
  .xl-max-w-4 {
    max-width: 1rem !important;
  }
  .xl-min-w-4 {
    min-width: 1rem !important;
  }
  .xl-w-5 {
    width: 1.25rem !important;
  }
  .xl-max-w-5 {
    max-width: 1.25rem !important;
  }
  .xl-min-w-5 {
    min-width: 1.25rem !important;
  }
  .xl-w-6 {
    width: 1.5rem !important;
  }
  .xl-max-w-6 {
    max-width: 1.5rem !important;
  }
  .xl-min-w-6 {
    min-width: 1.5rem !important;
  }
  .xl-w-7 {
    width: 1.75rem !important;
  }
  .xl-max-w-7 {
    max-width: 1.75rem !important;
  }
  .xl-min-w-7 {
    min-width: 1.75rem !important;
  }
  .xl-w-8 {
    width: 2rem !important;
  }
  .xl-max-w-8 {
    max-width: 2rem !important;
  }
  .xl-min-w-8 {
    min-width: 2rem !important;
  }
  .xl-w-9 {
    width: 2.25rem !important;
  }
  .xl-max-w-9 {
    max-width: 2.25rem !important;
  }
  .xl-min-w-9 {
    min-width: 2.25rem !important;
  }
  .xl-w-10 {
    width: 2.5rem !important;
  }
  .xl-max-w-10 {
    max-width: 2.5rem !important;
  }
  .xl-min-w-10 {
    min-width: 2.5rem !important;
  }
  .xl-w-l1 {
    width: 1rem !important;
  }
  .xl-max-w-l1 {
    max-width: 1rem !important;
  }
  .xl-min-w-l1 {
    min-width: 1rem !important;
  }
  .xl-w-l2 {
    width: 2rem !important;
  }
  .xl-max-w-l2 {
    max-width: 2rem !important;
  }
  .xl-min-w-l2 {
    min-width: 2rem !important;
  }
  .xl-w-l3 {
    width: 3rem !important;
  }
  .xl-max-w-l3 {
    max-width: 3rem !important;
  }
  .xl-min-w-l3 {
    min-width: 3rem !important;
  }
  .xl-w-l4 {
    width: 4rem !important;
  }
  .xl-max-w-l4 {
    max-width: 4rem !important;
  }
  .xl-min-w-l4 {
    min-width: 4rem !important;
  }
  .xl-w-l5 {
    width: 5rem !important;
  }
  .xl-max-w-l5 {
    max-width: 5rem !important;
  }
  .xl-min-w-l5 {
    min-width: 5rem !important;
  }
  .xl-w-l6 {
    width: 6rem !important;
  }
  .xl-max-w-l6 {
    max-width: 6rem !important;
  }
  .xl-min-w-l6 {
    min-width: 6rem !important;
  }
  .xl-w-l7 {
    width: 7rem !important;
  }
  .xl-max-w-l7 {
    max-width: 7rem !important;
  }
  .xl-min-w-l7 {
    min-width: 7rem !important;
  }
  .xl-w-l8 {
    width: 8rem !important;
  }
  .xl-max-w-l8 {
    max-width: 8rem !important;
  }
  .xl-min-w-l8 {
    min-width: 8rem !important;
  }
  .xl-w-l9 {
    width: 9rem !important;
  }
  .xl-max-w-l9 {
    max-width: 9rem !important;
  }
  .xl-min-w-l9 {
    min-width: 9rem !important;
  }
  .xl-w-l10 {
    width: 10rem !important;
  }
  .xl-max-w-l10 {
    max-width: 10rem !important;
  }
  .xl-min-w-l10 {
    min-width: 10rem !important;
  }
  .xl-w-auto {
    width: auto !important;
  }
  .xl-max-w-auto {
    max-width: auto !important;
  }
  .xl-min-w-auto {
    min-width: auto !important;
  }
  .xl-w-1px {
    width: 1px !important;
  }
  .xl-max-w-1px {
    max-width: 1px !important;
  }
  .xl-min-w-1px {
    min-width: 1px !important;
  }
  .xl-w-10pc {
    width: 10% !important;
  }
  .xl-max-w-10pc {
    max-width: 10% !important;
  }
  .xl-min-w-10pc {
    min-width: 10% !important;
  }
  .xl-w-20pc {
    width: 20% !important;
  }
  .xl-max-w-20pc {
    max-width: 20% !important;
  }
  .xl-min-w-20pc {
    min-width: 20% !important;
  }
  .xl-w-25pc {
    width: 25% !important;
  }
  .xl-max-w-25pc {
    max-width: 25% !important;
  }
  .xl-min-w-25pc {
    min-width: 25% !important;
  }
  .xl-w-30pc {
    width: 30% !important;
  }
  .xl-max-w-30pc {
    max-width: 30% !important;
  }
  .xl-min-w-30pc {
    min-width: 30% !important;
  }
  .xl-w-33pc {
    width: 33.3333% !important;
  }
  .xl-max-w-33pc {
    max-width: 33.3333% !important;
  }
  .xl-min-w-33pc {
    min-width: 33.3333% !important;
  }
  .xl-w-40pc {
    width: 40% !important;
  }
  .xl-max-w-40pc {
    max-width: 40% !important;
  }
  .xl-min-w-40pc {
    min-width: 40% !important;
  }
  .xl-w-50pc {
    width: 50% !important;
  }
  .xl-max-w-50pc {
    max-width: 50% !important;
  }
  .xl-min-w-50pc {
    min-width: 50% !important;
  }
  .xl-w-60pc {
    width: 60% !important;
  }
  .xl-max-w-60pc {
    max-width: 60% !important;
  }
  .xl-min-w-60pc {
    min-width: 60% !important;
  }
  .xl-w-66pc {
    width: 66.6666% !important;
  }
  .xl-max-w-66pc {
    max-width: 66.6666% !important;
  }
  .xl-min-w-66pc {
    min-width: 66.6666% !important;
  }
  .xl-w-70pc {
    width: 70% !important;
  }
  .xl-max-w-70pc {
    max-width: 70% !important;
  }
  .xl-min-w-70pc {
    min-width: 70% !important;
  }
  .xl-w-75pc {
    width: 75% !important;
  }
  .xl-max-w-75pc {
    max-width: 75% !important;
  }
  .xl-min-w-75pc {
    min-width: 75% !important;
  }
  .xl-w-80pc {
    width: 80% !important;
  }
  .xl-max-w-80pc {
    max-width: 80% !important;
  }
  .xl-min-w-80pc {
    min-width: 80% !important;
  }
  .xl-w-90pc {
    width: 90% !important;
  }
  .xl-max-w-90pc {
    max-width: 90% !important;
  }
  .xl-min-w-90pc {
    min-width: 90% !important;
  }
  .xl-w-100pc {
    width: 100% !important;
  }
  .xl-max-w-100pc {
    max-width: 100% !important;
  }
  .xl-min-w-100pc {
    min-width: 100% !important;
  }
  .xl-w-25vw {
    width: 25vw !important;
  }
  .xl-max-w-25vw {
    max-width: 25vw !important;
  }
  .xl-min-w-25vw {
    min-width: 25vw !important;
  }
  .xl-w-50vw {
    width: 50vw !important;
  }
  .xl-max-w-50vw {
    max-width: 50vw !important;
  }
  .xl-min-w-50vw {
    min-width: 50vw !important;
  }
  .xl-w-75vw {
    width: 75vw !important;
  }
  .xl-max-w-75vw {
    max-width: 75vw !important;
  }
  .xl-min-w-75vw {
    min-width: 75vw !important;
  }
  .xl-w-100vw {
    width: 100vw !important;
  }
  .xl-max-w-100vw {
    max-width: 100vw !important;
  }
  .xl-min-w-100vw {
    min-width: 100vw !important;
  }
}

/**
===========Height===========
*/
.h-0 {
  height: 0 !important;
}

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

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

.h-1 {
  height: 0.25rem !important;
}

.max-h-1 {
  max-height: 0.25rem !important;
}

.min-h-1 {
  min-height: 0.25rem !important;
}

.h-2 {
  height: 0.5rem !important;
}

.max-h-2 {
  max-height: 0.5rem !important;
}

.min-h-2 {
  min-height: 0.5rem !important;
}

.h-3 {
  height: 0.75rem !important;
}

.max-h-3 {
  max-height: 0.75rem !important;
}

.min-h-3 {
  min-height: 0.75rem !important;
}

.h-4 {
  height: 1rem !important;
}

.max-h-4 {
  max-height: 1rem !important;
}

.min-h-4 {
  min-height: 1rem !important;
}

.h-5 {
  height: 1.25rem !important;
}

.max-h-5 {
  max-height: 1.25rem !important;
}

.min-h-5 {
  min-height: 1.25rem !important;
}

.h-6 {
  height: 1.5rem !important;
}

.max-h-6 {
  max-height: 1.5rem !important;
}

.min-h-6 {
  min-height: 1.5rem !important;
}

.h-7 {
  height: 1.75rem !important;
}

.max-h-7 {
  max-height: 1.75rem !important;
}

.min-h-7 {
  min-height: 1.75rem !important;
}

.h-8 {
  height: 2rem !important;
}

.max-h-8 {
  max-height: 2rem !important;
}

.min-h-8 {
  min-height: 2rem !important;
}

.h-9 {
  height: 2.25rem !important;
}

.max-h-9 {
  max-height: 2.25rem !important;
}

.min-h-9 {
  min-height: 2.25rem !important;
}

.h-10 {
  height: 2.5rem !important;
}

.max-h-10 {
  max-height: 2.5rem !important;
}

.min-h-10 {
  min-height: 2.5rem !important;
}

.h-l1 {
  height: 1rem !important;
}

.max-h-l1 {
  max-height: 1rem !important;
}

.min-h-l1 {
  min-height: 1rem !important;
}

.h-l2 {
  height: 2rem !important;
}

.max-h-l2 {
  max-height: 2rem !important;
}

.min-h-l2 {
  min-height: 2rem !important;
}

.h-l3 {
  height: 3rem !important;
}

.max-h-l3 {
  max-height: 3rem !important;
}

.min-h-l3 {
  min-height: 3rem !important;
}

.h-l4 {
  height: 4rem !important;
}

.max-h-l4 {
  max-height: 4rem !important;
}

.min-h-l4 {
  min-height: 4rem !important;
}

.h-l5 {
  height: 5rem !important;
}

.max-h-l5 {
  max-height: 5rem !important;
}

.min-h-l5 {
  min-height: 5rem !important;
}

.h-l6 {
  height: 6rem !important;
}

.max-h-l6 {
  max-height: 6rem !important;
}

.min-h-l6 {
  min-height: 6rem !important;
}

.h-l7 {
  height: 7rem !important;
}

.max-h-l7 {
  max-height: 7rem !important;
}

.min-h-l7 {
  min-height: 7rem !important;
}

.h-l8 {
  height: 8rem !important;
}

.max-h-l8 {
  max-height: 8rem !important;
}

.min-h-l8 {
  min-height: 8rem !important;
}

.h-l9 {
  height: 9rem !important;
}

.max-h-l9 {
  max-height: 9rem !important;
}

.min-h-l9 {
  min-height: 9rem !important;
}

.h-l10 {
  height: 10rem !important;
}

.max-h-l10 {
  max-height: 10rem !important;
}

.min-h-l10 {
  min-height: 10rem !important;
}

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

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

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

.h-1px {
  height: 1px !important;
}

.max-h-1px {
  max-height: 1px !important;
}

.min-h-1px {
  min-height: 1px !important;
}

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

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

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

.h-33pc {
  height: 33.3333% !important;
}

.max-h-33pc {
  max-height: 33.3333% !important;
}

.min-h-33pc {
  min-height: 33.3333% !important;
}

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

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

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

.h-66pc {
  height: 66.6666% !important;
}

.max-h-66pc {
  max-height: 66.6666% !important;
}

.min-h-66pc {
  min-height: 66.6666% !important;
}

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

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

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

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

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

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

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

.max-h-25vh {
  max-height: 25vh !important;
}

.min-h-25vh {
  min-height: 25vh !important;
}

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

.max-h-50vh {
  max-height: 50vh !important;
}

.min-h-50vh {
  min-height: 50vh !important;
}

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

.max-h-75vh {
  max-height: 75vh !important;
}

.min-h-75vh {
  min-height: 75vh !important;
}

.h-100vh {
  height: 100vh !important;
}

.max-h-100vh {
  max-height: 100vh !important;
}

.min-h-100vh {
  min-height: 100vh !important;
}

/**
responsive
*/
@media (min-width: 576px) {
  .sm-h-0 {
    height: 0 !important;
  }
  .sm-max-h-0 {
    max-height: 0 !important;
  }
  .sm-min-h-0 {
    min-height: 0 !important;
  }
  .sm-h-1 {
    height: 0.25rem !important;
  }
  .sm-max-h-1 {
    max-height: 0.25rem !important;
  }
  .sm-min-h-1 {
    min-height: 0.25rem !important;
  }
  .sm-h-2 {
    height: 0.5rem !important;
  }
  .sm-max-h-2 {
    max-height: 0.5rem !important;
  }
  .sm-min-h-2 {
    min-height: 0.5rem !important;
  }
  .sm-h-3 {
    height: 0.75rem !important;
  }
  .sm-max-h-3 {
    max-height: 0.75rem !important;
  }
  .sm-min-h-3 {
    min-height: 0.75rem !important;
  }
  .sm-h-4 {
    height: 1rem !important;
  }
  .sm-max-h-4 {
    max-height: 1rem !important;
  }
  .sm-min-h-4 {
    min-height: 1rem !important;
  }
  .sm-h-5 {
    height: 1.25rem !important;
  }
  .sm-max-h-5 {
    max-height: 1.25rem !important;
  }
  .sm-min-h-5 {
    min-height: 1.25rem !important;
  }
  .sm-h-6 {
    height: 1.5rem !important;
  }
  .sm-max-h-6 {
    max-height: 1.5rem !important;
  }
  .sm-min-h-6 {
    min-height: 1.5rem !important;
  }
  .sm-h-7 {
    height: 1.75rem !important;
  }
  .sm-max-h-7 {
    max-height: 1.75rem !important;
  }
  .sm-min-h-7 {
    min-height: 1.75rem !important;
  }
  .sm-h-8 {
    height: 2rem !important;
  }
  .sm-max-h-8 {
    max-height: 2rem !important;
  }
  .sm-min-h-8 {
    min-height: 2rem !important;
  }
  .sm-h-9 {
    height: 2.25rem !important;
  }
  .sm-max-h-9 {
    max-height: 2.25rem !important;
  }
  .sm-min-h-9 {
    min-height: 2.25rem !important;
  }
  .sm-h-10 {
    height: 2.5rem !important;
  }
  .sm-max-h-10 {
    max-height: 2.5rem !important;
  }
  .sm-min-h-10 {
    min-height: 2.5rem !important;
  }
  .sm-h-l1 {
    height: 1rem !important;
  }
  .sm-max-h-l1 {
    max-height: 1rem !important;
  }
  .sm-min-h-l1 {
    min-height: 1rem !important;
  }
  .sm-h-l2 {
    height: 2rem !important;
  }
  .sm-max-h-l2 {
    max-height: 2rem !important;
  }
  .sm-min-h-l2 {
    min-height: 2rem !important;
  }
  .sm-h-l3 {
    height: 3rem !important;
  }
  .sm-max-h-l3 {
    max-height: 3rem !important;
  }
  .sm-min-h-l3 {
    min-height: 3rem !important;
  }
  .sm-h-l4 {
    height: 4rem !important;
  }
  .sm-max-h-l4 {
    max-height: 4rem !important;
  }
  .sm-min-h-l4 {
    min-height: 4rem !important;
  }
  .sm-h-l5 {
    height: 5rem !important;
  }
  .sm-max-h-l5 {
    max-height: 5rem !important;
  }
  .sm-min-h-l5 {
    min-height: 5rem !important;
  }
  .sm-h-l6 {
    height: 6rem !important;
  }
  .sm-max-h-l6 {
    max-height: 6rem !important;
  }
  .sm-min-h-l6 {
    min-height: 6rem !important;
  }
  .sm-h-l7 {
    height: 7rem !important;
  }
  .sm-max-h-l7 {
    max-height: 7rem !important;
  }
  .sm-min-h-l7 {
    min-height: 7rem !important;
  }
  .sm-h-l8 {
    height: 8rem !important;
  }
  .sm-max-h-l8 {
    max-height: 8rem !important;
  }
  .sm-min-h-l8 {
    min-height: 8rem !important;
  }
  .sm-h-l9 {
    height: 9rem !important;
  }
  .sm-max-h-l9 {
    max-height: 9rem !important;
  }
  .sm-min-h-l9 {
    min-height: 9rem !important;
  }
  .sm-h-l10 {
    height: 10rem !important;
  }
  .sm-max-h-l10 {
    max-height: 10rem !important;
  }
  .sm-min-h-l10 {
    min-height: 10rem !important;
  }
  .sm-h-auto {
    height: auto !important;
  }
  .sm-max-h-auto {
    max-height: auto !important;
  }
  .sm-min-h-auto {
    min-height: auto !important;
  }
  .sm-h-1px {
    height: 1px !important;
  }
  .sm-max-h-1px {
    max-height: 1px !important;
  }
  .sm-min-h-1px {
    min-height: 1px !important;
  }
  .sm-h-25pc {
    height: 25% !important;
  }
  .sm-max-h-25pc {
    max-height: 25% !important;
  }
  .sm-min-h-25pc {
    min-height: 25% !important;
  }
  .sm-h-33pc {
    height: 33.3333% !important;
  }
  .sm-max-h-33pc {
    max-height: 33.3333% !important;
  }
  .sm-min-h-33pc {
    min-height: 33.3333% !important;
  }
  .sm-h-50pc {
    height: 50% !important;
  }
  .sm-max-h-50pc {
    max-height: 50% !important;
  }
  .sm-min-h-50pc {
    min-height: 50% !important;
  }
  .sm-h-66pc {
    height: 66.6666% !important;
  }
  .sm-max-h-66pc {
    max-height: 66.6666% !important;
  }
  .sm-min-h-66pc {
    min-height: 66.6666% !important;
  }
  .sm-h-75pc {
    height: 75% !important;
  }
  .sm-max-h-75pc {
    max-height: 75% !important;
  }
  .sm-min-h-75pc {
    min-height: 75% !important;
  }
  .sm-h-100pc {
    height: 100% !important;
  }
  .sm-max-h-100pc {
    max-height: 100% !important;
  }
  .sm-min-h-100pc {
    min-height: 100% !important;
  }
  .sm-h-25vh {
    height: 25vh !important;
  }
  .sm-max-h-25vh {
    max-height: 25vh !important;
  }
  .sm-min-h-25vh {
    min-height: 25vh !important;
  }
  .sm-h-50vh {
    height: 50vh !important;
  }
  .sm-max-h-50vh {
    max-height: 50vh !important;
  }
  .sm-min-h-50vh {
    min-height: 50vh !important;
  }
  .sm-h-75vh {
    height: 75vh !important;
  }
  .sm-max-h-75vh {
    max-height: 75vh !important;
  }
  .sm-min-h-75vh {
    min-height: 75vh !important;
  }
  .sm-h-100vh {
    height: 100vh !important;
  }
  .sm-max-h-100vh {
    max-height: 100vh !important;
  }
  .sm-min-h-100vh {
    min-height: 100vh !important;
  }
}

@media (min-width: 768px) {
  .md-h-0 {
    height: 0 !important;
  }
  .md-max-h-0 {
    max-height: 0 !important;
  }
  .md-min-h-0 {
    min-height: 0 !important;
  }
  .md-h-1 {
    height: 0.25rem !important;
  }
  .md-max-h-1 {
    max-height: 0.25rem !important;
  }
  .md-min-h-1 {
    min-height: 0.25rem !important;
  }
  .md-h-2 {
    height: 0.5rem !important;
  }
  .md-max-h-2 {
    max-height: 0.5rem !important;
  }
  .md-min-h-2 {
    min-height: 0.5rem !important;
  }
  .md-h-3 {
    height: 0.75rem !important;
  }
  .md-max-h-3 {
    max-height: 0.75rem !important;
  }
  .md-min-h-3 {
    min-height: 0.75rem !important;
  }
  .md-h-4 {
    height: 1rem !important;
  }
  .md-max-h-4 {
    max-height: 1rem !important;
  }
  .md-min-h-4 {
    min-height: 1rem !important;
  }
  .md-h-5 {
    height: 1.25rem !important;
  }
  .md-max-h-5 {
    max-height: 1.25rem !important;
  }
  .md-min-h-5 {
    min-height: 1.25rem !important;
  }
  .md-h-6 {
    height: 1.5rem !important;
  }
  .md-max-h-6 {
    max-height: 1.5rem !important;
  }
  .md-min-h-6 {
    min-height: 1.5rem !important;
  }
  .md-h-7 {
    height: 1.75rem !important;
  }
  .md-max-h-7 {
    max-height: 1.75rem !important;
  }
  .md-min-h-7 {
    min-height: 1.75rem !important;
  }
  .md-h-8 {
    height: 2rem !important;
  }
  .md-max-h-8 {
    max-height: 2rem !important;
  }
  .md-min-h-8 {
    min-height: 2rem !important;
  }
  .md-h-9 {
    height: 2.25rem !important;
  }
  .md-max-h-9 {
    max-height: 2.25rem !important;
  }
  .md-min-h-9 {
    min-height: 2.25rem !important;
  }
  .md-h-10 {
    height: 2.5rem !important;
  }
  .md-max-h-10 {
    max-height: 2.5rem !important;
  }
  .md-min-h-10 {
    min-height: 2.5rem !important;
  }
  .md-h-l1 {
    height: 1rem !important;
  }
  .md-max-h-l1 {
    max-height: 1rem !important;
  }
  .md-min-h-l1 {
    min-height: 1rem !important;
  }
  .md-h-l2 {
    height: 2rem !important;
  }
  .md-max-h-l2 {
    max-height: 2rem !important;
  }
  .md-min-h-l2 {
    min-height: 2rem !important;
  }
  .md-h-l3 {
    height: 3rem !important;
  }
  .md-max-h-l3 {
    max-height: 3rem !important;
  }
  .md-min-h-l3 {
    min-height: 3rem !important;
  }
  .md-h-l4 {
    height: 4rem !important;
  }
  .md-max-h-l4 {
    max-height: 4rem !important;
  }
  .md-min-h-l4 {
    min-height: 4rem !important;
  }
  .md-h-l5 {
    height: 5rem !important;
  }
  .md-max-h-l5 {
    max-height: 5rem !important;
  }
  .md-min-h-l5 {
    min-height: 5rem !important;
  }
  .md-h-l6 {
    height: 6rem !important;
  }
  .md-max-h-l6 {
    max-height: 6rem !important;
  }
  .md-min-h-l6 {
    min-height: 6rem !important;
  }
  .md-h-l7 {
    height: 7rem !important;
  }
  .md-max-h-l7 {
    max-height: 7rem !important;
  }
  .md-min-h-l7 {
    min-height: 7rem !important;
  }
  .md-h-l8 {
    height: 8rem !important;
  }
  .md-max-h-l8 {
    max-height: 8rem !important;
  }
  .md-min-h-l8 {
    min-height: 8rem !important;
  }
  .md-h-l9 {
    height: 9rem !important;
  }
  .md-max-h-l9 {
    max-height: 9rem !important;
  }
  .md-min-h-l9 {
    min-height: 9rem !important;
  }
  .md-h-l10 {
    height: 10rem !important;
  }
  .md-max-h-l10 {
    max-height: 10rem !important;
  }
  .md-min-h-l10 {
    min-height: 10rem !important;
  }
  .md-h-auto {
    height: auto !important;
  }
  .md-max-h-auto {
    max-height: auto !important;
  }
  .md-min-h-auto {
    min-height: auto !important;
  }
  .md-h-1px {
    height: 1px !important;
  }
  .md-max-h-1px {
    max-height: 1px !important;
  }
  .md-min-h-1px {
    min-height: 1px !important;
  }
  .md-h-25pc {
    height: 25% !important;
  }
  .md-max-h-25pc {
    max-height: 25% !important;
  }
  .md-min-h-25pc {
    min-height: 25% !important;
  }
  .md-h-33pc {
    height: 33.3333% !important;
  }
  .md-max-h-33pc {
    max-height: 33.3333% !important;
  }
  .md-min-h-33pc {
    min-height: 33.3333% !important;
  }
  .md-h-50pc {
    height: 50% !important;
  }
  .md-max-h-50pc {
    max-height: 50% !important;
  }
  .md-min-h-50pc {
    min-height: 50% !important;
  }
  .md-h-66pc {
    height: 66.6666% !important;
  }
  .md-max-h-66pc {
    max-height: 66.6666% !important;
  }
  .md-min-h-66pc {
    min-height: 66.6666% !important;
  }
  .md-h-75pc {
    height: 75% !important;
  }
  .md-max-h-75pc {
    max-height: 75% !important;
  }
  .md-min-h-75pc {
    min-height: 75% !important;
  }
  .md-h-100pc {
    height: 100% !important;
  }
  .md-max-h-100pc {
    max-height: 100% !important;
  }
  .md-min-h-100pc {
    min-height: 100% !important;
  }
  .md-h-25vh {
    height: 25vh !important;
  }
  .md-max-h-25vh {
    max-height: 25vh !important;
  }
  .md-min-h-25vh {
    min-height: 25vh !important;
  }
  .md-h-50vh {
    height: 50vh !important;
  }
  .md-max-h-50vh {
    max-height: 50vh !important;
  }
  .md-min-h-50vh {
    min-height: 50vh !important;
  }
  .md-h-75vh {
    height: 75vh !important;
  }
  .md-max-h-75vh {
    max-height: 75vh !important;
  }
  .md-min-h-75vh {
    min-height: 75vh !important;
  }
  .md-h-100vh {
    height: 100vh !important;
  }
  .md-max-h-100vh {
    max-height: 100vh !important;
  }
  .md-min-h-100vh {
    min-height: 100vh !important;
  }
}

@media (min-width: 992px) {
  .lg-h-0 {
    height: 0 !important;
  }
  .lg-max-h-0 {
    max-height: 0 !important;
  }
  .lg-min-h-0 {
    min-height: 0 !important;
  }
  .lg-h-1 {
    height: 0.25rem !important;
  }
  .lg-max-h-1 {
    max-height: 0.25rem !important;
  }
  .lg-min-h-1 {
    min-height: 0.25rem !important;
  }
  .lg-h-2 {
    height: 0.5rem !important;
  }
  .lg-max-h-2 {
    max-height: 0.5rem !important;
  }
  .lg-min-h-2 {
    min-height: 0.5rem !important;
  }
  .lg-h-3 {
    height: 0.75rem !important;
  }
  .lg-max-h-3 {
    max-height: 0.75rem !important;
  }
  .lg-min-h-3 {
    min-height: 0.75rem !important;
  }
  .lg-h-4 {
    height: 1rem !important;
  }
  .lg-max-h-4 {
    max-height: 1rem !important;
  }
  .lg-min-h-4 {
    min-height: 1rem !important;
  }
  .lg-h-5 {
    height: 1.25rem !important;
  }
  .lg-max-h-5 {
    max-height: 1.25rem !important;
  }
  .lg-min-h-5 {
    min-height: 1.25rem !important;
  }
  .lg-h-6 {
    height: 1.5rem !important;
  }
  .lg-max-h-6 {
    max-height: 1.5rem !important;
  }
  .lg-min-h-6 {
    min-height: 1.5rem !important;
  }
  .lg-h-7 {
    height: 1.75rem !important;
  }
  .lg-max-h-7 {
    max-height: 1.75rem !important;
  }
  .lg-min-h-7 {
    min-height: 1.75rem !important;
  }
  .lg-h-8 {
    height: 2rem !important;
  }
  .lg-max-h-8 {
    max-height: 2rem !important;
  }
  .lg-min-h-8 {
    min-height: 2rem !important;
  }
  .lg-h-9 {
    height: 2.25rem !important;
  }
  .lg-max-h-9 {
    max-height: 2.25rem !important;
  }
  .lg-min-h-9 {
    min-height: 2.25rem !important;
  }
  .lg-h-10 {
    height: 2.5rem !important;
  }
  .lg-max-h-10 {
    max-height: 2.5rem !important;
  }
  .lg-min-h-10 {
    min-height: 2.5rem !important;
  }
  .lg-h-l1 {
    height: 1rem !important;
  }
  .lg-max-h-l1 {
    max-height: 1rem !important;
  }
  .lg-min-h-l1 {
    min-height: 1rem !important;
  }
  .lg-h-l2 {
    height: 2rem !important;
  }
  .lg-max-h-l2 {
    max-height: 2rem !important;
  }
  .lg-min-h-l2 {
    min-height: 2rem !important;
  }
  .lg-h-l3 {
    height: 3rem !important;
  }
  .lg-max-h-l3 {
    max-height: 3rem !important;
  }
  .lg-min-h-l3 {
    min-height: 3rem !important;
  }
  .lg-h-l4 {
    height: 4rem !important;
  }
  .lg-max-h-l4 {
    max-height: 4rem !important;
  }
  .lg-min-h-l4 {
    min-height: 4rem !important;
  }
  .lg-h-l5 {
    height: 5rem !important;
  }
  .lg-max-h-l5 {
    max-height: 5rem !important;
  }
  .lg-min-h-l5 {
    min-height: 5rem !important;
  }
  .lg-h-l6 {
    height: 6rem !important;
  }
  .lg-max-h-l6 {
    max-height: 6rem !important;
  }
  .lg-min-h-l6 {
    min-height: 6rem !important;
  }
  .lg-h-l7 {
    height: 7rem !important;
  }
  .lg-max-h-l7 {
    max-height: 7rem !important;
  }
  .lg-min-h-l7 {
    min-height: 7rem !important;
  }
  .lg-h-l8 {
    height: 8rem !important;
  }
  .lg-max-h-l8 {
    max-height: 8rem !important;
  }
  .lg-min-h-l8 {
    min-height: 8rem !important;
  }
  .lg-h-l9 {
    height: 9rem !important;
  }
  .lg-max-h-l9 {
    max-height: 9rem !important;
  }
  .lg-min-h-l9 {
    min-height: 9rem !important;
  }
  .lg-h-l10 {
    height: 10rem !important;
  }
  .lg-max-h-l10 {
    max-height: 10rem !important;
  }
  .lg-min-h-l10 {
    min-height: 10rem !important;
  }
  .lg-h-auto {
    height: auto !important;
  }
  .lg-max-h-auto {
    max-height: auto !important;
  }
  .lg-min-h-auto {
    min-height: auto !important;
  }
  .lg-h-1px {
    height: 1px !important;
  }
  .lg-max-h-1px {
    max-height: 1px !important;
  }
  .lg-min-h-1px {
    min-height: 1px !important;
  }
  .lg-h-25pc {
    height: 25% !important;
  }
  .lg-max-h-25pc {
    max-height: 25% !important;
  }
  .lg-min-h-25pc {
    min-height: 25% !important;
  }
  .lg-h-33pc {
    height: 33.3333% !important;
  }
  .lg-max-h-33pc {
    max-height: 33.3333% !important;
  }
  .lg-min-h-33pc {
    min-height: 33.3333% !important;
  }
  .lg-h-50pc {
    height: 50% !important;
  }
  .lg-max-h-50pc {
    max-height: 50% !important;
  }
  .lg-min-h-50pc {
    min-height: 50% !important;
  }
  .lg-h-66pc {
    height: 66.6666% !important;
  }
  .lg-max-h-66pc {
    max-height: 66.6666% !important;
  }
  .lg-min-h-66pc {
    min-height: 66.6666% !important;
  }
  .lg-h-75pc {
    height: 75% !important;
  }
  .lg-max-h-75pc {
    max-height: 75% !important;
  }
  .lg-min-h-75pc {
    min-height: 75% !important;
  }
  .lg-h-100pc {
    height: 100% !important;
  }
  .lg-max-h-100pc {
    max-height: 100% !important;
  }
  .lg-min-h-100pc {
    min-height: 100% !important;
  }
  .lg-h-25vh {
    height: 25vh !important;
  }
  .lg-max-h-25vh {
    max-height: 25vh !important;
  }
  .lg-min-h-25vh {
    min-height: 25vh !important;
  }
  .lg-h-50vh {
    height: 50vh !important;
  }
  .lg-max-h-50vh {
    max-height: 50vh !important;
  }
  .lg-min-h-50vh {
    min-height: 50vh !important;
  }
  .lg-h-75vh {
    height: 75vh !important;
  }
  .lg-max-h-75vh {
    max-height: 75vh !important;
  }
  .lg-min-h-75vh {
    min-height: 75vh !important;
  }
  .lg-h-100vh {
    height: 100vh !important;
  }
  .lg-max-h-100vh {
    max-height: 100vh !important;
  }
  .lg-min-h-100vh {
    min-height: 100vh !important;
  }
}

@media (min-width: 1200px) {
  .xl-h-0 {
    height: 0 !important;
  }
  .xl-max-h-0 {
    max-height: 0 !important;
  }
  .xl-min-h-0 {
    min-height: 0 !important;
  }
  .xl-h-1 {
    height: 0.25rem !important;
  }
  .xl-max-h-1 {
    max-height: 0.25rem !important;
  }
  .xl-min-h-1 {
    min-height: 0.25rem !important;
  }
  .xl-h-2 {
    height: 0.5rem !important;
  }
  .xl-max-h-2 {
    max-height: 0.5rem !important;
  }
  .xl-min-h-2 {
    min-height: 0.5rem !important;
  }
  .xl-h-3 {
    height: 0.75rem !important;
  }
  .xl-max-h-3 {
    max-height: 0.75rem !important;
  }
  .xl-min-h-3 {
    min-height: 0.75rem !important;
  }
  .xl-h-4 {
    height: 1rem !important;
  }
  .xl-max-h-4 {
    max-height: 1rem !important;
  }
  .xl-min-h-4 {
    min-height: 1rem !important;
  }
  .xl-h-5 {
    height: 1.25rem !important;
  }
  .xl-max-h-5 {
    max-height: 1.25rem !important;
  }
  .xl-min-h-5 {
    min-height: 1.25rem !important;
  }
  .xl-h-6 {
    height: 1.5rem !important;
  }
  .xl-max-h-6 {
    max-height: 1.5rem !important;
  }
  .xl-min-h-6 {
    min-height: 1.5rem !important;
  }
  .xl-h-7 {
    height: 1.75rem !important;
  }
  .xl-max-h-7 {
    max-height: 1.75rem !important;
  }
  .xl-min-h-7 {
    min-height: 1.75rem !important;
  }
  .xl-h-8 {
    height: 2rem !important;
  }
  .xl-max-h-8 {
    max-height: 2rem !important;
  }
  .xl-min-h-8 {
    min-height: 2rem !important;
  }
  .xl-h-9 {
    height: 2.25rem !important;
  }
  .xl-max-h-9 {
    max-height: 2.25rem !important;
  }
  .xl-min-h-9 {
    min-height: 2.25rem !important;
  }
  .xl-h-10 {
    height: 2.5rem !important;
  }
  .xl-max-h-10 {
    max-height: 2.5rem !important;
  }
  .xl-min-h-10 {
    min-height: 2.5rem !important;
  }
  .xl-h-l1 {
    height: 1rem !important;
  }
  .xl-max-h-l1 {
    max-height: 1rem !important;
  }
  .xl-min-h-l1 {
    min-height: 1rem !important;
  }
  .xl-h-l2 {
    height: 2rem !important;
  }
  .xl-max-h-l2 {
    max-height: 2rem !important;
  }
  .xl-min-h-l2 {
    min-height: 2rem !important;
  }
  .xl-h-l3 {
    height: 3rem !important;
  }
  .xl-max-h-l3 {
    max-height: 3rem !important;
  }
  .xl-min-h-l3 {
    min-height: 3rem !important;
  }
  .xl-h-l4 {
    height: 4rem !important;
  }
  .xl-max-h-l4 {
    max-height: 4rem !important;
  }
  .xl-min-h-l4 {
    min-height: 4rem !important;
  }
  .xl-h-l5 {
    height: 5rem !important;
  }
  .xl-max-h-l5 {
    max-height: 5rem !important;
  }
  .xl-min-h-l5 {
    min-height: 5rem !important;
  }
  .xl-h-l6 {
    height: 6rem !important;
  }
  .xl-max-h-l6 {
    max-height: 6rem !important;
  }
  .xl-min-h-l6 {
    min-height: 6rem !important;
  }
  .xl-h-l7 {
    height: 7rem !important;
  }
  .xl-max-h-l7 {
    max-height: 7rem !important;
  }
  .xl-min-h-l7 {
    min-height: 7rem !important;
  }
  .xl-h-l8 {
    height: 8rem !important;
  }
  .xl-max-h-l8 {
    max-height: 8rem !important;
  }
  .xl-min-h-l8 {
    min-height: 8rem !important;
  }
  .xl-h-l9 {
    height: 9rem !important;
  }
  .xl-max-h-l9 {
    max-height: 9rem !important;
  }
  .xl-min-h-l9 {
    min-height: 9rem !important;
  }
  .xl-h-l10 {
    height: 10rem !important;
  }
  .xl-max-h-l10 {
    max-height: 10rem !important;
  }
  .xl-min-h-l10 {
    min-height: 10rem !important;
  }
  .xl-h-auto {
    height: auto !important;
  }
  .xl-max-h-auto {
    max-height: auto !important;
  }
  .xl-min-h-auto {
    min-height: auto !important;
  }
  .xl-h-1px {
    height: 1px !important;
  }
  .xl-max-h-1px {
    max-height: 1px !important;
  }
  .xl-min-h-1px {
    min-height: 1px !important;
  }
  .xl-h-25pc {
    height: 25% !important;
  }
  .xl-max-h-25pc {
    max-height: 25% !important;
  }
  .xl-min-h-25pc {
    min-height: 25% !important;
  }
  .xl-h-33pc {
    height: 33.3333% !important;
  }
  .xl-max-h-33pc {
    max-height: 33.3333% !important;
  }
  .xl-min-h-33pc {
    min-height: 33.3333% !important;
  }
  .xl-h-50pc {
    height: 50% !important;
  }
  .xl-max-h-50pc {
    max-height: 50% !important;
  }
  .xl-min-h-50pc {
    min-height: 50% !important;
  }
  .xl-h-66pc {
    height: 66.6666% !important;
  }
  .xl-max-h-66pc {
    max-height: 66.6666% !important;
  }
  .xl-min-h-66pc {
    min-height: 66.6666% !important;
  }
  .xl-h-75pc {
    height: 75% !important;
  }
  .xl-max-h-75pc {
    max-height: 75% !important;
  }
  .xl-min-h-75pc {
    min-height: 75% !important;
  }
  .xl-h-100pc {
    height: 100% !important;
  }
  .xl-max-h-100pc {
    max-height: 100% !important;
  }
  .xl-min-h-100pc {
    min-height: 100% !important;
  }
  .xl-h-25vh {
    height: 25vh !important;
  }
  .xl-max-h-25vh {
    max-height: 25vh !important;
  }
  .xl-min-h-25vh {
    min-height: 25vh !important;
  }
  .xl-h-50vh {
    height: 50vh !important;
  }
  .xl-max-h-50vh {
    max-height: 50vh !important;
  }
  .xl-min-h-50vh {
    min-height: 50vh !important;
  }
  .xl-h-75vh {
    height: 75vh !important;
  }
  .xl-max-h-75vh {
    max-height: 75vh !important;
  }
  .xl-min-h-75vh {
    min-height: 75vh !important;
  }
  .xl-h-100vh {
    height: 100vh !important;
  }
  .xl-max-h-100vh {
    max-height: 100vh !important;
  }
  .xl-min-h-100vh {
    min-height: 100vh !important;
  }
}

/**
responsive height
*/
.h-1by1:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.h-1by2:after {
  content: "";
  display: block;
  padding-bottom: 50%;
}

.h-2by1:after {
  content: "";
  display: block;
  padding-bottom: 200%;
}

.h-9by16:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.h-16by9:after {
  content: "";
  display: block;
  padding-bottom: 177.77%;
}

.h-4by3:after {
  content: "";
  display: block;
  padding-bottom: 133.33%;
}

.h-3by4:after {
  content: "";
  display: block;
  padding-bottom: 75%;
}

@media (min-width: 576px) {
  .sm-h-1by1:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .sm-h-1by2:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }
  .sm-h-2by1:after {
    content: "";
    display: block;
    padding-bottom: 200%;
  }
  .sm-h-9by16:after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }
  .sm-h-16by9:after {
    content: "";
    display: block;
    padding-bottom: 177.77%;
  }
  .sm-h-4by3:after {
    content: "";
    display: block;
    padding-bottom: 133.33%;
  }
  .sm-h-3by4:after {
    content: "";
    display: block;
    padding-bottom: 75%;
  }
}

@media (min-width: 768px) {
  .md-h-1by1:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .md-h-1by2:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }
  .md-h-2by1:after {
    content: "";
    display: block;
    padding-bottom: 200%;
  }
  .md-h-9by16:after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }
  .md-h-16by9:after {
    content: "";
    display: block;
    padding-bottom: 177.77%;
  }
  .md-h-4by3:after {
    content: "";
    display: block;
    padding-bottom: 133.33%;
  }
  .md-h-3by4:after {
    content: "";
    display: block;
    padding-bottom: 75%;
  }
}

@media (min-width: 992px) {
  .lg-h-1by1:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .lg-h-1by2:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }
  .lg-h-2by1:after {
    content: "";
    display: block;
    padding-bottom: 200%;
  }
  .lg-h-9by16:after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }
  .lg-h-16by9:after {
    content: "";
    display: block;
    padding-bottom: 177.77%;
  }
  .lg-h-4by3:after {
    content: "";
    display: block;
    padding-bottom: 133.33%;
  }
  .lg-h-3by4:after {
    content: "";
    display: block;
    padding-bottom: 75%;
  }
}

@media (min-width: 1200px) {
  .xl-h-1by1:after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }
  .xl-h-1by2:after {
    content: "";
    display: block;
    padding-bottom: 50%;
  }
  .xl-h-2by1:after {
    content: "";
    display: block;
    padding-bottom: 200%;
  }
  .xl-h-9by16:after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }
  .xl-h-16by9:after {
    content: "";
    display: block;
    padding-bottom: 177.77%;
  }
  .xl-h-4by3:after {
    content: "";
    display: block;
    padding-bottom: 133.33%;
  }
  .xl-h-3by4:after {
    content: "";
    display: block;
    padding-bottom: 75%;
  }
}

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

.pt-0 {
  padding-top: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pl-0 {
  padding-left: 0 !important;
}

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

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

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

.pt-1 {
  padding-top: 0.25rem !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

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

.pt-2 {
  padding-top: 0.5rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

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

.pt-3 {
  padding-top: 0.75rem !important;
}

.pr-3 {
  padding-right: 0.75rem !important;
}

.pb-3 {
  padding-bottom: 0.75rem !important;
}

.pl-3 {
  padding-left: 0.75rem !important;
}

.px-3 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

.py-3 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

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

.pt-4 {
  padding-top: 1rem !important;
}

.pr-4 {
  padding-right: 1rem !important;
}

.pb-4 {
  padding-bottom: 1rem !important;
}

.pl-4 {
  padding-left: 1rem !important;
}

.px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-5 {
  padding: 1.25rem !important;
}

.pt-5 {
  padding-top: 1.25rem !important;
}

.pr-5 {
  padding-right: 1.25rem !important;
}

.pb-5 {
  padding-bottom: 1.25rem !important;
}

.pl-5 {
  padding-left: 1.25rem !important;
}

.px-5 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}

.py-5 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}

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

.pt-6 {
  padding-top: 1.5rem !important;
}

.pr-6 {
  padding-right: 1.5rem !important;
}

.pb-6 {
  padding-bottom: 1.5rem !important;
}

.pl-6 {
  padding-left: 1.5rem !important;
}

.px-6 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.py-6 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-7 {
  padding: 1.75rem !important;
}

.pt-7 {
  padding-top: 1.75rem !important;
}

.pr-7 {
  padding-right: 1.75rem !important;
}

.pb-7 {
  padding-bottom: 1.75rem !important;
}

.pl-7 {
  padding-left: 1.75rem !important;
}

.px-7 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}

.py-7 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}

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

.pt-8 {
  padding-top: 2rem !important;
}

.pr-8 {
  padding-right: 2rem !important;
}

.pb-8 {
  padding-bottom: 2rem !important;
}

.pl-8 {
  padding-left: 2rem !important;
}

.px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-8 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.p-9 {
  padding: 2.25rem !important;
}

.pt-9 {
  padding-top: 2.25rem !important;
}

.pr-9 {
  padding-right: 2.25rem !important;
}

.pb-9 {
  padding-bottom: 2.25rem !important;
}

.pl-9 {
  padding-left: 2.25rem !important;
}

.px-9 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}

.py-9 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}

.p-10 {
  padding: 2.5rem !important;
}

.pt-10 {
  padding-top: 2.5rem !important;
}

.pr-10 {
  padding-right: 2.5rem !important;
}

.pb-10 {
  padding-bottom: 2.5rem !important;
}

.pl-10 {
  padding-left: 2.5rem !important;
}

.px-10 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.py-10 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

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

.pt-l1 {
  padding-top: 1rem !important;
}

.pr-l1 {
  padding-right: 1rem !important;
}

.pb-l1 {
  padding-bottom: 1rem !important;
}

.pl-l1 {
  padding-left: 1rem !important;
}

.px-l1 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.py-l1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

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

.pt-l2 {
  padding-top: 2rem !important;
}

.pr-l2 {
  padding-right: 2rem !important;
}

.pb-l2 {
  padding-bottom: 2rem !important;
}

.pl-l2 {
  padding-left: 2rem !important;
}

.px-l2 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.py-l2 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

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

.pt-l3 {
  padding-top: 3rem !important;
}

.pr-l3 {
  padding-right: 3rem !important;
}

.pb-l3 {
  padding-bottom: 3rem !important;
}

.pl-l3 {
  padding-left: 3rem !important;
}

.px-l3 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.py-l3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

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

.pt-l4 {
  padding-top: 4rem !important;
}

.pr-l4 {
  padding-right: 4rem !important;
}

.pb-l4 {
  padding-bottom: 4rem !important;
}

.pl-l4 {
  padding-left: 4rem !important;
}

.px-l4 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.py-l4 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.p-l5 {
  padding: 5rem !important;
}

.pt-l5 {
  padding-top: 5rem !important;
}

.pr-l5 {
  padding-right: 5rem !important;
}

.pb-l5 {
  padding-bottom: 5rem !important;
}

.pl-l5 {
  padding-left: 5rem !important;
}

.px-l5 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.py-l5 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.p-l6 {
  padding: 6rem !important;
}

.pt-l6 {
  padding-top: 6rem !important;
}

.pr-l6 {
  padding-right: 6rem !important;
}

.pb-l6 {
  padding-bottom: 6rem !important;
}

.pl-l6 {
  padding-left: 6rem !important;
}

.px-l6 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.py-l6 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.p-l7 {
  padding: 7rem !important;
}

.pt-l7 {
  padding-top: 7rem !important;
}

.pr-l7 {
  padding-right: 7rem !important;
}

.pb-l7 {
  padding-bottom: 7rem !important;
}

.pl-l7 {
  padding-left: 7rem !important;
}

.px-l7 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.py-l7 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

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

.pt-l8 {
  padding-top: 8rem !important;
}

.pr-l8 {
  padding-right: 8rem !important;
}

.pb-l8 {
  padding-bottom: 8rem !important;
}

.pl-l8 {
  padding-left: 8rem !important;
}

.px-l8 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.py-l8 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.p-l9 {
  padding: 9rem !important;
}

.pt-l9 {
  padding-top: 9rem !important;
}

.pr-l9 {
  padding-right: 9rem !important;
}

.pb-l9 {
  padding-bottom: 9rem !important;
}

.pl-l9 {
  padding-left: 9rem !important;
}

.px-l9 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.py-l9 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.p-l10 {
  padding: 10rem !important;
}

.pt-l10 {
  padding-top: 10rem !important;
}

.pr-l10 {
  padding-right: 10rem !important;
}

.pb-l10 {
  padding-bottom: 10rem !important;
}

.pl-l10 {
  padding-left: 10rem !important;
}

.px-l10 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

.py-l10 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

.p-1px {
  padding: 1px !important;
}

.pt-1px {
  padding-top: 1px !important;
}

.pr-1px {
  padding-right: 1px !important;
}

.pb-1px {
  padding-bottom: 1px !important;
}

.pl-1px {
  padding-left: 1px !important;
}

.px-1px {
  padding-left: 1px !important;
  padding-right: 1px !important;
}

.py-1px {
  padding-top: 1px !important;
  padding-bottom: 1px !important;
}

@media (min-width: 576px) {
  .sm-p-0 {
    padding: 0 !important;
  }
  .sm-pt-0 {
    padding-top: 0 !important;
  }
  .sm-pr-0 {
    padding-right: 0 !important;
  }
  .sm-pb-0 {
    padding-bottom: 0 !important;
  }
  .sm-pl-0 {
    padding-left: 0 !important;
  }
  .sm-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .sm-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .sm-p-1 {
    padding: 0.25rem !important;
  }
  .sm-pt-1 {
    padding-top: 0.25rem !important;
  }
  .sm-pr-1 {
    padding-right: 0.25rem !important;
  }
  .sm-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .sm-pl-1 {
    padding-left: 0.25rem !important;
  }
  .sm-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .sm-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .sm-p-2 {
    padding: 0.5rem !important;
  }
  .sm-pt-2 {
    padding-top: 0.5rem !important;
  }
  .sm-pr-2 {
    padding-right: 0.5rem !important;
  }
  .sm-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .sm-pl-2 {
    padding-left: 0.5rem !important;
  }
  .sm-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .sm-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .sm-p-3 {
    padding: 0.75rem !important;
  }
  .sm-pt-3 {
    padding-top: 0.75rem !important;
  }
  .sm-pr-3 {
    padding-right: 0.75rem !important;
  }
  .sm-pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .sm-pl-3 {
    padding-left: 0.75rem !important;
  }
  .sm-px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .sm-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .sm-p-4 {
    padding: 1rem !important;
  }
  .sm-pt-4 {
    padding-top: 1rem !important;
  }
  .sm-pr-4 {
    padding-right: 1rem !important;
  }
  .sm-pb-4 {
    padding-bottom: 1rem !important;
  }
  .sm-pl-4 {
    padding-left: 1rem !important;
  }
  .sm-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm-p-5 {
    padding: 1.25rem !important;
  }
  .sm-pt-5 {
    padding-top: 1.25rem !important;
  }
  .sm-pr-5 {
    padding-right: 1.25rem !important;
  }
  .sm-pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .sm-pl-5 {
    padding-left: 1.25rem !important;
  }
  .sm-px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .sm-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .sm-p-6 {
    padding: 1.5rem !important;
  }
  .sm-pt-6 {
    padding-top: 1.5rem !important;
  }
  .sm-pr-6 {
    padding-right: 1.5rem !important;
  }
  .sm-pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .sm-pl-6 {
    padding-left: 1.5rem !important;
  }
  .sm-px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .sm-py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .sm-p-7 {
    padding: 1.75rem !important;
  }
  .sm-pt-7 {
    padding-top: 1.75rem !important;
  }
  .sm-pr-7 {
    padding-right: 1.75rem !important;
  }
  .sm-pb-7 {
    padding-bottom: 1.75rem !important;
  }
  .sm-pl-7 {
    padding-left: 1.75rem !important;
  }
  .sm-px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
  .sm-py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .sm-p-8 {
    padding: 2rem !important;
  }
  .sm-pt-8 {
    padding-top: 2rem !important;
  }
  .sm-pr-8 {
    padding-right: 2rem !important;
  }
  .sm-pb-8 {
    padding-bottom: 2rem !important;
  }
  .sm-pl-8 {
    padding-left: 2rem !important;
  }
  .sm-px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm-p-9 {
    padding: 2.25rem !important;
  }
  .sm-pt-9 {
    padding-top: 2.25rem !important;
  }
  .sm-pr-9 {
    padding-right: 2.25rem !important;
  }
  .sm-pb-9 {
    padding-bottom: 2.25rem !important;
  }
  .sm-pl-9 {
    padding-left: 2.25rem !important;
  }
  .sm-px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .sm-py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .sm-p-10 {
    padding: 2.5rem !important;
  }
  .sm-pt-10 {
    padding-top: 2.5rem !important;
  }
  .sm-pr-10 {
    padding-right: 2.5rem !important;
  }
  .sm-pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .sm-pl-10 {
    padding-left: 2.5rem !important;
  }
  .sm-px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .sm-py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .sm-p-l1 {
    padding: 1rem !important;
  }
  .sm-pt-l1 {
    padding-top: 1rem !important;
  }
  .sm-pr-l1 {
    padding-right: 1rem !important;
  }
  .sm-pb-l1 {
    padding-bottom: 1rem !important;
  }
  .sm-pl-l1 {
    padding-left: 1rem !important;
  }
  .sm-px-l1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .sm-py-l1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .sm-p-l2 {
    padding: 2rem !important;
  }
  .sm-pt-l2 {
    padding-top: 2rem !important;
  }
  .sm-pr-l2 {
    padding-right: 2rem !important;
  }
  .sm-pb-l2 {
    padding-bottom: 2rem !important;
  }
  .sm-pl-l2 {
    padding-left: 2rem !important;
  }
  .sm-px-l2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .sm-py-l2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .sm-p-l3 {
    padding: 3rem !important;
  }
  .sm-pt-l3 {
    padding-top: 3rem !important;
  }
  .sm-pr-l3 {
    padding-right: 3rem !important;
  }
  .sm-pb-l3 {
    padding-bottom: 3rem !important;
  }
  .sm-pl-l3 {
    padding-left: 3rem !important;
  }
  .sm-px-l3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .sm-py-l3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .sm-p-l4 {
    padding: 4rem !important;
  }
  .sm-pt-l4 {
    padding-top: 4rem !important;
  }
  .sm-pr-l4 {
    padding-right: 4rem !important;
  }
  .sm-pb-l4 {
    padding-bottom: 4rem !important;
  }
  .sm-pl-l4 {
    padding-left: 4rem !important;
  }
  .sm-px-l4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .sm-py-l4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .sm-p-l5 {
    padding: 5rem !important;
  }
  .sm-pt-l5 {
    padding-top: 5rem !important;
  }
  .sm-pr-l5 {
    padding-right: 5rem !important;
  }
  .sm-pb-l5 {
    padding-bottom: 5rem !important;
  }
  .sm-pl-l5 {
    padding-left: 5rem !important;
  }
  .sm-px-l5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .sm-py-l5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .sm-p-l6 {
    padding: 6rem !important;
  }
  .sm-pt-l6 {
    padding-top: 6rem !important;
  }
  .sm-pr-l6 {
    padding-right: 6rem !important;
  }
  .sm-pb-l6 {
    padding-bottom: 6rem !important;
  }
  .sm-pl-l6 {
    padding-left: 6rem !important;
  }
  .sm-px-l6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .sm-py-l6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .sm-p-l7 {
    padding: 7rem !important;
  }
  .sm-pt-l7 {
    padding-top: 7rem !important;
  }
  .sm-pr-l7 {
    padding-right: 7rem !important;
  }
  .sm-pb-l7 {
    padding-bottom: 7rem !important;
  }
  .sm-pl-l7 {
    padding-left: 7rem !important;
  }
  .sm-px-l7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .sm-py-l7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .sm-p-l8 {
    padding: 8rem !important;
  }
  .sm-pt-l8 {
    padding-top: 8rem !important;
  }
  .sm-pr-l8 {
    padding-right: 8rem !important;
  }
  .sm-pb-l8 {
    padding-bottom: 8rem !important;
  }
  .sm-pl-l8 {
    padding-left: 8rem !important;
  }
  .sm-px-l8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .sm-py-l8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .sm-p-l9 {
    padding: 9rem !important;
  }
  .sm-pt-l9 {
    padding-top: 9rem !important;
  }
  .sm-pr-l9 {
    padding-right: 9rem !important;
  }
  .sm-pb-l9 {
    padding-bottom: 9rem !important;
  }
  .sm-pl-l9 {
    padding-left: 9rem !important;
  }
  .sm-px-l9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .sm-py-l9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .sm-p-l10 {
    padding: 10rem !important;
  }
  .sm-pt-l10 {
    padding-top: 10rem !important;
  }
  .sm-pr-l10 {
    padding-right: 10rem !important;
  }
  .sm-pb-l10 {
    padding-bottom: 10rem !important;
  }
  .sm-pl-l10 {
    padding-left: 10rem !important;
  }
  .sm-px-l10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .sm-py-l10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .sm-p-1px {
    padding: 1px !important;
  }
  .sm-pt-1px {
    padding-top: 1px !important;
  }
  .sm-pr-1px {
    padding-right: 1px !important;
  }
  .sm-pb-1px {
    padding-bottom: 1px !important;
  }
  .sm-pl-1px {
    padding-left: 1px !important;
  }
  .sm-px-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .sm-py-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
}

@media (min-width: 768px) {
  .md-p-0 {
    padding: 0 !important;
  }
  .md-pt-0 {
    padding-top: 0 !important;
  }
  .md-pr-0 {
    padding-right: 0 !important;
  }
  .md-pb-0 {
    padding-bottom: 0 !important;
  }
  .md-pl-0 {
    padding-left: 0 !important;
  }
  .md-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .md-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .md-p-1 {
    padding: 0.25rem !important;
  }
  .md-pt-1 {
    padding-top: 0.25rem !important;
  }
  .md-pr-1 {
    padding-right: 0.25rem !important;
  }
  .md-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .md-pl-1 {
    padding-left: 0.25rem !important;
  }
  .md-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .md-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .md-p-2 {
    padding: 0.5rem !important;
  }
  .md-pt-2 {
    padding-top: 0.5rem !important;
  }
  .md-pr-2 {
    padding-right: 0.5rem !important;
  }
  .md-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .md-pl-2 {
    padding-left: 0.5rem !important;
  }
  .md-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .md-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .md-p-3 {
    padding: 0.75rem !important;
  }
  .md-pt-3 {
    padding-top: 0.75rem !important;
  }
  .md-pr-3 {
    padding-right: 0.75rem !important;
  }
  .md-pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .md-pl-3 {
    padding-left: 0.75rem !important;
  }
  .md-px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .md-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .md-p-4 {
    padding: 1rem !important;
  }
  .md-pt-4 {
    padding-top: 1rem !important;
  }
  .md-pr-4 {
    padding-right: 1rem !important;
  }
  .md-pb-4 {
    padding-bottom: 1rem !important;
  }
  .md-pl-4 {
    padding-left: 1rem !important;
  }
  .md-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md-p-5 {
    padding: 1.25rem !important;
  }
  .md-pt-5 {
    padding-top: 1.25rem !important;
  }
  .md-pr-5 {
    padding-right: 1.25rem !important;
  }
  .md-pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .md-pl-5 {
    padding-left: 1.25rem !important;
  }
  .md-px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .md-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .md-p-6 {
    padding: 1.5rem !important;
  }
  .md-pt-6 {
    padding-top: 1.5rem !important;
  }
  .md-pr-6 {
    padding-right: 1.5rem !important;
  }
  .md-pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .md-pl-6 {
    padding-left: 1.5rem !important;
  }
  .md-px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .md-py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .md-p-7 {
    padding: 1.75rem !important;
  }
  .md-pt-7 {
    padding-top: 1.75rem !important;
  }
  .md-pr-7 {
    padding-right: 1.75rem !important;
  }
  .md-pb-7 {
    padding-bottom: 1.75rem !important;
  }
  .md-pl-7 {
    padding-left: 1.75rem !important;
  }
  .md-px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
  .md-py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .md-p-8 {
    padding: 2rem !important;
  }
  .md-pt-8 {
    padding-top: 2rem !important;
  }
  .md-pr-8 {
    padding-right: 2rem !important;
  }
  .md-pb-8 {
    padding-bottom: 2rem !important;
  }
  .md-pl-8 {
    padding-left: 2rem !important;
  }
  .md-px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md-p-9 {
    padding: 2.25rem !important;
  }
  .md-pt-9 {
    padding-top: 2.25rem !important;
  }
  .md-pr-9 {
    padding-right: 2.25rem !important;
  }
  .md-pb-9 {
    padding-bottom: 2.25rem !important;
  }
  .md-pl-9 {
    padding-left: 2.25rem !important;
  }
  .md-px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .md-py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .md-p-10 {
    padding: 2.5rem !important;
  }
  .md-pt-10 {
    padding-top: 2.5rem !important;
  }
  .md-pr-10 {
    padding-right: 2.5rem !important;
  }
  .md-pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .md-pl-10 {
    padding-left: 2.5rem !important;
  }
  .md-px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .md-py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .md-p-l1 {
    padding: 1rem !important;
  }
  .md-pt-l1 {
    padding-top: 1rem !important;
  }
  .md-pr-l1 {
    padding-right: 1rem !important;
  }
  .md-pb-l1 {
    padding-bottom: 1rem !important;
  }
  .md-pl-l1 {
    padding-left: 1rem !important;
  }
  .md-px-l1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .md-py-l1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .md-p-l2 {
    padding: 2rem !important;
  }
  .md-pt-l2 {
    padding-top: 2rem !important;
  }
  .md-pr-l2 {
    padding-right: 2rem !important;
  }
  .md-pb-l2 {
    padding-bottom: 2rem !important;
  }
  .md-pl-l2 {
    padding-left: 2rem !important;
  }
  .md-px-l2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .md-py-l2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .md-p-l3 {
    padding: 3rem !important;
  }
  .md-pt-l3 {
    padding-top: 3rem !important;
  }
  .md-pr-l3 {
    padding-right: 3rem !important;
  }
  .md-pb-l3 {
    padding-bottom: 3rem !important;
  }
  .md-pl-l3 {
    padding-left: 3rem !important;
  }
  .md-px-l3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .md-py-l3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .md-p-l4 {
    padding: 4rem !important;
  }
  .md-pt-l4 {
    padding-top: 4rem !important;
  }
  .md-pr-l4 {
    padding-right: 4rem !important;
  }
  .md-pb-l4 {
    padding-bottom: 4rem !important;
  }
  .md-pl-l4 {
    padding-left: 4rem !important;
  }
  .md-px-l4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .md-py-l4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .md-p-l5 {
    padding: 5rem !important;
  }
  .md-pt-l5 {
    padding-top: 5rem !important;
  }
  .md-pr-l5 {
    padding-right: 5rem !important;
  }
  .md-pb-l5 {
    padding-bottom: 5rem !important;
  }
  .md-pl-l5 {
    padding-left: 5rem !important;
  }
  .md-px-l5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .md-py-l5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .md-p-l6 {
    padding: 6rem !important;
  }
  .md-pt-l6 {
    padding-top: 6rem !important;
  }
  .md-pr-l6 {
    padding-right: 6rem !important;
  }
  .md-pb-l6 {
    padding-bottom: 6rem !important;
  }
  .md-pl-l6 {
    padding-left: 6rem !important;
  }
  .md-px-l6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .md-py-l6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .md-p-l7 {
    padding: 7rem !important;
  }
  .md-pt-l7 {
    padding-top: 7rem !important;
  }
  .md-pr-l7 {
    padding-right: 7rem !important;
  }
  .md-pb-l7 {
    padding-bottom: 7rem !important;
  }
  .md-pl-l7 {
    padding-left: 7rem !important;
  }
  .md-px-l7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .md-py-l7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .md-p-l8 {
    padding: 8rem !important;
  }
  .md-pt-l8 {
    padding-top: 8rem !important;
  }
  .md-pr-l8 {
    padding-right: 8rem !important;
  }
  .md-pb-l8 {
    padding-bottom: 8rem !important;
  }
  .md-pl-l8 {
    padding-left: 8rem !important;
  }
  .md-px-l8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .md-py-l8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .md-p-l9 {
    padding: 9rem !important;
  }
  .md-pt-l9 {
    padding-top: 9rem !important;
  }
  .md-pr-l9 {
    padding-right: 9rem !important;
  }
  .md-pb-l9 {
    padding-bottom: 9rem !important;
  }
  .md-pl-l9 {
    padding-left: 9rem !important;
  }
  .md-px-l9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .md-py-l9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .md-p-l10 {
    padding: 10rem !important;
  }
  .md-pt-l10 {
    padding-top: 10rem !important;
  }
  .md-pr-l10 {
    padding-right: 10rem !important;
  }
  .md-pb-l10 {
    padding-bottom: 10rem !important;
  }
  .md-pl-l10 {
    padding-left: 10rem !important;
  }
  .md-px-l10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .md-py-l10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .md-p-1px {
    padding: 1px !important;
  }
  .md-pt-1px {
    padding-top: 1px !important;
  }
  .md-pr-1px {
    padding-right: 1px !important;
  }
  .md-pb-1px {
    padding-bottom: 1px !important;
  }
  .md-pl-1px {
    padding-left: 1px !important;
  }
  .md-px-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .md-py-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
}

@media (min-width: 992px) {
  .lg-p-0 {
    padding: 0 !important;
  }
  .lg-pt-0 {
    padding-top: 0 !important;
  }
  .lg-pr-0 {
    padding-right: 0 !important;
  }
  .lg-pb-0 {
    padding-bottom: 0 !important;
  }
  .lg-pl-0 {
    padding-left: 0 !important;
  }
  .lg-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .lg-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .lg-p-1 {
    padding: 0.25rem !important;
  }
  .lg-pt-1 {
    padding-top: 0.25rem !important;
  }
  .lg-pr-1 {
    padding-right: 0.25rem !important;
  }
  .lg-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .lg-pl-1 {
    padding-left: 0.25rem !important;
  }
  .lg-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .lg-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .lg-p-2 {
    padding: 0.5rem !important;
  }
  .lg-pt-2 {
    padding-top: 0.5rem !important;
  }
  .lg-pr-2 {
    padding-right: 0.5rem !important;
  }
  .lg-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .lg-pl-2 {
    padding-left: 0.5rem !important;
  }
  .lg-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .lg-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .lg-p-3 {
    padding: 0.75rem !important;
  }
  .lg-pt-3 {
    padding-top: 0.75rem !important;
  }
  .lg-pr-3 {
    padding-right: 0.75rem !important;
  }
  .lg-pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .lg-pl-3 {
    padding-left: 0.75rem !important;
  }
  .lg-px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .lg-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .lg-p-4 {
    padding: 1rem !important;
  }
  .lg-pt-4 {
    padding-top: 1rem !important;
  }
  .lg-pr-4 {
    padding-right: 1rem !important;
  }
  .lg-pb-4 {
    padding-bottom: 1rem !important;
  }
  .lg-pl-4 {
    padding-left: 1rem !important;
  }
  .lg-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg-p-5 {
    padding: 1.25rem !important;
  }
  .lg-pt-5 {
    padding-top: 1.25rem !important;
  }
  .lg-pr-5 {
    padding-right: 1.25rem !important;
  }
  .lg-pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .lg-pl-5 {
    padding-left: 1.25rem !important;
  }
  .lg-px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .lg-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .lg-p-6 {
    padding: 1.5rem !important;
  }
  .lg-pt-6 {
    padding-top: 1.5rem !important;
  }
  .lg-pr-6 {
    padding-right: 1.5rem !important;
  }
  .lg-pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .lg-pl-6 {
    padding-left: 1.5rem !important;
  }
  .lg-px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .lg-py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .lg-p-7 {
    padding: 1.75rem !important;
  }
  .lg-pt-7 {
    padding-top: 1.75rem !important;
  }
  .lg-pr-7 {
    padding-right: 1.75rem !important;
  }
  .lg-pb-7 {
    padding-bottom: 1.75rem !important;
  }
  .lg-pl-7 {
    padding-left: 1.75rem !important;
  }
  .lg-px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
  .lg-py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .lg-p-8 {
    padding: 2rem !important;
  }
  .lg-pt-8 {
    padding-top: 2rem !important;
  }
  .lg-pr-8 {
    padding-right: 2rem !important;
  }
  .lg-pb-8 {
    padding-bottom: 2rem !important;
  }
  .lg-pl-8 {
    padding-left: 2rem !important;
  }
  .lg-px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg-p-9 {
    padding: 2.25rem !important;
  }
  .lg-pt-9 {
    padding-top: 2.25rem !important;
  }
  .lg-pr-9 {
    padding-right: 2.25rem !important;
  }
  .lg-pb-9 {
    padding-bottom: 2.25rem !important;
  }
  .lg-pl-9 {
    padding-left: 2.25rem !important;
  }
  .lg-px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .lg-py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .lg-p-10 {
    padding: 2.5rem !important;
  }
  .lg-pt-10 {
    padding-top: 2.5rem !important;
  }
  .lg-pr-10 {
    padding-right: 2.5rem !important;
  }
  .lg-pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .lg-pl-10 {
    padding-left: 2.5rem !important;
  }
  .lg-px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .lg-py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .lg-p-l1 {
    padding: 1rem !important;
  }
  .lg-pt-l1 {
    padding-top: 1rem !important;
  }
  .lg-pr-l1 {
    padding-right: 1rem !important;
  }
  .lg-pb-l1 {
    padding-bottom: 1rem !important;
  }
  .lg-pl-l1 {
    padding-left: 1rem !important;
  }
  .lg-px-l1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .lg-py-l1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .lg-p-l2 {
    padding: 2rem !important;
  }
  .lg-pt-l2 {
    padding-top: 2rem !important;
  }
  .lg-pr-l2 {
    padding-right: 2rem !important;
  }
  .lg-pb-l2 {
    padding-bottom: 2rem !important;
  }
  .lg-pl-l2 {
    padding-left: 2rem !important;
  }
  .lg-px-l2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .lg-py-l2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .lg-p-l3 {
    padding: 3rem !important;
  }
  .lg-pt-l3 {
    padding-top: 3rem !important;
  }
  .lg-pr-l3 {
    padding-right: 3rem !important;
  }
  .lg-pb-l3 {
    padding-bottom: 3rem !important;
  }
  .lg-pl-l3 {
    padding-left: 3rem !important;
  }
  .lg-px-l3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .lg-py-l3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .lg-p-l4 {
    padding: 4rem !important;
  }
  .lg-pt-l4 {
    padding-top: 4rem !important;
  }
  .lg-pr-l4 {
    padding-right: 4rem !important;
  }
  .lg-pb-l4 {
    padding-bottom: 4rem !important;
  }
  .lg-pl-l4 {
    padding-left: 4rem !important;
  }
  .lg-px-l4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .lg-py-l4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .lg-p-l5 {
    padding: 5rem !important;
  }
  .lg-pt-l5 {
    padding-top: 5rem !important;
  }
  .lg-pr-l5 {
    padding-right: 5rem !important;
  }
  .lg-pb-l5 {
    padding-bottom: 5rem !important;
  }
  .lg-pl-l5 {
    padding-left: 5rem !important;
  }
  .lg-px-l5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .lg-py-l5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .lg-p-l6 {
    padding: 6rem !important;
  }
  .lg-pt-l6 {
    padding-top: 6rem !important;
  }
  .lg-pr-l6 {
    padding-right: 6rem !important;
  }
  .lg-pb-l6 {
    padding-bottom: 6rem !important;
  }
  .lg-pl-l6 {
    padding-left: 6rem !important;
  }
  .lg-px-l6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .lg-py-l6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .lg-p-l7 {
    padding: 7rem !important;
  }
  .lg-pt-l7 {
    padding-top: 7rem !important;
  }
  .lg-pr-l7 {
    padding-right: 7rem !important;
  }
  .lg-pb-l7 {
    padding-bottom: 7rem !important;
  }
  .lg-pl-l7 {
    padding-left: 7rem !important;
  }
  .lg-px-l7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .lg-py-l7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .lg-p-l8 {
    padding: 8rem !important;
  }
  .lg-pt-l8 {
    padding-top: 8rem !important;
  }
  .lg-pr-l8 {
    padding-right: 8rem !important;
  }
  .lg-pb-l8 {
    padding-bottom: 8rem !important;
  }
  .lg-pl-l8 {
    padding-left: 8rem !important;
  }
  .lg-px-l8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .lg-py-l8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .lg-p-l9 {
    padding: 9rem !important;
  }
  .lg-pt-l9 {
    padding-top: 9rem !important;
  }
  .lg-pr-l9 {
    padding-right: 9rem !important;
  }
  .lg-pb-l9 {
    padding-bottom: 9rem !important;
  }
  .lg-pl-l9 {
    padding-left: 9rem !important;
  }
  .lg-px-l9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .lg-py-l9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .lg-p-l10 {
    padding: 10rem !important;
  }
  .lg-pt-l10 {
    padding-top: 10rem !important;
  }
  .lg-pr-l10 {
    padding-right: 10rem !important;
  }
  .lg-pb-l10 {
    padding-bottom: 10rem !important;
  }
  .lg-pl-l10 {
    padding-left: 10rem !important;
  }
  .lg-px-l10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .lg-py-l10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .lg-p-1px {
    padding: 1px !important;
  }
  .lg-pt-1px {
    padding-top: 1px !important;
  }
  .lg-pr-1px {
    padding-right: 1px !important;
  }
  .lg-pb-1px {
    padding-bottom: 1px !important;
  }
  .lg-pl-1px {
    padding-left: 1px !important;
  }
  .lg-px-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .lg-py-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
}

@media (min-width: 1200px) {
  .xl-p-0 {
    padding: 0 !important;
  }
  .xl-pt-0 {
    padding-top: 0 !important;
  }
  .xl-pr-0 {
    padding-right: 0 !important;
  }
  .xl-pb-0 {
    padding-bottom: 0 !important;
  }
  .xl-pl-0 {
    padding-left: 0 !important;
  }
  .xl-px-0 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .xl-py-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .xl-p-1 {
    padding: 0.25rem !important;
  }
  .xl-pt-1 {
    padding-top: 0.25rem !important;
  }
  .xl-pr-1 {
    padding-right: 0.25rem !important;
  }
  .xl-pb-1 {
    padding-bottom: 0.25rem !important;
  }
  .xl-pl-1 {
    padding-left: 0.25rem !important;
  }
  .xl-px-1 {
    padding-left: 0.25rem !important;
    padding-right: 0.25rem !important;
  }
  .xl-py-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .xl-p-2 {
    padding: 0.5rem !important;
  }
  .xl-pt-2 {
    padding-top: 0.5rem !important;
  }
  .xl-pr-2 {
    padding-right: 0.5rem !important;
  }
  .xl-pb-2 {
    padding-bottom: 0.5rem !important;
  }
  .xl-pl-2 {
    padding-left: 0.5rem !important;
  }
  .xl-px-2 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .xl-py-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .xl-p-3 {
    padding: 0.75rem !important;
  }
  .xl-pt-3 {
    padding-top: 0.75rem !important;
  }
  .xl-pr-3 {
    padding-right: 0.75rem !important;
  }
  .xl-pb-3 {
    padding-bottom: 0.75rem !important;
  }
  .xl-pl-3 {
    padding-left: 0.75rem !important;
  }
  .xl-px-3 {
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
  }
  .xl-py-3 {
    padding-top: 0.75rem !important;
    padding-bottom: 0.75rem !important;
  }
  .xl-p-4 {
    padding: 1rem !important;
  }
  .xl-pt-4 {
    padding-top: 1rem !important;
  }
  .xl-pr-4 {
    padding-right: 1rem !important;
  }
  .xl-pb-4 {
    padding-bottom: 1rem !important;
  }
  .xl-pl-4 {
    padding-left: 1rem !important;
  }
  .xl-px-4 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl-py-4 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl-p-5 {
    padding: 1.25rem !important;
  }
  .xl-pt-5 {
    padding-top: 1.25rem !important;
  }
  .xl-pr-5 {
    padding-right: 1.25rem !important;
  }
  .xl-pb-5 {
    padding-bottom: 1.25rem !important;
  }
  .xl-pl-5 {
    padding-left: 1.25rem !important;
  }
  .xl-px-5 {
    padding-left: 1.25rem !important;
    padding-right: 1.25rem !important;
  }
  .xl-py-5 {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
  .xl-p-6 {
    padding: 1.5rem !important;
  }
  .xl-pt-6 {
    padding-top: 1.5rem !important;
  }
  .xl-pr-6 {
    padding-right: 1.5rem !important;
  }
  .xl-pb-6 {
    padding-bottom: 1.5rem !important;
  }
  .xl-pl-6 {
    padding-left: 1.5rem !important;
  }
  .xl-px-6 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .xl-py-6 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .xl-p-7 {
    padding: 1.75rem !important;
  }
  .xl-pt-7 {
    padding-top: 1.75rem !important;
  }
  .xl-pr-7 {
    padding-right: 1.75rem !important;
  }
  .xl-pb-7 {
    padding-bottom: 1.75rem !important;
  }
  .xl-pl-7 {
    padding-left: 1.75rem !important;
  }
  .xl-px-7 {
    padding-left: 1.75rem !important;
    padding-right: 1.75rem !important;
  }
  .xl-py-7 {
    padding-top: 1.75rem !important;
    padding-bottom: 1.75rem !important;
  }
  .xl-p-8 {
    padding: 2rem !important;
  }
  .xl-pt-8 {
    padding-top: 2rem !important;
  }
  .xl-pr-8 {
    padding-right: 2rem !important;
  }
  .xl-pb-8 {
    padding-bottom: 2rem !important;
  }
  .xl-pl-8 {
    padding-left: 2rem !important;
  }
  .xl-px-8 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl-py-8 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl-p-9 {
    padding: 2.25rem !important;
  }
  .xl-pt-9 {
    padding-top: 2.25rem !important;
  }
  .xl-pr-9 {
    padding-right: 2.25rem !important;
  }
  .xl-pb-9 {
    padding-bottom: 2.25rem !important;
  }
  .xl-pl-9 {
    padding-left: 2.25rem !important;
  }
  .xl-px-9 {
    padding-left: 2.25rem !important;
    padding-right: 2.25rem !important;
  }
  .xl-py-9 {
    padding-top: 2.25rem !important;
    padding-bottom: 2.25rem !important;
  }
  .xl-p-10 {
    padding: 2.5rem !important;
  }
  .xl-pt-10 {
    padding-top: 2.5rem !important;
  }
  .xl-pr-10 {
    padding-right: 2.5rem !important;
  }
  .xl-pb-10 {
    padding-bottom: 2.5rem !important;
  }
  .xl-pl-10 {
    padding-left: 2.5rem !important;
  }
  .xl-px-10 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .xl-py-10 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .xl-p-l1 {
    padding: 1rem !important;
  }
  .xl-pt-l1 {
    padding-top: 1rem !important;
  }
  .xl-pr-l1 {
    padding-right: 1rem !important;
  }
  .xl-pb-l1 {
    padding-bottom: 1rem !important;
  }
  .xl-pl-l1 {
    padding-left: 1rem !important;
  }
  .xl-px-l1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .xl-py-l1 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .xl-p-l2 {
    padding: 2rem !important;
  }
  .xl-pt-l2 {
    padding-top: 2rem !important;
  }
  .xl-pr-l2 {
    padding-right: 2rem !important;
  }
  .xl-pb-l2 {
    padding-bottom: 2rem !important;
  }
  .xl-pl-l2 {
    padding-left: 2rem !important;
  }
  .xl-px-l2 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .xl-py-l2 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .xl-p-l3 {
    padding: 3rem !important;
  }
  .xl-pt-l3 {
    padding-top: 3rem !important;
  }
  .xl-pr-l3 {
    padding-right: 3rem !important;
  }
  .xl-pb-l3 {
    padding-bottom: 3rem !important;
  }
  .xl-pl-l3 {
    padding-left: 3rem !important;
  }
  .xl-px-l3 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .xl-py-l3 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .xl-p-l4 {
    padding: 4rem !important;
  }
  .xl-pt-l4 {
    padding-top: 4rem !important;
  }
  .xl-pr-l4 {
    padding-right: 4rem !important;
  }
  .xl-pb-l4 {
    padding-bottom: 4rem !important;
  }
  .xl-pl-l4 {
    padding-left: 4rem !important;
  }
  .xl-px-l4 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .xl-py-l4 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .xl-p-l5 {
    padding: 5rem !important;
  }
  .xl-pt-l5 {
    padding-top: 5rem !important;
  }
  .xl-pr-l5 {
    padding-right: 5rem !important;
  }
  .xl-pb-l5 {
    padding-bottom: 5rem !important;
  }
  .xl-pl-l5 {
    padding-left: 5rem !important;
  }
  .xl-px-l5 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .xl-py-l5 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .xl-p-l6 {
    padding: 6rem !important;
  }
  .xl-pt-l6 {
    padding-top: 6rem !important;
  }
  .xl-pr-l6 {
    padding-right: 6rem !important;
  }
  .xl-pb-l6 {
    padding-bottom: 6rem !important;
  }
  .xl-pl-l6 {
    padding-left: 6rem !important;
  }
  .xl-px-l6 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .xl-py-l6 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .xl-p-l7 {
    padding: 7rem !important;
  }
  .xl-pt-l7 {
    padding-top: 7rem !important;
  }
  .xl-pr-l7 {
    padding-right: 7rem !important;
  }
  .xl-pb-l7 {
    padding-bottom: 7rem !important;
  }
  .xl-pl-l7 {
    padding-left: 7rem !important;
  }
  .xl-px-l7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .xl-py-l7 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .xl-p-l8 {
    padding: 8rem !important;
  }
  .xl-pt-l8 {
    padding-top: 8rem !important;
  }
  .xl-pr-l8 {
    padding-right: 8rem !important;
  }
  .xl-pb-l8 {
    padding-bottom: 8rem !important;
  }
  .xl-pl-l8 {
    padding-left: 8rem !important;
  }
  .xl-px-l8 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .xl-py-l8 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .xl-p-l9 {
    padding: 9rem !important;
  }
  .xl-pt-l9 {
    padding-top: 9rem !important;
  }
  .xl-pr-l9 {
    padding-right: 9rem !important;
  }
  .xl-pb-l9 {
    padding-bottom: 9rem !important;
  }
  .xl-pl-l9 {
    padding-left: 9rem !important;
  }
  .xl-px-l9 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .xl-py-l9 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .xl-p-l10 {
    padding: 10rem !important;
  }
  .xl-pt-l10 {
    padding-top: 10rem !important;
  }
  .xl-pr-l10 {
    padding-right: 10rem !important;
  }
  .xl-pb-l10 {
    padding-bottom: 10rem !important;
  }
  .xl-pl-l10 {
    padding-left: 10rem !important;
  }
  .xl-px-l10 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
  .xl-py-l10 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
  .xl-p-1px {
    padding: 1px !important;
  }
  .xl-pt-1px {
    padding-top: 1px !important;
  }
  .xl-pr-1px {
    padding-right: 1px !important;
  }
  .xl-pb-1px {
    padding-bottom: 1px !important;
  }
  .xl-pl-1px {
    padding-left: 1px !important;
  }
  .xl-px-1px {
    padding-left: 1px !important;
    padding-right: 1px !important;
  }
  .xl-py-1px {
    padding-top: 1px !important;
    padding-bottom: 1px !important;
  }
}

/**
    margin
*/
.m-auto,
.after-m-auto::after,
.before-m-auto::before {
  margin: auto !important;
}

.mx-auto,
.after-mx-auto::after,
.before-mx-auto::before {
  margin-left: auto !important;
  margin-right: auto !important;
}

.my-auto,
.after-my-auto::after,
.before-my-auto::before {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-auto,
.after-mt-auto::after,
.before-mt-auto::before {
  margin-top: auto !important;
}

.mr-auto,
.after-mr-auto::after,
.before-mr-auto::before {
  margin-right: auto !important;
}

.mb-auto,
.after-mb-auto::after,
.before-mb-auto::before {
  margin-bottom: auto !important;
}

.ml-auto,
.after-ml-auto::after,
.before-ml-auto::before {
  margin-left: auto !important;
}

.m--100pc,
.after-m--100pc::after,
.before-m--100pc::before {
  margin: -100% !important;
}

.mx--100pc,
.after-mx--100pc::after,
.before-mx--100pc::before {
  margin-left: -100% !important;
  margin-right: -100% !important;
}

.my--100pc,
.after-my--100pc::after,
.before-my--100pc::before {
  margin-top: -100% !important;
  margin-bottom: -100% !important;
}

.mt--100pc,
.after-mt--100pc::after,
.before-mt--100pc::before {
  margin-top: -100% !important;
}

.mr--100pc,
.after-mr--100pc::after,
.before-mr--100pc::before {
  margin-right: -100% !important;
}

.mb--100pc,
.after-mb--100pc::after,
.before-mb--100pc::before {
  margin-bottom: -100% !important;
}

.ml--100pc,
.after-ml--100pc::after,
.before-ml--100pc::before {
  margin-left: -100% !important;
}

.m-0,
.after-m-0::after,
.before-m-0::before {
  margin: 0 !important;
}

.mx-0,
.after-mx-0::after,
.before-mx-0::before {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.my-0,
.after-my-0::after,
.before-my-0::before {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.mt-0,
.after-mt-0::after,
.before-mt-0::before {
  margin-top: 0 !important;
}

.mr-0,
.after-mr-0::after,
.before-mr-0::before {
  margin-right: 0 !important;
}

.mb-0,
.after-mb-0::after,
.before-mb-0::before {
  margin-bottom: 0 !important;
}

.ml-0,
.after-ml-0::after,
.before-ml-0::before {
  margin-left: 0 !important;
}

.m-1,
.after-m-1::after,
.before-m-1::before {
  margin: 0.25rem !important;
}

.mx-1,
.after-mx-1::after,
.before-mx-1::before {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.my-1,
.after-my-1::after,
.before-my-1::before {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.mt-1,
.after-mt-1::after,
.before-mt-1::before {
  margin-top: 0.25rem !important;
}

.mr-1,
.after-mr-1::after,
.before-mr-1::before {
  margin-right: 0.25rem !important;
}

.mb-1,
.after-mb-1::after,
.before-mb-1::before {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.after-ml-1::after,
.before-ml-1::before {
  margin-left: 0.25rem !important;
}

.m-2,
.after-m-2::after,
.before-m-2::before {
  margin: 0.5rem !important;
}

.mx-2,
.after-mx-2::after,
.before-mx-2::before {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.my-2,
.after-my-2::after,
.before-my-2::before {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.mt-2,
.after-mt-2::after,
.before-mt-2::before {
  margin-top: 0.5rem !important;
}

.mr-2,
.after-mr-2::after,
.before-mr-2::before {
  margin-right: 0.5rem !important;
}

.mb-2,
.after-mb-2::after,
.before-mb-2::before {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.after-ml-2::after,
.before-ml-2::before {
  margin-left: 0.5rem !important;
}

.m-3,
.after-m-3::after,
.before-m-3::before {
  margin: 0.75rem !important;
}

.mx-3,
.after-mx-3::after,
.before-mx-3::before {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}

.my-3,
.after-my-3::after,
.before-my-3::before {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.mt-3,
.after-mt-3::after,
.before-mt-3::before {
  margin-top: 0.75rem !important;
}

.mr-3,
.after-mr-3::after,
.before-mr-3::before {
  margin-right: 0.75rem !important;
}

.mb-3,
.after-mb-3::after,
.before-mb-3::before {
  margin-bottom: 0.75rem !important;
}

.ml-3,
.after-ml-3::after,
.before-ml-3::before {
  margin-left: 0.75rem !important;
}

.m-4,
.after-m-4::after,
.before-m-4::before {
  margin: 1rem !important;
}

.mx-4,
.after-mx-4::after,
.before-mx-4::before {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-4,
.after-my-4::after,
.before-my-4::before {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-4,
.after-mt-4::after,
.before-mt-4::before {
  margin-top: 1rem !important;
}

.mr-4,
.after-mr-4::after,
.before-mr-4::before {
  margin-right: 1rem !important;
}

.mb-4,
.after-mb-4::after,
.before-mb-4::before {
  margin-bottom: 1rem !important;
}

.ml-4,
.after-ml-4::after,
.before-ml-4::before {
  margin-left: 1rem !important;
}

.m-5,
.after-m-5::after,
.before-m-5::before {
  margin: 1.25rem !important;
}

.mx-5,
.after-mx-5::after,
.before-mx-5::before {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}

.my-5,
.after-my-5::after,
.before-my-5::before {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.mt-5,
.after-mt-5::after,
.before-mt-5::before {
  margin-top: 1.25rem !important;
}

.mr-5,
.after-mr-5::after,
.before-mr-5::before {
  margin-right: 1.25rem !important;
}

.mb-5,
.after-mb-5::after,
.before-mb-5::before {
  margin-bottom: 1.25rem !important;
}

.ml-5,
.after-ml-5::after,
.before-ml-5::before {
  margin-left: 1.25rem !important;
}

.m-6,
.after-m-6::after,
.before-m-6::before {
  margin: 1.5rem !important;
}

.mx-6,
.after-mx-6::after,
.before-mx-6::before {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.my-6,
.after-my-6::after,
.before-my-6::before {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.mt-6,
.after-mt-6::after,
.before-mt-6::before {
  margin-top: 1.5rem !important;
}

.mr-6,
.after-mr-6::after,
.before-mr-6::before {
  margin-right: 1.5rem !important;
}

.mb-6,
.after-mb-6::after,
.before-mb-6::before {
  margin-bottom: 1.5rem !important;
}

.ml-6,
.after-ml-6::after,
.before-ml-6::before {
  margin-left: 1.5rem !important;
}

.m-7,
.after-m-7::after,
.before-m-7::before {
  margin: 1.75rem !important;
}

.mx-7,
.after-mx-7::after,
.before-mx-7::before {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
}

.my-7,
.after-my-7::after,
.before-my-7::before {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.mt-7,
.after-mt-7::after,
.before-mt-7::before {
  margin-top: 1.75rem !important;
}

.mr-7,
.after-mr-7::after,
.before-mr-7::before {
  margin-right: 1.75rem !important;
}

.mb-7,
.after-mb-7::after,
.before-mb-7::before {
  margin-bottom: 1.75rem !important;
}

.ml-7,
.after-ml-7::after,
.before-ml-7::before {
  margin-left: 1.75rem !important;
}

.m-8,
.after-m-8::after,
.before-m-8::before {
  margin: 2rem !important;
}

.mx-8,
.after-mx-8::after,
.before-mx-8::before {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-8,
.after-my-8::after,
.before-my-8::before {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-8,
.after-mt-8::after,
.before-mt-8::before {
  margin-top: 2rem !important;
}

.mr-8,
.after-mr-8::after,
.before-mr-8::before {
  margin-right: 2rem !important;
}

.mb-8,
.after-mb-8::after,
.before-mb-8::before {
  margin-bottom: 2rem !important;
}

.ml-8,
.after-ml-8::after,
.before-ml-8::before {
  margin-left: 2rem !important;
}

.m-9,
.after-m-9::after,
.before-m-9::before {
  margin: 2.25rem !important;
}

.mx-9,
.after-mx-9::after,
.before-mx-9::before {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}

.my-9,
.after-my-9::after,
.before-my-9::before {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

.mt-9,
.after-mt-9::after,
.before-mt-9::before {
  margin-top: 2.25rem !important;
}

.mr-9,
.after-mr-9::after,
.before-mr-9::before {
  margin-right: 2.25rem !important;
}

.mb-9,
.after-mb-9::after,
.before-mb-9::before {
  margin-bottom: 2.25rem !important;
}

.ml-9,
.after-ml-9::after,
.before-ml-9::before {
  margin-left: 2.25rem !important;
}

.m-10,
.after-m-10::after,
.before-m-10::before {
  margin: 2.5rem !important;
}

.mx-10,
.after-mx-10::after,
.before-mx-10::before {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.my-10,
.after-my-10::after,
.before-my-10::before {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.mt-10,
.after-mt-10::after,
.before-mt-10::before {
  margin-top: 2.5rem !important;
}

.mr-10,
.after-mr-10::after,
.before-mr-10::before {
  margin-right: 2.5rem !important;
}

.mb-10,
.after-mb-10::after,
.before-mb-10::before {
  margin-bottom: 2.5rem !important;
}

.ml-10,
.after-ml-10::after,
.before-ml-10::before {
  margin-left: 2.5rem !important;
}

.m-l1,
.after-m-l1::after,
.before-m-l1::before {
  margin: 1rem !important;
}

.mx-l1,
.after-mx-l1::after,
.before-mx-l1::before {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.my-l1,
.after-my-l1::after,
.before-my-l1::before {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.mt-l1,
.after-mt-l1::after,
.before-mt-l1::before {
  margin-top: 1rem !important;
}

.mr-l1,
.after-mr-l1::after,
.before-mr-l1::before {
  margin-right: 1rem !important;
}

.mb-l1,
.after-mb-l1::after,
.before-mb-l1::before {
  margin-bottom: 1rem !important;
}

.ml-l1,
.after-ml-l1::after,
.before-ml-l1::before {
  margin-left: 1rem !important;
}

.m-l2,
.after-m-l2::after,
.before-m-l2::before {
  margin: 2rem !important;
}

.mx-l2,
.after-mx-l2::after,
.before-mx-l2::before {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.my-l2,
.after-my-l2::after,
.before-my-l2::before {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.mt-l2,
.after-mt-l2::after,
.before-mt-l2::before {
  margin-top: 2rem !important;
}

.mr-l2,
.after-mr-l2::after,
.before-mr-l2::before {
  margin-right: 2rem !important;
}

.mb-l2,
.after-mb-l2::after,
.before-mb-l2::before {
  margin-bottom: 2rem !important;
}

.ml-l2,
.after-ml-l2::after,
.before-ml-l2::before {
  margin-left: 2rem !important;
}

.m-l3,
.after-m-l3::after,
.before-m-l3::before {
  margin: 3rem !important;
}

.mx-l3,
.after-mx-l3::after,
.before-mx-l3::before {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.my-l3,
.after-my-l3::after,
.before-my-l3::before {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.mt-l3,
.after-mt-l3::after,
.before-mt-l3::before {
  margin-top: 3rem !important;
}

.mr-l3,
.after-mr-l3::after,
.before-mr-l3::before {
  margin-right: 3rem !important;
}

.mb-l3,
.after-mb-l3::after,
.before-mb-l3::before {
  margin-bottom: 3rem !important;
}

.ml-l3,
.after-ml-l3::after,
.before-ml-l3::before {
  margin-left: 3rem !important;
}

.m-l4,
.after-m-l4::after,
.before-m-l4::before {
  margin: 4rem !important;
}

.mx-l4,
.after-mx-l4::after,
.before-mx-l4::before {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.my-l4,
.after-my-l4::after,
.before-my-l4::before {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.mt-l4,
.after-mt-l4::after,
.before-mt-l4::before {
  margin-top: 4rem !important;
}

.mr-l4,
.after-mr-l4::after,
.before-mr-l4::before {
  margin-right: 4rem !important;
}

.mb-l4,
.after-mb-l4::after,
.before-mb-l4::before {
  margin-bottom: 4rem !important;
}

.ml-l4,
.after-ml-l4::after,
.before-ml-l4::before {
  margin-left: 4rem !important;
}

.m-l5,
.after-m-l5::after,
.before-m-l5::before {
  margin: 5rem !important;
}

.mx-l5,
.after-mx-l5::after,
.before-mx-l5::before {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.my-l5,
.after-my-l5::after,
.before-my-l5::before {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.mt-l5,
.after-mt-l5::after,
.before-mt-l5::before {
  margin-top: 5rem !important;
}

.mr-l5,
.after-mr-l5::after,
.before-mr-l5::before {
  margin-right: 5rem !important;
}

.mb-l5,
.after-mb-l5::after,
.before-mb-l5::before {
  margin-bottom: 5rem !important;
}

.ml-l5,
.after-ml-l5::after,
.before-ml-l5::before {
  margin-left: 5rem !important;
}

.m-l6,
.after-m-l6::after,
.before-m-l6::before {
  margin: 6rem !important;
}

.mx-l6,
.after-mx-l6::after,
.before-mx-l6::before {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.my-l6,
.after-my-l6::after,
.before-my-l6::before {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.mt-l6,
.after-mt-l6::after,
.before-mt-l6::before {
  margin-top: 6rem !important;
}

.mr-l6,
.after-mr-l6::after,
.before-mr-l6::before {
  margin-right: 6rem !important;
}

.mb-l6,
.after-mb-l6::after,
.before-mb-l6::before {
  margin-bottom: 6rem !important;
}

.ml-l6,
.after-ml-l6::after,
.before-ml-l6::before {
  margin-left: 6rem !important;
}

.m-l7,
.after-m-l7::after,
.before-m-l7::before {
  margin: 7rem !important;
}

.mx-l7,
.after-mx-l7::after,
.before-mx-l7::before {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.my-l7,
.after-my-l7::after,
.before-my-l7::before {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.mt-l7,
.after-mt-l7::after,
.before-mt-l7::before {
  margin-top: 7rem !important;
}

.mr-l7,
.after-mr-l7::after,
.before-mr-l7::before {
  margin-right: 7rem !important;
}

.mb-l7,
.after-mb-l7::after,
.before-mb-l7::before {
  margin-bottom: 7rem !important;
}

.ml-l7,
.after-ml-l7::after,
.before-ml-l7::before {
  margin-left: 7rem !important;
}

.m-l8,
.after-m-l8::after,
.before-m-l8::before {
  margin: 8rem !important;
}

.mx-l8,
.after-mx-l8::after,
.before-mx-l8::before {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.my-l8,
.after-my-l8::after,
.before-my-l8::before {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.mt-l8,
.after-mt-l8::after,
.before-mt-l8::before {
  margin-top: 8rem !important;
}

.mr-l8,
.after-mr-l8::after,
.before-mr-l8::before {
  margin-right: 8rem !important;
}

.mb-l8,
.after-mb-l8::after,
.before-mb-l8::before {
  margin-bottom: 8rem !important;
}

.ml-l8,
.after-ml-l8::after,
.before-ml-l8::before {
  margin-left: 8rem !important;
}

.m-l9,
.after-m-l9::after,
.before-m-l9::before {
  margin: 9rem !important;
}

.mx-l9,
.after-mx-l9::after,
.before-mx-l9::before {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.my-l9,
.after-my-l9::after,
.before-my-l9::before {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.mt-l9,
.after-mt-l9::after,
.before-mt-l9::before {
  margin-top: 9rem !important;
}

.mr-l9,
.after-mr-l9::after,
.before-mr-l9::before {
  margin-right: 9rem !important;
}

.mb-l9,
.after-mb-l9::after,
.before-mb-l9::before {
  margin-bottom: 9rem !important;
}

.ml-l9,
.after-ml-l9::after,
.before-ml-l9::before {
  margin-left: 9rem !important;
}

.m-l10,
.after-m-l10::after,
.before-m-l10::before {
  margin: 10rem !important;
}

.mx-l10,
.after-mx-l10::after,
.before-mx-l10::before {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

.my-l10,
.after-my-l10::after,
.before-my-l10::before {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

.mt-l10,
.after-mt-l10::after,
.before-mt-l10::before {
  margin-top: 10rem !important;
}

.mr-l10,
.after-mr-l10::after,
.before-mr-l10::before {
  margin-right: 10rem !important;
}

.mb-l10,
.after-mb-l10::after,
.before-mb-l10::before {
  margin-bottom: 10rem !important;
}

.ml-l10,
.after-ml-l10::after,
.before-ml-l10::before {
  margin-left: 10rem !important;
}

.m-1px,
.after-m-1px::after,
.before-m-1px::before {
  margin: 1px !important;
}

.mx-1px,
.after-mx-1px::after,
.before-mx-1px::before {
  margin-left: 1px !important;
  margin-right: 1px !important;
}

.my-1px,
.after-my-1px::after,
.before-my-1px::before {
  margin-top: 1px !important;
  margin-bottom: 1px !important;
}

.mt-1px,
.after-mt-1px::after,
.before-mt-1px::before {
  margin-top: 1px !important;
}

.mr-1px,
.after-mr-1px::after,
.before-mr-1px::before {
  margin-right: 1px !important;
}

.mb-1px,
.after-mb-1px::after,
.before-mb-1px::before {
  margin-bottom: 1px !important;
}

.ml-1px,
.after-ml-1px::after,
.before-ml-1px::before {
  margin-left: 1px !important;
}

@media (min-width: 576px) {
  .sm-m-auto {
    margin: auto !important;
  }
  .sm-mt-auto {
    margin-top: auto !important;
  }
  .sm-mr-auto {
    margin-right: auto !important;
  }
  .sm-mb-auto {
    margin-bottom: auto !important;
  }
  .sm-ml-auto {
    margin-left: auto !important;
  }
  .sm-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .sm-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .sm-m--100pc {
    margin: -100% !important;
  }
  .sm-mt--100pc {
    margin-top: -100% !important;
  }
  .sm-mr--100pc {
    margin-right: -100% !important;
  }
  .sm-mb--100pc {
    margin-bottom: -100% !important;
  }
  .sm-ml--100pc {
    margin-left: -100% !important;
  }
  .sm-mx--100pc {
    margin-left: -100% !important;
    margin-right: -100% !important;
  }
  .sm-my--100pc {
    margin-top: -100% !important;
    margin-bottom: -100% !important;
  }
  .sm-m-0 {
    margin: 0 !important;
  }
  .sm-mt-0 {
    margin-top: 0 !important;
  }
  .sm-mr-0 {
    margin-right: 0 !important;
  }
  .sm-mb-0 {
    margin-bottom: 0 !important;
  }
  .sm-ml-0 {
    margin-left: 0 !important;
  }
  .sm-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .sm-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .sm-m-1 {
    margin: 0.25rem !important;
  }
  .sm-mt-1 {
    margin-top: 0.25rem !important;
  }
  .sm-mr-1 {
    margin-right: 0.25rem !important;
  }
  .sm-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .sm-ml-1 {
    margin-left: 0.25rem !important;
  }
  .sm-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .sm-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .sm-m-2 {
    margin: 0.5rem !important;
  }
  .sm-mt-2 {
    margin-top: 0.5rem !important;
  }
  .sm-mr-2 {
    margin-right: 0.5rem !important;
  }
  .sm-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .sm-ml-2 {
    margin-left: 0.5rem !important;
  }
  .sm-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .sm-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .sm-m-3 {
    margin: 0.75rem !important;
  }
  .sm-mt-3 {
    margin-top: 0.75rem !important;
  }
  .sm-mr-3 {
    margin-right: 0.75rem !important;
  }
  .sm-mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .sm-ml-3 {
    margin-left: 0.75rem !important;
  }
  .sm-mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .sm-my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .sm-m-4 {
    margin: 1rem !important;
  }
  .sm-mt-4 {
    margin-top: 1rem !important;
  }
  .sm-mr-4 {
    margin-right: 1rem !important;
  }
  .sm-mb-4 {
    margin-bottom: 1rem !important;
  }
  .sm-ml-4 {
    margin-left: 1rem !important;
  }
  .sm-mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm-m-5 {
    margin: 1.25rem !important;
  }
  .sm-mt-5 {
    margin-top: 1.25rem !important;
  }
  .sm-mr-5 {
    margin-right: 1.25rem !important;
  }
  .sm-mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .sm-ml-5 {
    margin-left: 1.25rem !important;
  }
  .sm-mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .sm-my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .sm-m-6 {
    margin: 1.5rem !important;
  }
  .sm-mt-6 {
    margin-top: 1.5rem !important;
  }
  .sm-mr-6 {
    margin-right: 1.5rem !important;
  }
  .sm-mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .sm-ml-6 {
    margin-left: 1.5rem !important;
  }
  .sm-mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .sm-my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .sm-m-7 {
    margin: 1.75rem !important;
  }
  .sm-mt-7 {
    margin-top: 1.75rem !important;
  }
  .sm-mr-7 {
    margin-right: 1.75rem !important;
  }
  .sm-mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .sm-ml-7 {
    margin-left: 1.75rem !important;
  }
  .sm-mx-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }
  .sm-my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .sm-m-8 {
    margin: 2rem !important;
  }
  .sm-mt-8 {
    margin-top: 2rem !important;
  }
  .sm-mr-8 {
    margin-right: 2rem !important;
  }
  .sm-mb-8 {
    margin-bottom: 2rem !important;
  }
  .sm-ml-8 {
    margin-left: 2rem !important;
  }
  .sm-mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm-my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm-m-9 {
    margin: 2.25rem !important;
  }
  .sm-mt-9 {
    margin-top: 2.25rem !important;
  }
  .sm-mr-9 {
    margin-right: 2.25rem !important;
  }
  .sm-mb-9 {
    margin-bottom: 2.25rem !important;
  }
  .sm-ml-9 {
    margin-left: 2.25rem !important;
  }
  .sm-mx-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .sm-my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .sm-m-10 {
    margin: 2.5rem !important;
  }
  .sm-mt-10 {
    margin-top: 2.5rem !important;
  }
  .sm-mr-10 {
    margin-right: 2.5rem !important;
  }
  .sm-mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .sm-ml-10 {
    margin-left: 2.5rem !important;
  }
  .sm-mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .sm-my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .sm-m-l1 {
    margin: 1rem !important;
  }
  .sm-mt-l1 {
    margin-top: 1rem !important;
  }
  .sm-mr-l1 {
    margin-right: 1rem !important;
  }
  .sm-mb-l1 {
    margin-bottom: 1rem !important;
  }
  .sm-ml-l1 {
    margin-left: 1rem !important;
  }
  .sm-mx-l1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .sm-my-l1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .sm-m-l2 {
    margin: 2rem !important;
  }
  .sm-mt-l2 {
    margin-top: 2rem !important;
  }
  .sm-mr-l2 {
    margin-right: 2rem !important;
  }
  .sm-mb-l2 {
    margin-bottom: 2rem !important;
  }
  .sm-ml-l2 {
    margin-left: 2rem !important;
  }
  .sm-mx-l2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .sm-my-l2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .sm-m-l3 {
    margin: 3rem !important;
  }
  .sm-mt-l3 {
    margin-top: 3rem !important;
  }
  .sm-mr-l3 {
    margin-right: 3rem !important;
  }
  .sm-mb-l3 {
    margin-bottom: 3rem !important;
  }
  .sm-ml-l3 {
    margin-left: 3rem !important;
  }
  .sm-mx-l3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .sm-my-l3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .sm-m-l4 {
    margin: 4rem !important;
  }
  .sm-mt-l4 {
    margin-top: 4rem !important;
  }
  .sm-mr-l4 {
    margin-right: 4rem !important;
  }
  .sm-mb-l4 {
    margin-bottom: 4rem !important;
  }
  .sm-ml-l4 {
    margin-left: 4rem !important;
  }
  .sm-mx-l4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .sm-my-l4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .sm-m-l5 {
    margin: 5rem !important;
  }
  .sm-mt-l5 {
    margin-top: 5rem !important;
  }
  .sm-mr-l5 {
    margin-right: 5rem !important;
  }
  .sm-mb-l5 {
    margin-bottom: 5rem !important;
  }
  .sm-ml-l5 {
    margin-left: 5rem !important;
  }
  .sm-mx-l5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .sm-my-l5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .sm-m-l6 {
    margin: 6rem !important;
  }
  .sm-mt-l6 {
    margin-top: 6rem !important;
  }
  .sm-mr-l6 {
    margin-right: 6rem !important;
  }
  .sm-mb-l6 {
    margin-bottom: 6rem !important;
  }
  .sm-ml-l6 {
    margin-left: 6rem !important;
  }
  .sm-mx-l6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .sm-my-l6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .sm-m-l7 {
    margin: 7rem !important;
  }
  .sm-mt-l7 {
    margin-top: 7rem !important;
  }
  .sm-mr-l7 {
    margin-right: 7rem !important;
  }
  .sm-mb-l7 {
    margin-bottom: 7rem !important;
  }
  .sm-ml-l7 {
    margin-left: 7rem !important;
  }
  .sm-mx-l7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .sm-my-l7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .sm-m-l8 {
    margin: 8rem !important;
  }
  .sm-mt-l8 {
    margin-top: 8rem !important;
  }
  .sm-mr-l8 {
    margin-right: 8rem !important;
  }
  .sm-mb-l8 {
    margin-bottom: 8rem !important;
  }
  .sm-ml-l8 {
    margin-left: 8rem !important;
  }
  .sm-mx-l8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .sm-my-l8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .sm-m-l9 {
    margin: 9rem !important;
  }
  .sm-mt-l9 {
    margin-top: 9rem !important;
  }
  .sm-mr-l9 {
    margin-right: 9rem !important;
  }
  .sm-mb-l9 {
    margin-bottom: 9rem !important;
  }
  .sm-ml-l9 {
    margin-left: 9rem !important;
  }
  .sm-mx-l9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .sm-my-l9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .sm-m-l10 {
    margin: 10rem !important;
  }
  .sm-mt-l10 {
    margin-top: 10rem !important;
  }
  .sm-mr-l10 {
    margin-right: 10rem !important;
  }
  .sm-mb-l10 {
    margin-bottom: 10rem !important;
  }
  .sm-ml-l10 {
    margin-left: 10rem !important;
  }
  .sm-mx-l10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
  .sm-my-l10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .sm-m-1px {
    margin: 1px !important;
  }
  .sm-mt-1px {
    margin-top: 1px !important;
  }
  .sm-mr-1px {
    margin-right: 1px !important;
  }
  .sm-mb-1px {
    margin-bottom: 1px !important;
  }
  .sm-ml-1px {
    margin-left: 1px !important;
  }
  .sm-mx-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .sm-my-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
}

@media (min-width: 768px) {
  .md-m-auto {
    margin: auto !important;
  }
  .md-mt-auto {
    margin-top: auto !important;
  }
  .md-mr-auto {
    margin-right: auto !important;
  }
  .md-mb-auto {
    margin-bottom: auto !important;
  }
  .md-ml-auto {
    margin-left: auto !important;
  }
  .md-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .md-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .md-m--100pc {
    margin: -100% !important;
  }
  .md-mt--100pc {
    margin-top: -100% !important;
  }
  .md-mr--100pc {
    margin-right: -100% !important;
  }
  .md-mb--100pc {
    margin-bottom: -100% !important;
  }
  .md-ml--100pc {
    margin-left: -100% !important;
  }
  .md-mx--100pc {
    margin-left: -100% !important;
    margin-right: -100% !important;
  }
  .md-my--100pc {
    margin-top: -100% !important;
    margin-bottom: -100% !important;
  }
  .md-m-0 {
    margin: 0 !important;
  }
  .md-mt-0 {
    margin-top: 0 !important;
  }
  .md-mr-0 {
    margin-right: 0 !important;
  }
  .md-mb-0 {
    margin-bottom: 0 !important;
  }
  .md-ml-0 {
    margin-left: 0 !important;
  }
  .md-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .md-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .md-m-1 {
    margin: 0.25rem !important;
  }
  .md-mt-1 {
    margin-top: 0.25rem !important;
  }
  .md-mr-1 {
    margin-right: 0.25rem !important;
  }
  .md-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .md-ml-1 {
    margin-left: 0.25rem !important;
  }
  .md-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .md-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .md-m-2 {
    margin: 0.5rem !important;
  }
  .md-mt-2 {
    margin-top: 0.5rem !important;
  }
  .md-mr-2 {
    margin-right: 0.5rem !important;
  }
  .md-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .md-ml-2 {
    margin-left: 0.5rem !important;
  }
  .md-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .md-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .md-m-3 {
    margin: 0.75rem !important;
  }
  .md-mt-3 {
    margin-top: 0.75rem !important;
  }
  .md-mr-3 {
    margin-right: 0.75rem !important;
  }
  .md-mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .md-ml-3 {
    margin-left: 0.75rem !important;
  }
  .md-mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .md-my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .md-m-4 {
    margin: 1rem !important;
  }
  .md-mt-4 {
    margin-top: 1rem !important;
  }
  .md-mr-4 {
    margin-right: 1rem !important;
  }
  .md-mb-4 {
    margin-bottom: 1rem !important;
  }
  .md-ml-4 {
    margin-left: 1rem !important;
  }
  .md-mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md-m-5 {
    margin: 1.25rem !important;
  }
  .md-mt-5 {
    margin-top: 1.25rem !important;
  }
  .md-mr-5 {
    margin-right: 1.25rem !important;
  }
  .md-mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .md-ml-5 {
    margin-left: 1.25rem !important;
  }
  .md-mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .md-my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .md-m-6 {
    margin: 1.5rem !important;
  }
  .md-mt-6 {
    margin-top: 1.5rem !important;
  }
  .md-mr-6 {
    margin-right: 1.5rem !important;
  }
  .md-mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .md-ml-6 {
    margin-left: 1.5rem !important;
  }
  .md-mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .md-my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .md-m-7 {
    margin: 1.75rem !important;
  }
  .md-mt-7 {
    margin-top: 1.75rem !important;
  }
  .md-mr-7 {
    margin-right: 1.75rem !important;
  }
  .md-mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .md-ml-7 {
    margin-left: 1.75rem !important;
  }
  .md-mx-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }
  .md-my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .md-m-8 {
    margin: 2rem !important;
  }
  .md-mt-8 {
    margin-top: 2rem !important;
  }
  .md-mr-8 {
    margin-right: 2rem !important;
  }
  .md-mb-8 {
    margin-bottom: 2rem !important;
  }
  .md-ml-8 {
    margin-left: 2rem !important;
  }
  .md-mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md-my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md-m-9 {
    margin: 2.25rem !important;
  }
  .md-mt-9 {
    margin-top: 2.25rem !important;
  }
  .md-mr-9 {
    margin-right: 2.25rem !important;
  }
  .md-mb-9 {
    margin-bottom: 2.25rem !important;
  }
  .md-ml-9 {
    margin-left: 2.25rem !important;
  }
  .md-mx-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .md-my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .md-m-10 {
    margin: 2.5rem !important;
  }
  .md-mt-10 {
    margin-top: 2.5rem !important;
  }
  .md-mr-10 {
    margin-right: 2.5rem !important;
  }
  .md-mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .md-ml-10 {
    margin-left: 2.5rem !important;
  }
  .md-mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .md-my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .md-m-l1 {
    margin: 1rem !important;
  }
  .md-mt-l1 {
    margin-top: 1rem !important;
  }
  .md-mr-l1 {
    margin-right: 1rem !important;
  }
  .md-mb-l1 {
    margin-bottom: 1rem !important;
  }
  .md-ml-l1 {
    margin-left: 1rem !important;
  }
  .md-mx-l1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .md-my-l1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .md-m-l2 {
    margin: 2rem !important;
  }
  .md-mt-l2 {
    margin-top: 2rem !important;
  }
  .md-mr-l2 {
    margin-right: 2rem !important;
  }
  .md-mb-l2 {
    margin-bottom: 2rem !important;
  }
  .md-ml-l2 {
    margin-left: 2rem !important;
  }
  .md-mx-l2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .md-my-l2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .md-m-l3 {
    margin: 3rem !important;
  }
  .md-mt-l3 {
    margin-top: 3rem !important;
  }
  .md-mr-l3 {
    margin-right: 3rem !important;
  }
  .md-mb-l3 {
    margin-bottom: 3rem !important;
  }
  .md-ml-l3 {
    margin-left: 3rem !important;
  }
  .md-mx-l3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .md-my-l3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .md-m-l4 {
    margin: 4rem !important;
  }
  .md-mt-l4 {
    margin-top: 4rem !important;
  }
  .md-mr-l4 {
    margin-right: 4rem !important;
  }
  .md-mb-l4 {
    margin-bottom: 4rem !important;
  }
  .md-ml-l4 {
    margin-left: 4rem !important;
  }
  .md-mx-l4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .md-my-l4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .md-m-l5 {
    margin: 5rem !important;
  }
  .md-mt-l5 {
    margin-top: 5rem !important;
  }
  .md-mr-l5 {
    margin-right: 5rem !important;
  }
  .md-mb-l5 {
    margin-bottom: 5rem !important;
  }
  .md-ml-l5 {
    margin-left: 5rem !important;
  }
  .md-mx-l5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .md-my-l5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .md-m-l6 {
    margin: 6rem !important;
  }
  .md-mt-l6 {
    margin-top: 6rem !important;
  }
  .md-mr-l6 {
    margin-right: 6rem !important;
  }
  .md-mb-l6 {
    margin-bottom: 6rem !important;
  }
  .md-ml-l6 {
    margin-left: 6rem !important;
  }
  .md-mx-l6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .md-my-l6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .md-m-l7 {
    margin: 7rem !important;
  }
  .md-mt-l7 {
    margin-top: 7rem !important;
  }
  .md-mr-l7 {
    margin-right: 7rem !important;
  }
  .md-mb-l7 {
    margin-bottom: 7rem !important;
  }
  .md-ml-l7 {
    margin-left: 7rem !important;
  }
  .md-mx-l7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .md-my-l7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .md-m-l8 {
    margin: 8rem !important;
  }
  .md-mt-l8 {
    margin-top: 8rem !important;
  }
  .md-mr-l8 {
    margin-right: 8rem !important;
  }
  .md-mb-l8 {
    margin-bottom: 8rem !important;
  }
  .md-ml-l8 {
    margin-left: 8rem !important;
  }
  .md-mx-l8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .md-my-l8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .md-m-l9 {
    margin: 9rem !important;
  }
  .md-mt-l9 {
    margin-top: 9rem !important;
  }
  .md-mr-l9 {
    margin-right: 9rem !important;
  }
  .md-mb-l9 {
    margin-bottom: 9rem !important;
  }
  .md-ml-l9 {
    margin-left: 9rem !important;
  }
  .md-mx-l9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .md-my-l9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .md-m-l10 {
    margin: 10rem !important;
  }
  .md-mt-l10 {
    margin-top: 10rem !important;
  }
  .md-mr-l10 {
    margin-right: 10rem !important;
  }
  .md-mb-l10 {
    margin-bottom: 10rem !important;
  }
  .md-ml-l10 {
    margin-left: 10rem !important;
  }
  .md-mx-l10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
  .md-my-l10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .md-m-1px {
    margin: 1px !important;
  }
  .md-mt-1px {
    margin-top: 1px !important;
  }
  .md-mr-1px {
    margin-right: 1px !important;
  }
  .md-mb-1px {
    margin-bottom: 1px !important;
  }
  .md-ml-1px {
    margin-left: 1px !important;
  }
  .md-mx-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .md-my-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
}

@media (min-width: 992px) {
  .lg-m-auto {
    margin: auto !important;
  }
  .lg-mt-auto {
    margin-top: auto !important;
  }
  .lg-mr-auto {
    margin-right: auto !important;
  }
  .lg-mb-auto {
    margin-bottom: auto !important;
  }
  .lg-ml-auto {
    margin-left: auto !important;
  }
  .lg-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .lg-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .lg-m--100pc {
    margin: -100% !important;
  }
  .lg-mt--100pc {
    margin-top: -100% !important;
  }
  .lg-mr--100pc {
    margin-right: -100% !important;
  }
  .lg-mb--100pc {
    margin-bottom: -100% !important;
  }
  .lg-ml--100pc {
    margin-left: -100% !important;
  }
  .lg-mx--100pc {
    margin-left: -100% !important;
    margin-right: -100% !important;
  }
  .lg-my--100pc {
    margin-top: -100% !important;
    margin-bottom: -100% !important;
  }
  .lg-m-0 {
    margin: 0 !important;
  }
  .lg-mt-0 {
    margin-top: 0 !important;
  }
  .lg-mr-0 {
    margin-right: 0 !important;
  }
  .lg-mb-0 {
    margin-bottom: 0 !important;
  }
  .lg-ml-0 {
    margin-left: 0 !important;
  }
  .lg-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .lg-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .lg-m-1 {
    margin: 0.25rem !important;
  }
  .lg-mt-1 {
    margin-top: 0.25rem !important;
  }
  .lg-mr-1 {
    margin-right: 0.25rem !important;
  }
  .lg-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .lg-ml-1 {
    margin-left: 0.25rem !important;
  }
  .lg-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .lg-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .lg-m-2 {
    margin: 0.5rem !important;
  }
  .lg-mt-2 {
    margin-top: 0.5rem !important;
  }
  .lg-mr-2 {
    margin-right: 0.5rem !important;
  }
  .lg-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .lg-ml-2 {
    margin-left: 0.5rem !important;
  }
  .lg-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .lg-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .lg-m-3 {
    margin: 0.75rem !important;
  }
  .lg-mt-3 {
    margin-top: 0.75rem !important;
  }
  .lg-mr-3 {
    margin-right: 0.75rem !important;
  }
  .lg-mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .lg-ml-3 {
    margin-left: 0.75rem !important;
  }
  .lg-mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .lg-my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .lg-m-4 {
    margin: 1rem !important;
  }
  .lg-mt-4 {
    margin-top: 1rem !important;
  }
  .lg-mr-4 {
    margin-right: 1rem !important;
  }
  .lg-mb-4 {
    margin-bottom: 1rem !important;
  }
  .lg-ml-4 {
    margin-left: 1rem !important;
  }
  .lg-mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg-m-5 {
    margin: 1.25rem !important;
  }
  .lg-mt-5 {
    margin-top: 1.25rem !important;
  }
  .lg-mr-5 {
    margin-right: 1.25rem !important;
  }
  .lg-mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .lg-ml-5 {
    margin-left: 1.25rem !important;
  }
  .lg-mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .lg-my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .lg-m-6 {
    margin: 1.5rem !important;
  }
  .lg-mt-6 {
    margin-top: 1.5rem !important;
  }
  .lg-mr-6 {
    margin-right: 1.5rem !important;
  }
  .lg-mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .lg-ml-6 {
    margin-left: 1.5rem !important;
  }
  .lg-mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .lg-my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .lg-m-7 {
    margin: 1.75rem !important;
  }
  .lg-mt-7 {
    margin-top: 1.75rem !important;
  }
  .lg-mr-7 {
    margin-right: 1.75rem !important;
  }
  .lg-mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .lg-ml-7 {
    margin-left: 1.75rem !important;
  }
  .lg-mx-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }
  .lg-my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .lg-m-8 {
    margin: 2rem !important;
  }
  .lg-mt-8 {
    margin-top: 2rem !important;
  }
  .lg-mr-8 {
    margin-right: 2rem !important;
  }
  .lg-mb-8 {
    margin-bottom: 2rem !important;
  }
  .lg-ml-8 {
    margin-left: 2rem !important;
  }
  .lg-mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg-my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg-m-9 {
    margin: 2.25rem !important;
  }
  .lg-mt-9 {
    margin-top: 2.25rem !important;
  }
  .lg-mr-9 {
    margin-right: 2.25rem !important;
  }
  .lg-mb-9 {
    margin-bottom: 2.25rem !important;
  }
  .lg-ml-9 {
    margin-left: 2.25rem !important;
  }
  .lg-mx-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .lg-my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .lg-m-10 {
    margin: 2.5rem !important;
  }
  .lg-mt-10 {
    margin-top: 2.5rem !important;
  }
  .lg-mr-10 {
    margin-right: 2.5rem !important;
  }
  .lg-mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .lg-ml-10 {
    margin-left: 2.5rem !important;
  }
  .lg-mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .lg-my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .lg-m-l1 {
    margin: 1rem !important;
  }
  .lg-mt-l1 {
    margin-top: 1rem !important;
  }
  .lg-mr-l1 {
    margin-right: 1rem !important;
  }
  .lg-mb-l1 {
    margin-bottom: 1rem !important;
  }
  .lg-ml-l1 {
    margin-left: 1rem !important;
  }
  .lg-mx-l1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .lg-my-l1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .lg-m-l2 {
    margin: 2rem !important;
  }
  .lg-mt-l2 {
    margin-top: 2rem !important;
  }
  .lg-mr-l2 {
    margin-right: 2rem !important;
  }
  .lg-mb-l2 {
    margin-bottom: 2rem !important;
  }
  .lg-ml-l2 {
    margin-left: 2rem !important;
  }
  .lg-mx-l2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .lg-my-l2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .lg-m-l3 {
    margin: 3rem !important;
  }
  .lg-mt-l3 {
    margin-top: 3rem !important;
  }
  .lg-mr-l3 {
    margin-right: 3rem !important;
  }
  .lg-mb-l3 {
    margin-bottom: 3rem !important;
  }
  .lg-ml-l3 {
    margin-left: 3rem !important;
  }
  .lg-mx-l3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .lg-my-l3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .lg-m-l4 {
    margin: 4rem !important;
  }
  .lg-mt-l4 {
    margin-top: 4rem !important;
  }
  .lg-mr-l4 {
    margin-right: 4rem !important;
  }
  .lg-mb-l4 {
    margin-bottom: 4rem !important;
  }
  .lg-ml-l4 {
    margin-left: 4rem !important;
  }
  .lg-mx-l4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .lg-my-l4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .lg-m-l5 {
    margin: 5rem !important;
  }
  .lg-mt-l5 {
    margin-top: 5rem !important;
  }
  .lg-mr-l5 {
    margin-right: 5rem !important;
  }
  .lg-mb-l5 {
    margin-bottom: 5rem !important;
  }
  .lg-ml-l5 {
    margin-left: 5rem !important;
  }
  .lg-mx-l5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .lg-my-l5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .lg-m-l6 {
    margin: 6rem !important;
  }
  .lg-mt-l6 {
    margin-top: 6rem !important;
  }
  .lg-mr-l6 {
    margin-right: 6rem !important;
  }
  .lg-mb-l6 {
    margin-bottom: 6rem !important;
  }
  .lg-ml-l6 {
    margin-left: 6rem !important;
  }
  .lg-mx-l6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .lg-my-l6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .lg-m-l7 {
    margin: 7rem !important;
  }
  .lg-mt-l7 {
    margin-top: 7rem !important;
  }
  .lg-mr-l7 {
    margin-right: 7rem !important;
  }
  .lg-mb-l7 {
    margin-bottom: 7rem !important;
  }
  .lg-ml-l7 {
    margin-left: 7rem !important;
  }
  .lg-mx-l7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .lg-my-l7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .lg-m-l8 {
    margin: 8rem !important;
  }
  .lg-mt-l8 {
    margin-top: 8rem !important;
  }
  .lg-mr-l8 {
    margin-right: 8rem !important;
  }
  .lg-mb-l8 {
    margin-bottom: 8rem !important;
  }
  .lg-ml-l8 {
    margin-left: 8rem !important;
  }
  .lg-mx-l8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .lg-my-l8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .lg-m-l9 {
    margin: 9rem !important;
  }
  .lg-mt-l9 {
    margin-top: 9rem !important;
  }
  .lg-mr-l9 {
    margin-right: 9rem !important;
  }
  .lg-mb-l9 {
    margin-bottom: 9rem !important;
  }
  .lg-ml-l9 {
    margin-left: 9rem !important;
  }
  .lg-mx-l9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .lg-my-l9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .lg-m-l10 {
    margin: 10rem !important;
  }
  .lg-mt-l10 {
    margin-top: 10rem !important;
  }
  .lg-mr-l10 {
    margin-right: 10rem !important;
  }
  .lg-mb-l10 {
    margin-bottom: 10rem !important;
  }
  .lg-ml-l10 {
    margin-left: 10rem !important;
  }
  .lg-mx-l10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
  .lg-my-l10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .lg-m-1px {
    margin: 1px !important;
  }
  .lg-mt-1px {
    margin-top: 1px !important;
  }
  .lg-mr-1px {
    margin-right: 1px !important;
  }
  .lg-mb-1px {
    margin-bottom: 1px !important;
  }
  .lg-ml-1px {
    margin-left: 1px !important;
  }
  .lg-mx-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .lg-my-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
}

@media (min-width: 1200px) {
  .xl-m-auto {
    margin: auto !important;
  }
  .xl-mt-auto {
    margin-top: auto !important;
  }
  .xl-mr-auto {
    margin-right: auto !important;
  }
  .xl-mb-auto {
    margin-bottom: auto !important;
  }
  .xl-ml-auto {
    margin-left: auto !important;
  }
  .xl-mx-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .xl-my-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .xl-m--100pc {
    margin: -100% !important;
  }
  .xl-mt--100pc {
    margin-top: -100% !important;
  }
  .xl-mr--100pc {
    margin-right: -100% !important;
  }
  .xl-mb--100pc {
    margin-bottom: -100% !important;
  }
  .xl-ml--100pc {
    margin-left: -100% !important;
  }
  .xl-mx--100pc {
    margin-left: -100% !important;
    margin-right: -100% !important;
  }
  .xl-my--100pc {
    margin-top: -100% !important;
    margin-bottom: -100% !important;
  }
  .xl-m-0 {
    margin: 0 !important;
  }
  .xl-mt-0 {
    margin-top: 0 !important;
  }
  .xl-mr-0 {
    margin-right: 0 !important;
  }
  .xl-mb-0 {
    margin-bottom: 0 !important;
  }
  .xl-ml-0 {
    margin-left: 0 !important;
  }
  .xl-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .xl-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .xl-m-1 {
    margin: 0.25rem !important;
  }
  .xl-mt-1 {
    margin-top: 0.25rem !important;
  }
  .xl-mr-1 {
    margin-right: 0.25rem !important;
  }
  .xl-mb-1 {
    margin-bottom: 0.25rem !important;
  }
  .xl-ml-1 {
    margin-left: 0.25rem !important;
  }
  .xl-mx-1 {
    margin-left: 0.25rem !important;
    margin-right: 0.25rem !important;
  }
  .xl-my-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .xl-m-2 {
    margin: 0.5rem !important;
  }
  .xl-mt-2 {
    margin-top: 0.5rem !important;
  }
  .xl-mr-2 {
    margin-right: 0.5rem !important;
  }
  .xl-mb-2 {
    margin-bottom: 0.5rem !important;
  }
  .xl-ml-2 {
    margin-left: 0.5rem !important;
  }
  .xl-mx-2 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .xl-my-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .xl-m-3 {
    margin: 0.75rem !important;
  }
  .xl-mt-3 {
    margin-top: 0.75rem !important;
  }
  .xl-mr-3 {
    margin-right: 0.75rem !important;
  }
  .xl-mb-3 {
    margin-bottom: 0.75rem !important;
  }
  .xl-ml-3 {
    margin-left: 0.75rem !important;
  }
  .xl-mx-3 {
    margin-left: 0.75rem !important;
    margin-right: 0.75rem !important;
  }
  .xl-my-3 {
    margin-top: 0.75rem !important;
    margin-bottom: 0.75rem !important;
  }
  .xl-m-4 {
    margin: 1rem !important;
  }
  .xl-mt-4 {
    margin-top: 1rem !important;
  }
  .xl-mr-4 {
    margin-right: 1rem !important;
  }
  .xl-mb-4 {
    margin-bottom: 1rem !important;
  }
  .xl-ml-4 {
    margin-left: 1rem !important;
  }
  .xl-mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl-my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl-m-5 {
    margin: 1.25rem !important;
  }
  .xl-mt-5 {
    margin-top: 1.25rem !important;
  }
  .xl-mr-5 {
    margin-right: 1.25rem !important;
  }
  .xl-mb-5 {
    margin-bottom: 1.25rem !important;
  }
  .xl-ml-5 {
    margin-left: 1.25rem !important;
  }
  .xl-mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important;
  }
  .xl-my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important;
  }
  .xl-m-6 {
    margin: 1.5rem !important;
  }
  .xl-mt-6 {
    margin-top: 1.5rem !important;
  }
  .xl-mr-6 {
    margin-right: 1.5rem !important;
  }
  .xl-mb-6 {
    margin-bottom: 1.5rem !important;
  }
  .xl-ml-6 {
    margin-left: 1.5rem !important;
  }
  .xl-mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .xl-my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .xl-m-7 {
    margin: 1.75rem !important;
  }
  .xl-mt-7 {
    margin-top: 1.75rem !important;
  }
  .xl-mr-7 {
    margin-right: 1.75rem !important;
  }
  .xl-mb-7 {
    margin-bottom: 1.75rem !important;
  }
  .xl-ml-7 {
    margin-left: 1.75rem !important;
  }
  .xl-mx-7 {
    margin-left: 1.75rem !important;
    margin-right: 1.75rem !important;
  }
  .xl-my-7 {
    margin-top: 1.75rem !important;
    margin-bottom: 1.75rem !important;
  }
  .xl-m-8 {
    margin: 2rem !important;
  }
  .xl-mt-8 {
    margin-top: 2rem !important;
  }
  .xl-mr-8 {
    margin-right: 2rem !important;
  }
  .xl-mb-8 {
    margin-bottom: 2rem !important;
  }
  .xl-ml-8 {
    margin-left: 2rem !important;
  }
  .xl-mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl-my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl-m-9 {
    margin: 2.25rem !important;
  }
  .xl-mt-9 {
    margin-top: 2.25rem !important;
  }
  .xl-mr-9 {
    margin-right: 2.25rem !important;
  }
  .xl-mb-9 {
    margin-bottom: 2.25rem !important;
  }
  .xl-ml-9 {
    margin-left: 2.25rem !important;
  }
  .xl-mx-9 {
    margin-left: 2.25rem !important;
    margin-right: 2.25rem !important;
  }
  .xl-my-9 {
    margin-top: 2.25rem !important;
    margin-bottom: 2.25rem !important;
  }
  .xl-m-10 {
    margin: 2.5rem !important;
  }
  .xl-mt-10 {
    margin-top: 2.5rem !important;
  }
  .xl-mr-10 {
    margin-right: 2.5rem !important;
  }
  .xl-mb-10 {
    margin-bottom: 2.5rem !important;
  }
  .xl-ml-10 {
    margin-left: 2.5rem !important;
  }
  .xl-mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .xl-my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .xl-m-l1 {
    margin: 1rem !important;
  }
  .xl-mt-l1 {
    margin-top: 1rem !important;
  }
  .xl-mr-l1 {
    margin-right: 1rem !important;
  }
  .xl-mb-l1 {
    margin-bottom: 1rem !important;
  }
  .xl-ml-l1 {
    margin-left: 1rem !important;
  }
  .xl-mx-l1 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .xl-my-l1 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .xl-m-l2 {
    margin: 2rem !important;
  }
  .xl-mt-l2 {
    margin-top: 2rem !important;
  }
  .xl-mr-l2 {
    margin-right: 2rem !important;
  }
  .xl-mb-l2 {
    margin-bottom: 2rem !important;
  }
  .xl-ml-l2 {
    margin-left: 2rem !important;
  }
  .xl-mx-l2 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .xl-my-l2 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .xl-m-l3 {
    margin: 3rem !important;
  }
  .xl-mt-l3 {
    margin-top: 3rem !important;
  }
  .xl-mr-l3 {
    margin-right: 3rem !important;
  }
  .xl-mb-l3 {
    margin-bottom: 3rem !important;
  }
  .xl-ml-l3 {
    margin-left: 3rem !important;
  }
  .xl-mx-l3 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .xl-my-l3 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .xl-m-l4 {
    margin: 4rem !important;
  }
  .xl-mt-l4 {
    margin-top: 4rem !important;
  }
  .xl-mr-l4 {
    margin-right: 4rem !important;
  }
  .xl-mb-l4 {
    margin-bottom: 4rem !important;
  }
  .xl-ml-l4 {
    margin-left: 4rem !important;
  }
  .xl-mx-l4 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .xl-my-l4 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .xl-m-l5 {
    margin: 5rem !important;
  }
  .xl-mt-l5 {
    margin-top: 5rem !important;
  }
  .xl-mr-l5 {
    margin-right: 5rem !important;
  }
  .xl-mb-l5 {
    margin-bottom: 5rem !important;
  }
  .xl-ml-l5 {
    margin-left: 5rem !important;
  }
  .xl-mx-l5 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .xl-my-l5 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .xl-m-l6 {
    margin: 6rem !important;
  }
  .xl-mt-l6 {
    margin-top: 6rem !important;
  }
  .xl-mr-l6 {
    margin-right: 6rem !important;
  }
  .xl-mb-l6 {
    margin-bottom: 6rem !important;
  }
  .xl-ml-l6 {
    margin-left: 6rem !important;
  }
  .xl-mx-l6 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .xl-my-l6 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .xl-m-l7 {
    margin: 7rem !important;
  }
  .xl-mt-l7 {
    margin-top: 7rem !important;
  }
  .xl-mr-l7 {
    margin-right: 7rem !important;
  }
  .xl-mb-l7 {
    margin-bottom: 7rem !important;
  }
  .xl-ml-l7 {
    margin-left: 7rem !important;
  }
  .xl-mx-l7 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .xl-my-l7 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .xl-m-l8 {
    margin: 8rem !important;
  }
  .xl-mt-l8 {
    margin-top: 8rem !important;
  }
  .xl-mr-l8 {
    margin-right: 8rem !important;
  }
  .xl-mb-l8 {
    margin-bottom: 8rem !important;
  }
  .xl-ml-l8 {
    margin-left: 8rem !important;
  }
  .xl-mx-l8 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .xl-my-l8 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .xl-m-l9 {
    margin: 9rem !important;
  }
  .xl-mt-l9 {
    margin-top: 9rem !important;
  }
  .xl-mr-l9 {
    margin-right: 9rem !important;
  }
  .xl-mb-l9 {
    margin-bottom: 9rem !important;
  }
  .xl-ml-l9 {
    margin-left: 9rem !important;
  }
  .xl-mx-l9 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .xl-my-l9 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .xl-m-l10 {
    margin: 10rem !important;
  }
  .xl-mt-l10 {
    margin-top: 10rem !important;
  }
  .xl-mr-l10 {
    margin-right: 10rem !important;
  }
  .xl-mb-l10 {
    margin-bottom: 10rem !important;
  }
  .xl-ml-l10 {
    margin-left: 10rem !important;
  }
  .xl-mx-l10 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
  .xl-my-l10 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
  .xl-m-1px {
    margin: 1px !important;
  }
  .xl-mt-1px {
    margin-top: 1px !important;
  }
  .xl-mr-1px {
    margin-right: 1px !important;
  }
  .xl-mb-1px {
    margin-bottom: 1px !important;
  }
  .xl-ml-1px {
    margin-left: 1px !important;
  }
  .xl-mx-1px {
    margin-left: 1px !important;
    margin-right: 1px !important;
  }
  .xl-my-1px {
    margin-top: 1px !important;
    margin-bottom: 1px !important;
  }
}

/**
scale
*/
.scale-down-4, .hover-scale-down-4:hover, .after-scale-down-4::after, .before-scale-down-4::before {
  transform: scale(0.125);
}

.scale-down-3, .hover-scale-down-3:hover, .after-scale-down-3::after, .before-scale-down-3::before {
  transform: scale(0.25);
}

.scale-down-2, .hover-scale-down-2:hover, .after-scale-down-2::after, .before-scale-down-2::before {
  transform: scale(0.5);
}

.scale-down-1, .hover-scale-down-1:hover, .after-scale-down-1::after, .before-scale-down-1::before {
  transform: scale(0.75);
}

.scale-none, .hover-scale-none:hover, .after-scale-none::after, .before-scale-none::before {
  transform: scale(1);
}

.scale-up-1, .hover-scale-up-1:hover, .after-scale-up-1::after, .before-scale-up-1::before {
  transform: scale(1.125);
}

.scale-up-2, .hover-scale-up-2:hover, .after-scale-up-2::after, .before-scale-up-2::before {
  transform: scale(1.25);
}

.scale-up-3, .hover-scale-up-3:hover, .after-scale-up-3::after, .before-scale-up-3::before {
  transform: scale(1.5);
}

.scale-up-4, .hover-scale-up-4:hover, .after-scale-up-4::after, .before-scale-up-4::before {
  transform: scale(1.75);
}

@media (min-width: 576px) {
  .sm-scale-down-4, .sm-hover-scale-down-4:hover {
    transform: scale(0.125);
  }
  .sm-scale-down-3, .sm-hover-scale-down-3:hover {
    transform: scale(0.25);
  }
  .sm-scale-down-2, .sm-hover-scale-down-2:hover {
    transform: scale(0.5);
  }
  .sm-scale-down-1, .sm-hover-scale-down-1:hover {
    transform: scale(0.75);
  }
  .sm-scale-none, .sm-hover-scale-none:hover {
    transform: scale(1);
  }
  .sm-scale-up-1, .sm-hover-scale-up-1:hover {
    transform: scale(1.125);
  }
  .sm-scale-up-2, .sm-hover-scale-up-2:hover {
    transform: scale(1.25);
  }
  .sm-scale-up-3, .sm-hover-scale-up-3:hover {
    transform: scale(1.5);
  }
  .sm-scale-up-4, .sm-hover-scale-up-4:hover {
    transform: scale(1.75);
  }
}

@media (min-width: 768px) {
  .md-scale-down-4, .md-hover-scale-down-4:hover {
    transform: scale(0.125);
  }
  .md-scale-down-3, .md-hover-scale-down-3:hover {
    transform: scale(0.25);
  }
  .md-scale-down-2, .md-hover-scale-down-2:hover {
    transform: scale(0.5);
  }
  .md-scale-down-1, .md-hover-scale-down-1:hover {
    transform: scale(0.75);
  }
  .md-scale-none, .md-hover-scale-none:hover {
    transform: scale(1);
  }
  .md-scale-up-1, .md-hover-scale-up-1:hover {
    transform: scale(1.125);
  }
  .md-scale-up-2, .md-hover-scale-up-2:hover {
    transform: scale(1.25);
  }
  .md-scale-up-3, .md-hover-scale-up-3:hover {
    transform: scale(1.5);
  }
  .md-scale-up-4, .md-hover-scale-up-4:hover {
    transform: scale(1.75);
  }
}

@media (min-width: 992px) {
  .lg-scale-down-4, .lg-hover-scale-down-4:hover {
    transform: scale(0.125);
  }
  .lg-scale-down-3, .lg-hover-scale-down-3:hover {
    transform: scale(0.25);
  }
  .lg-scale-down-2, .lg-hover-scale-down-2:hover {
    transform: scale(0.5);
  }
  .lg-scale-down-1, .lg-hover-scale-down-1:hover {
    transform: scale(0.75);
  }
  .lg-scale-none, .lg-hover-scale-none:hover {
    transform: scale(1);
  }
  .lg-scale-up-1, .lg-hover-scale-up-1:hover {
    transform: scale(1.125);
  }
  .lg-scale-up-2, .lg-hover-scale-up-2:hover {
    transform: scale(1.25);
  }
  .lg-scale-up-3, .lg-hover-scale-up-3:hover {
    transform: scale(1.5);
  }
  .lg-scale-up-4, .lg-hover-scale-up-4:hover {
    transform: scale(1.75);
  }
}

@media (min-width: 1200px) {
  .xl-scale-down-4, .xl-hover-scale-down-4:hover {
    transform: scale(0.125);
  }
  .xl-scale-down-3, .xl-hover-scale-down-3:hover {
    transform: scale(0.25);
  }
  .xl-scale-down-2, .xl-hover-scale-down-2:hover {
    transform: scale(0.5);
  }
  .xl-scale-down-1, .xl-hover-scale-down-1:hover {
    transform: scale(0.75);
  }
  .xl-scale-none, .xl-hover-scale-none:hover {
    transform: scale(1);
  }
  .xl-scale-up-1, .xl-hover-scale-up-1:hover {
    transform: scale(1.125);
  }
  .xl-scale-up-2, .xl-hover-scale-up-2:hover {
    transform: scale(1.25);
  }
  .xl-scale-up-3, .xl-hover-scale-up-3:hover {
    transform: scale(1.5);
  }
  .xl-scale-up-4, .xl-hover-scale-up-4:hover {
    transform: scale(1.75);
  }
}

/**
Translate, Shift center
*/
.shift-tr, .shift-rt {
  transform: translateY(-50%) translateX(50%);
}

.shift-tl, .shift-lt {
  transform: translateY(-50%) translateX(-50%);
}

.shift-bl, .shift-lb {
  transform: translateY(50%) translateX(-50%);
}

.shift-br, .shift-rb {
  transform: translateY(50%) translateX(50%);
}

.shift-l {
  transform: translateX(-50%);
}

.shift-r {
  transform: translateX(50%);
}

.shift-t {
  transform: translateY(-50%);
}

.shift-b {
  transform: translateY(50%);
}

.shift-l-1, .hover-shift-l-1:hover {
  transform: translateX(-1px);
}

.shift-r-1, .hover-shift-r-1:hover {
  transform: translateX(1px);
}

.shift-t-1, .hover-shift-t-1:hover {
  transform: translateY(-1px);
}

.shift-b-1, .hover-shift-b-1:hover {
  transform: translateY(1px);
}

.shift-l-2, .hover-shift-l-2:hover {
  transform: translateX(-2px);
}

.shift-r-2, .hover-shift-r-2:hover {
  transform: translateX(2px);
}

.shift-t-2, .hover-shift-t-2:hover {
  transform: translateY(-2px);
}

.shift-b-2, .hover-shift-b-2:hover {
  transform: translateY(2px);
}

.shift-l-3, .hover-shift-l-3:hover {
  transform: translateX(-3px);
}

.shift-r-3, .hover-shift-r-3:hover {
  transform: translateX(3px);
}

.shift-t-3, .hover-shift-t-3:hover {
  transform: translateY(-3px);
}

.shift-b-3, .hover-shift-b-3:hover {
  transform: translateY(3px);
}

.shift-l-4, .hover-shift-l-4:hover {
  transform: translateX(-4px);
}

.shift-r-4, .hover-shift-r-4:hover {
  transform: translateX(4px);
}

.shift-t-4, .hover-shift-t-4:hover {
  transform: translateY(-4px);
}

.shift-b-4, .hover-shift-b-4:hover {
  transform: translateY(4px);
}

.shift-l-6, .hover-shift-l-6:hover {
  transform: translateX(-6px);
}

.shift-r-6, .hover-shift-r-6:hover {
  transform: translateX(6px);
}

.shift-t-6, .hover-shift-t-6:hover {
  transform: translateY(-6px);
}

.shift-b-6, .hover-shift-b-6:hover {
  transform: translateY(6px);
}

.shift-l-8, .hover-shift-l-8:hover {
  transform: translateX(-8px);
}

.shift-r-8, .hover-shift-r-8:hover {
  transform: translateX(8px);
}

.shift-t-8, .hover-shift-t-8:hover {
  transform: translateY(-8px);
}

.shift-b-8, .hover-shift-b-8:hover {
  transform: translateY(8px);
}

.shift-l-12, .hover-shift-l-12:hover {
  transform: translateX(-12px);
}

.shift-r-12, .hover-shift-r-12:hover {
  transform: translateX(12px);
}

.shift-t-12, .hover-shift-t-12:hover {
  transform: translateY(-12px);
}

.shift-b-12, .hover-shift-b-12:hover {
  transform: translateY(12px);
}

.shift-l-16, .hover-shift-l-16:hover {
  transform: translateX(-16px);
}

.shift-r-16, .hover-shift-r-16:hover {
  transform: translateX(16px);
}

.shift-t-16, .hover-shift-t-16:hover {
  transform: translateY(-16px);
}

.shift-b-16, .hover-shift-b-16:hover {
  transform: translateY(16px);
}

/**
Rotate
*/
.rotate-0, .hover-rotate-0:hover {
  transform: rotate(0deg);
}

.rotate-1, .hover-rotate-1:hover {
  transform: rotate(1deg);
}

.rotate-2, .hover-rotate-2:hover {
  transform: rotate(2deg);
}

.rotate-5, .hover-rotate-5:hover {
  transform: rotate(5deg);
}

.rotate-10, .hover-rotate-10:hover {
  transform: rotate(10deg);
}

.rotate-20, .hover-rotate-20:hover {
  transform: rotate(20deg);
}

.rotate-45, .hover-rotate-45:hover {
  transform: rotate(45deg);
}

.rotate-90, .hover-rotate-90:hover {
  transform: rotate(90deg);
}

.rotate-180, .hover-rotate-180:hover {
  transform: rotate(180deg);
}

.rotate-270, .hover-rotate-270:hover {
  transform: rotate(270deg);
}

.ease-100 {
  transition: all 100ms ease;
}

.ease-200 {
  transition: all 200ms ease;
}

.ease-300 {
  transition: all 300ms ease;
}

.ease-400 {
  transition: all 400ms ease;
}

.ease-500 {
  transition: all 500ms ease;
}

.ease-600 {
  transition: all 600ms ease;
}

.ease-700 {
  transition: all 700ms ease;
}

.ease-800 {
  transition: all 800ms ease;
}

.ease-900 {
  transition: all 900ms ease;
}

.linear-100 {
  transition: all 100ms linear;
}

.linear-200 {
  transition: all 200ms linear;
}

.linear-300 {
  transition: all 300ms linear;
}

.linear-400 {
  transition: all 400ms linear;
}

.linear-500 {
  transition: all 500ms linear;
}

.linear-600 {
  transition: all 600ms linear;
}

.linear-700 {
  transition: all 700ms linear;
}

.linear-800 {
  transition: all 800ms linear;
}

.linear-900 {
  transition: all 900ms linear;
}

.ease-in-100 {
  transition: all 100ms ease-in;
}

.ease-in-200 {
  transition: all 200ms ease-in;
}

.ease-in-300 {
  transition: all 300ms ease-in;
}

.ease-in-400 {
  transition: all 400ms ease-in;
}

.ease-in-500 {
  transition: all 500ms ease-in;
}

.ease-in-600 {
  transition: all 600ms ease-in;
}

.ease-in-700 {
  transition: all 700ms ease-in;
}

.ease-in-800 {
  transition: all 800ms ease-in;
}

.ease-in-900 {
  transition: all 900ms ease-in;
}

.ease-out-100 {
  transition: all 100ms ease-out;
}

.ease-out-200 {
  transition: all 200ms ease-out;
}

.ease-out-300 {
  transition: all 300ms ease-out;
}

.ease-out-400 {
  transition: all 400ms ease-out;
}

.ease-out-500 {
  transition: all 500ms ease-out;
}

.ease-out-600 {
  transition: all 600ms ease-out;
}

.ease-out-700 {
  transition: all 700ms ease-out;
}

.ease-out-800 {
  transition: all 800ms ease-out;
}

.ease-out-900 {
  transition: all 900ms ease-out;
}

.transition-100 {
  transition-duration: 100ms;
}

.transition-200 {
  transition-duration: 200ms;
}

.transition-300 {
  transition-duration: 300ms;
}

.transition-400 {
  transition-duration: 400ms;
}

.transition-500 {
  transition-duration: 500ms;
}

.transition-600 {
  transition-duration: 600ms;
}

.transition-700 {
  transition-duration: 700ms;
}

.transition-800 {
  transition-duration: 800ms;
}

.transition-900 {
  transition-duration: 900ms;
}

.transition-width {
  transition-property: width !important;
}

.transition-height {
  transition-property: height !important;
}

.transition-padding {
  transition-property: padding !important;
}

.transition-margin {
  transition-property: margin !important;
}

.transition-color {
  transition-property: color !important;
}

.transition-background-color {
  transition-property: background-color !important;
}

.transition-background {
  transition-property: background !important;
}

.transition-all {
  transition-property: all !important;
}

/**
filter
backdrop-filter
*/
.backdrop-blur-0,
.hover-backdrop-blur-0:hover {
  -webkit-backdrop-filter: blur(0px);
          backdrop-filter: blur(0px);
}

.blur-0,
.hover-blur-0:hover {
  -webkit-filter: blur(0px);
          filter: blur(0px);
}

.grayscale-0,
.hover-grayscale-0:hover {
  -webkit-filter: grayscale(0);
          filter: grayscale(0);
}

.backdrop-blur-1,
.hover-backdrop-blur-1:hover {
  -webkit-backdrop-filter: blur(1px);
          backdrop-filter: blur(1px);
}

.blur-1,
.hover-blur-1:hover {
  -webkit-filter: blur(1px);
          filter: blur(1px);
}

.grayscale-1,
.hover-grayscale-1:hover {
  -webkit-filter: grayscale(0.1);
          filter: grayscale(0.1);
}

.backdrop-blur-2,
.hover-backdrop-blur-2:hover {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}

.blur-2,
.hover-blur-2:hover {
  -webkit-filter: blur(2px);
          filter: blur(2px);
}

.grayscale-2,
.hover-grayscale-2:hover {
  -webkit-filter: grayscale(0.2);
          filter: grayscale(0.2);
}

.backdrop-blur-3,
.hover-backdrop-blur-3:hover {
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}

.blur-3,
.hover-blur-3:hover {
  -webkit-filter: blur(3px);
          filter: blur(3px);
}

.grayscale-3,
.hover-grayscale-3:hover {
  -webkit-filter: grayscale(0.3);
          filter: grayscale(0.3);
}

.backdrop-blur-4,
.hover-backdrop-blur-4:hover {
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
}

.blur-4,
.hover-blur-4:hover {
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.grayscale-4,
.hover-grayscale-4:hover {
  -webkit-filter: grayscale(0.4);
          filter: grayscale(0.4);
}

.backdrop-blur-5,
.hover-backdrop-blur-5:hover {
  -webkit-backdrop-filter: blur(5px);
          backdrop-filter: blur(5px);
}

.blur-5,
.hover-blur-5:hover {
  -webkit-filter: blur(5px);
          filter: blur(5px);
}

.grayscale-5,
.hover-grayscale-5:hover {
  -webkit-filter: grayscale(0.5);
          filter: grayscale(0.5);
}

.backdrop-blur-6,
.hover-backdrop-blur-6:hover {
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
}

.blur-6,
.hover-blur-6:hover {
  -webkit-filter: blur(6px);
          filter: blur(6px);
}

.grayscale-6,
.hover-grayscale-6:hover {
  -webkit-filter: grayscale(0.6);
          filter: grayscale(0.6);
}

.backdrop-blur-7,
.hover-backdrop-blur-7:hover {
  -webkit-backdrop-filter: blur(7px);
          backdrop-filter: blur(7px);
}

.blur-7,
.hover-blur-7:hover {
  -webkit-filter: blur(7px);
          filter: blur(7px);
}

.grayscale-7,
.hover-grayscale-7:hover {
  -webkit-filter: grayscale(0.7);
          filter: grayscale(0.7);
}

.backdrop-blur-8,
.hover-backdrop-blur-8:hover {
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
}

.blur-8,
.hover-blur-8:hover {
  -webkit-filter: blur(8px);
          filter: blur(8px);
}

.grayscale-8,
.hover-grayscale-8:hover {
  -webkit-filter: grayscale(0.8);
          filter: grayscale(0.8);
}

.backdrop-blur-9,
.hover-backdrop-blur-9:hover {
  -webkit-backdrop-filter: blur(9px);
          backdrop-filter: blur(9px);
}

.blur-9,
.hover-blur-9:hover {
  -webkit-filter: blur(9px);
          filter: blur(9px);
}

.grayscale-9,
.hover-grayscale-9:hover {
  -webkit-filter: grayscale(0.9);
          filter: grayscale(0.9);
}

.backdrop-blur-10,
.hover-backdrop-blur-10:hover {
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}

.blur-10,
.hover-blur-10:hover {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

.grayscale-10,
.hover-grayscale-10:hover {
  -webkit-filter: grayscale(1);
          filter: grayscale(1);
}

/**
:after, :before

1. Icons
2. Float
3. Margins
*/
/**
Icons
shorthand: .after-{icon}
*/
.after-plus::after,
.before-plus::before {
  content: "+";
  font-size: inherit;
}

.after-minus::after,
.before-minus::before {
  content: "−";
  font-size: inherit;
}

.after-times::after,
.before-times::before {
  content: "×";
  font-size: inherit;
}

.after-times-large::after,
.before-times-large::before {
  content: "╳";
  font-size: inherit;
}

.after-circle-plus::after,
.before-circle-plus::before {
  content: "⊕";
  font-size: inherit;
}

.after-circle-minus::after,
.before-circle-minus::before {
  content: "⊖";
  font-size: inherit;
}

.after-circle-times::after,
.before-circle-times::before {
  content: "⊗";
  font-size: inherit;
}

.after-hash::after,
.before-hash::before {
  content: "#";
  font-size: inherit;
}

.after-ellipsis::after,
.before-ellipsis::before {
  content: "…";
  font-size: inherit;
}

.after-ellipsis-midline::after,
.before-ellipsis-midline::before {
  content: "⋯";
  font-size: inherit;
}

.after-ellipsis-vertical::after,
.before-ellipsis-vertical::before {
  content: "⋮";
  font-size: inherit;
}

.after-arrow-left::after,
.before-arrow-left::before {
  content: "←";
  font-size: inherit;
}

.after-arrow-right::after,
.before-arrow-right::before {
  content: "→";
  font-size: inherit;
}

.after-arrow-up::after,
.before-arrow-up::before {
  content: "↑";
  font-size: inherit;
}

.after-arrow-down::after,
.before-arrow-down::before {
  content: "↓";
  font-size: inherit;
}

.after-triangle-left::after,
.before-triangle-left::before {
  content: "◀";
  font-size: inherit;
}

.after-triangle-right::after,
.before-triangle-right::before {
  content: "▶";
  font-size: inherit;
}

.after-triangle-up::after,
.before-triangle-up::before {
  content: "▲";
  font-size: inherit;
}

.after-triangle-down::after,
.before-triangle-down::before {
  content: "▼";
  font-size: inherit;
}

.after-asterisk::after,
.before-asterisk::before {
  content: "∗";
  font-size: inherit;
}

.after-menu::after,
.before-menu::before {
  content: "☰";
  font-size: inherit;
}

.after-checkmark::after,
.before-checkmark::before {
  content: "✓";
  font-size: inherit;
}

@media (min-width: 576px) {
  .after-plus::after,
  .before-plus::before {
    content: "+";
  }
  .after-minus::after,
  .before-minus::before {
    content: "−";
  }
  .after-times::after,
  .before-times::before {
    content: "×";
  }
  .after-times-large::after,
  .before-times-large::before {
    content: "╳";
  }
  .after-circle-plus::after,
  .before-circle-plus::before {
    content: "⊕";
  }
  .after-circle-minus::after,
  .before-circle-minus::before {
    content: "⊖";
  }
  .after-circle-times::after,
  .before-circle-times::before {
    content: "⊗";
  }
  .after-hash::after,
  .before-hash::before {
    content: "#";
  }
  .after-ellipsis::after,
  .before-ellipsis::before {
    content: "…";
  }
  .after-ellipsis-midline::after,
  .before-ellipsis-midline::before {
    content: "⋯";
  }
  .after-ellipsis-vertical::after,
  .before-ellipsis-vertical::before {
    content: "⋮";
  }
  .after-arrow-left::after,
  .before-arrow-left::before {
    content: "←";
  }
  .after-arrow-right::after,
  .before-arrow-right::before {
    content: "→";
  }
  .after-arrow-up::after,
  .before-arrow-up::before {
    content: "↑";
  }
  .after-arrow-down::after,
  .before-arrow-down::before {
    content: "↓";
  }
  .after-triangle-left::after,
  .before-triangle-left::before {
    content: "◀";
  }
  .after-triangle-right::after,
  .before-triangle-right::before {
    content: "▶";
  }
  .after-triangle-up::after,
  .before-triangle-up::before {
    content: "▲";
  }
  .after-triangle-down::after,
  .before-triangle-down::before {
    content: "▼";
  }
  .after-asterisk::after,
  .before-asterisk::before {
    content: "∗";
  }
  .after-menu::after,
  .before-menu::before {
    content: "☰";
  }
  .after-checkmark::after,
  .before-checkmark::before {
    content: "✓";
  }
}

@media (min-width: 768px) {
  .after-plus::after,
  .before-plus::before {
    content: "+";
  }
  .after-minus::after,
  .before-minus::before {
    content: "−";
  }
  .after-times::after,
  .before-times::before {
    content: "×";
  }
  .after-times-large::after,
  .before-times-large::before {
    content: "╳";
  }
  .after-circle-plus::after,
  .before-circle-plus::before {
    content: "⊕";
  }
  .after-circle-minus::after,
  .before-circle-minus::before {
    content: "⊖";
  }
  .after-circle-times::after,
  .before-circle-times::before {
    content: "⊗";
  }
  .after-hash::after,
  .before-hash::before {
    content: "#";
  }
  .after-ellipsis::after,
  .before-ellipsis::before {
    content: "…";
  }
  .after-ellipsis-midline::after,
  .before-ellipsis-midline::before {
    content: "⋯";
  }
  .after-ellipsis-vertical::after,
  .before-ellipsis-vertical::before {
    content: "⋮";
  }
  .after-arrow-left::after,
  .before-arrow-left::before {
    content: "←";
  }
  .after-arrow-right::after,
  .before-arrow-right::before {
    content: "→";
  }
  .after-arrow-up::after,
  .before-arrow-up::before {
    content: "↑";
  }
  .after-arrow-down::after,
  .before-arrow-down::before {
    content: "↓";
  }
  .after-triangle-left::after,
  .before-triangle-left::before {
    content: "◀";
  }
  .after-triangle-right::after,
  .before-triangle-right::before {
    content: "▶";
  }
  .after-triangle-up::after,
  .before-triangle-up::before {
    content: "▲";
  }
  .after-triangle-down::after,
  .before-triangle-down::before {
    content: "▼";
  }
  .after-asterisk::after,
  .before-asterisk::before {
    content: "∗";
  }
  .after-menu::after,
  .before-menu::before {
    content: "☰";
  }
  .after-checkmark::after,
  .before-checkmark::before {
    content: "✓";
  }
}

@media (min-width: 992px) {
  .after-plus::after,
  .before-plus::before {
    content: "+";
  }
  .after-minus::after,
  .before-minus::before {
    content: "−";
  }
  .after-times::after,
  .before-times::before {
    content: "×";
  }
  .after-times-large::after,
  .before-times-large::before {
    content: "╳";
  }
  .after-circle-plus::after,
  .before-circle-plus::before {
    content: "⊕";
  }
  .after-circle-minus::after,
  .before-circle-minus::before {
    content: "⊖";
  }
  .after-circle-times::after,
  .before-circle-times::before {
    content: "⊗";
  }
  .after-hash::after,
  .before-hash::before {
    content: "#";
  }
  .after-ellipsis::after,
  .before-ellipsis::before {
    content: "…";
  }
  .after-ellipsis-midline::after,
  .before-ellipsis-midline::before {
    content: "⋯";
  }
  .after-ellipsis-vertical::after,
  .before-ellipsis-vertical::before {
    content: "⋮";
  }
  .after-arrow-left::after,
  .before-arrow-left::before {
    content: "←";
  }
  .after-arrow-right::after,
  .before-arrow-right::before {
    content: "→";
  }
  .after-arrow-up::after,
  .before-arrow-up::before {
    content: "↑";
  }
  .after-arrow-down::after,
  .before-arrow-down::before {
    content: "↓";
  }
  .after-triangle-left::after,
  .before-triangle-left::before {
    content: "◀";
  }
  .after-triangle-right::after,
  .before-triangle-right::before {
    content: "▶";
  }
  .after-triangle-up::after,
  .before-triangle-up::before {
    content: "▲";
  }
  .after-triangle-down::after,
  .before-triangle-down::before {
    content: "▼";
  }
  .after-asterisk::after,
  .before-asterisk::before {
    content: "∗";
  }
  .after-menu::after,
  .before-menu::before {
    content: "☰";
  }
  .after-checkmark::after,
  .before-checkmark::before {
    content: "✓";
  }
}

@media (min-width: 1200px) {
  .after-plus::after,
  .before-plus::before {
    content: "+";
  }
  .after-minus::after,
  .before-minus::before {
    content: "−";
  }
  .after-times::after,
  .before-times::before {
    content: "×";
  }
  .after-times-large::after,
  .before-times-large::before {
    content: "╳";
  }
  .after-circle-plus::after,
  .before-circle-plus::before {
    content: "⊕";
  }
  .after-circle-minus::after,
  .before-circle-minus::before {
    content: "⊖";
  }
  .after-circle-times::after,
  .before-circle-times::before {
    content: "⊗";
  }
  .after-hash::after,
  .before-hash::before {
    content: "#";
  }
  .after-ellipsis::after,
  .before-ellipsis::before {
    content: "…";
  }
  .after-ellipsis-midline::after,
  .before-ellipsis-midline::before {
    content: "⋯";
  }
  .after-ellipsis-vertical::after,
  .before-ellipsis-vertical::before {
    content: "⋮";
  }
  .after-arrow-left::after,
  .before-arrow-left::before {
    content: "←";
  }
  .after-arrow-right::after,
  .before-arrow-right::before {
    content: "→";
  }
  .after-arrow-up::after,
  .before-arrow-up::before {
    content: "↑";
  }
  .after-arrow-down::after,
  .before-arrow-down::before {
    content: "↓";
  }
  .after-triangle-left::after,
  .before-triangle-left::before {
    content: "◀";
  }
  .after-triangle-right::after,
  .before-triangle-right::before {
    content: "▶";
  }
  .after-triangle-up::after,
  .before-triangle-up::before {
    content: "▲";
  }
  .after-triangle-down::after,
  .before-triangle-down::before {
    content: "▼";
  }
  .after-asterisk::after,
  .before-asterisk::before {
    content: "∗";
  }
  .after-menu::after,
  .before-menu::before {
    content: "☰";
  }
  .after-checkmark::after,
  .before-checkmark::before {
    content: "✓";
  }
}

/** Float */
.after-left:after,
.before-left::before {
  float: left;
}

.after-right:after,
.before-right::before {
  float: right;
}

@media (min-width: 576px) {
  .after-left:after,
  .before-left::before {
    float: left;
  }
  .after-right:after,
  .before-right::before {
    float: right;
  }
}

@media (min-width: 768px) {
  .after-left:after,
  .before-left::before {
    float: left;
  }
  .after-right:after,
  .before-right::before {
    float: right;
  }
}

@media (min-width: 992px) {
  .after-left:after,
  .before-left::before {
    float: left;
  }
  .after-right:after,
  .before-right::before {
    float: right;
  }
}

@media (min-width: 1200px) {
  .after-left:after,
  .before-left::before {
    float: left;
  }
  .after-right:after,
  .before-right::before {
    float: right;
  }
}

.in-progress {
  position: relative;
  overflow: hidden;
}

.in-progress::before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  z-index: 1;
  width: 400%;
  margin-left: -200%;
  -webkit-animation: progress-animation 800ms linear infinite;
          animation: progress-animation 800ms linear infinite;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 46%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 54%) 50% 50%;
}

@-webkit-keyframes progress-animation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}

@keyframes progress-animation {
  0% {
    transform: translate3d(-30%, 0, 0);
  }
  100% {
    transform: translate3d(30%, 0, 0);
  }
}

/**
cursor
*/
.cursor-auto {
  cursor: auto;
}

.cursor-crosshair {
  cursor: crosshair;
}

.cursor-default {
  cursor: default;
}

.cursor-help {
  cursor: help;
}

.cursor-move {
  cursor: move;
}

.cursor-none {
  cursor: none;
}

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

.cursor-pointer {
  cursor: pointer;
}

.cursor-progress {
  cursor: progress;
}

.cursor-text {
  cursor: text;
}

.cursor-wait {
  cursor: wait;
}

.cursor-zoom-in {
  cursor: zoom-in;
}

.cursor-zoom-out {
  cursor: zoom-out;
}

.pointer {
  cursor: pointer;
}

.ph-black::-webkit-input-placeholder, .focus-ph-black:focus::-webkit-input-placeholder {
  color: #000000 !important;
}

.ph-black::-moz-placeholder, .focus-ph-black:focus::-moz-placeholder {
  color: #000000 !important;
}

.ph-black:-ms-input-placeholder, .focus-ph-black:focus:-ms-input-placeholder {
  color: #000000 !important;
}

.ph-black::-ms-input-placeholder, .focus-ph-black:focus::-ms-input-placeholder {
  color: #000000 !important;
}

.ph-black::placeholder,
.focus-ph-black:focus::placeholder {
  color: #000000 !important;
}

.ph-white::-webkit-input-placeholder, .focus-ph-white:focus::-webkit-input-placeholder {
  color: #FFFFFF !important;
}

.ph-white::-moz-placeholder, .focus-ph-white:focus::-moz-placeholder {
  color: #FFFFFF !important;
}

.ph-white:-ms-input-placeholder, .focus-ph-white:focus:-ms-input-placeholder {
  color: #FFFFFF !important;
}

.ph-white::-ms-input-placeholder, .focus-ph-white:focus::-ms-input-placeholder {
  color: #FFFFFF !important;
}

.ph-white::placeholder,
.focus-ph-white:focus::placeholder {
  color: #FFFFFF !important;
}

.ph-transparent::-webkit-input-placeholder, .focus-ph-transparent:focus::-webkit-input-placeholder {
  color: transparent !important;
}

.ph-transparent::-moz-placeholder, .focus-ph-transparent:focus::-moz-placeholder {
  color: transparent !important;
}

.ph-transparent:-ms-input-placeholder, .focus-ph-transparent:focus:-ms-input-placeholder {
  color: transparent !important;
}

.ph-transparent::-ms-input-placeholder, .focus-ph-transparent:focus::-ms-input-placeholder {
  color: transparent !important;
}

.ph-transparent::placeholder,
.focus-ph-transparent:focus::placeholder {
  color: transparent !important;
}

.ph-gray-darkest::-webkit-input-placeholder, .focus-ph-gray-darkest:focus::-webkit-input-placeholder {
  color: #36454F !important;
}

.ph-gray-darkest::-moz-placeholder, .focus-ph-gray-darkest:focus::-moz-placeholder {
  color: #36454F !important;
}

.ph-gray-darkest:-ms-input-placeholder, .focus-ph-gray-darkest:focus:-ms-input-placeholder {
  color: #36454F !important;
}

.ph-gray-darkest::-ms-input-placeholder, .focus-ph-gray-darkest:focus::-ms-input-placeholder {
  color: #36454F !important;
}

.ph-gray-darkest::placeholder,
.focus-ph-gray-darkest:focus::placeholder {
  color: #36454F !important;
}

.ph-gray-darker::-webkit-input-placeholder, .focus-ph-gray-darker:focus::-webkit-input-placeholder {
  color: #465966 !important;
}

.ph-gray-darker::-moz-placeholder, .focus-ph-gray-darker:focus::-moz-placeholder {
  color: #465966 !important;
}

.ph-gray-darker:-ms-input-placeholder, .focus-ph-gray-darker:focus:-ms-input-placeholder {
  color: #465966 !important;
}

.ph-gray-darker::-ms-input-placeholder, .focus-ph-gray-darker:focus::-ms-input-placeholder {
  color: #465966 !important;
}

.ph-gray-darker::placeholder,
.focus-ph-gray-darker:focus::placeholder {
  color: #465966 !important;
}

.ph-gray-dark::-webkit-input-placeholder, .focus-ph-gray-dark:focus::-webkit-input-placeholder {
  color: #566E7E !important;
}

.ph-gray-dark::-moz-placeholder, .focus-ph-gray-dark:focus::-moz-placeholder {
  color: #566E7E !important;
}

.ph-gray-dark:-ms-input-placeholder, .focus-ph-gray-dark:focus:-ms-input-placeholder {
  color: #566E7E !important;
}

.ph-gray-dark::-ms-input-placeholder, .focus-ph-gray-dark:focus::-ms-input-placeholder {
  color: #566E7E !important;
}

.ph-gray-dark::placeholder,
.focus-ph-gray-dark:focus::placeholder {
  color: #566E7E !important;
}

.ph-gray::-webkit-input-placeholder, .focus-ph-gray:focus::-webkit-input-placeholder {
  color: #668295 !important;
}

.ph-gray::-moz-placeholder, .focus-ph-gray:focus::-moz-placeholder {
  color: #668295 !important;
}

.ph-gray:-ms-input-placeholder, .focus-ph-gray:focus:-ms-input-placeholder {
  color: #668295 !important;
}

.ph-gray::-ms-input-placeholder, .focus-ph-gray:focus::-ms-input-placeholder {
  color: #668295 !important;
}

.ph-gray::placeholder,
.focus-ph-gray:focus::placeholder {
  color: #668295 !important;
}

.ph-gray-light::-webkit-input-placeholder, .focus-ph-gray-light:focus::-webkit-input-placeholder {
  color: #B7C4CD !important;
}

.ph-gray-light::-moz-placeholder, .focus-ph-gray-light:focus::-moz-placeholder {
  color: #B7C4CD !important;
}

.ph-gray-light:-ms-input-placeholder, .focus-ph-gray-light:focus:-ms-input-placeholder {
  color: #B7C4CD !important;
}

.ph-gray-light::-ms-input-placeholder, .focus-ph-gray-light:focus::-ms-input-placeholder {
  color: #B7C4CD !important;
}

.ph-gray-light::placeholder,
.focus-ph-gray-light:focus::placeholder {
  color: #B7C4CD !important;
}

.ph-gray-lighter::-webkit-input-placeholder, .focus-ph-gray-lighter:focus::-webkit-input-placeholder {
  color: #E4E8EB !important;
}

.ph-gray-lighter::-moz-placeholder, .focus-ph-gray-lighter:focus::-moz-placeholder {
  color: #E4E8EB !important;
}

.ph-gray-lighter:-ms-input-placeholder, .focus-ph-gray-lighter:focus:-ms-input-placeholder {
  color: #E4E8EB !important;
}

.ph-gray-lighter::-ms-input-placeholder, .focus-ph-gray-lighter:focus::-ms-input-placeholder {
  color: #E4E8EB !important;
}

.ph-gray-lighter::placeholder,
.focus-ph-gray-lighter:focus::placeholder {
  color: #E4E8EB !important;
}

.ph-gray-lightest::-webkit-input-placeholder, .focus-ph-gray-lightest:focus::-webkit-input-placeholder {
  color: #EEF1F5 !important;
}

.ph-gray-lightest::-moz-placeholder, .focus-ph-gray-lightest:focus::-moz-placeholder {
  color: #EEF1F5 !important;
}

.ph-gray-lightest:-ms-input-placeholder, .focus-ph-gray-lightest:focus:-ms-input-placeholder {
  color: #EEF1F5 !important;
}

.ph-gray-lightest::-ms-input-placeholder, .focus-ph-gray-lightest:focus::-ms-input-placeholder {
  color: #EEF1F5 !important;
}

.ph-gray-lightest::placeholder,
.focus-ph-gray-lightest:focus::placeholder {
  color: #EEF1F5 !important;
}

/**
 outline
 */
.outline-none,
.focus-outline-none:focus {
  outline: 0;
}

/**
currentColor
*/
.fill-current {
  fill: currentColor !important;
}

.stroke-current {
  stroke: currentColor !important;
}

.bg-current {
  background-color: currentColor !important;
}

.color-current {
  color: currentColor !important;
}

.border-current {
  border-color: currentColor !important;
}

/**
user-select
*/
.select-none {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.select-text {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

.select-all {
  -webkit-user-select: all;
     -moz-user-select: all;
      -ms-user-select: all;
          user-select: all;
}

.select-auto {
  -webkit-user-select: auto;
     -moz-user-select: auto;
      -ms-user-select: auto;
          user-select: auto;
}

/**
resize
*/
.resize-none {
  resize: none;
}

.resize-both {
  resize: both;
}

.resize-horizontal {
  resize: horizontal;
}

.resize-vertical {
  resize: vertical;
}

.resize-initial {
  resize: initial;
}

.resize-inherit {
  resize: inherit;
}

/**
scroll-behavior
*/
.scroll-smooth {
  scroll-behavior: smooth;
}

/**
object-fit
*/
.object-fill {
  -o-object-fit: fill;
     object-fit: fill;
}

.object-contain {
  -o-object-fit: contain;
     object-fit: contain;
}

.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}

.object-scale-down {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.object-none {
  -o-object-fit: none;
     object-fit: none;
}

@media (min-width: 576px) {
  .sm-object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .sm-object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .sm-object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .sm-object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .sm-object-none {
    -o-object-fit: none;
       object-fit: none;
  }
}

@media (min-width: 768px) {
  .md-object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .md-object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .md-object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .md-object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .md-object-none {
    -o-object-fit: none;
       object-fit: none;
  }
}

@media (min-width: 992px) {
  .lg-object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .lg-object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .lg-object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .lg-object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .lg-object-none {
    -o-object-fit: none;
       object-fit: none;
  }
}

@media (min-width: 1200px) {
  .xl-object-fill {
    -o-object-fit: fill;
       object-fit: fill;
  }
  .xl-object-contain {
    -o-object-fit: contain;
       object-fit: contain;
  }
  .xl-object-cover {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .xl-object-scale-down {
    -o-object-fit: scale-down;
       object-fit: scale-down;
  }
  .xl-object-none {
    -o-object-fit: none;
       object-fit: none;
  }
}

/**
box-sizing
*/
.border-box {
  box-sizing: border-box;
}

.content-box {
  box-sizing: content-box;
}

.spinner {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border-width: .1rem;
  border-style: solid;
  border-color: currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: rotation .8s linear infinite;
          animation: rotation .8s linear infinite;
}

/**
Forms:
    input
    textarea
    select
    label
*/
/**
shorthand class:
    .input
    .input.disabled
    .input.full|half
    .input-xs|md|lg
    .input-wrapper
    .input-icon
*/
.input,
.input-xs,
.input-md,
.input-lg,
.select,
.select-xs,
.select-md,
.select-lg {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #668295;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #B7C4CD;
  border-radius: 4px;
  vertical-align: middle;
}

.input:disabled, .input.disabled,
fieldset:disabled .input,
.input-xs:disabled,
.input-xs.disabled,
fieldset:disabled
.input-xs,
.input-md:disabled,
.input-md.disabled,
fieldset:disabled
.input-md,
.input-lg:disabled,
.input-lg.disabled,
fieldset:disabled
.input-lg,
.select:disabled,
.select.disabled,
fieldset:disabled
.select,
.select-xs:disabled,
.select-xs.disabled,
fieldset:disabled
.select-xs,
.select-md:disabled,
.select-md.disabled,
fieldset:disabled
.select-md,
.select-lg:disabled,
.select-lg.disabled,
fieldset:disabled
.select-lg {
  pointer-events: none;
  cursor: not-allowed;
  background-color: rgba(183, 196, 205, 0.2);
}

.input:focus,
.input-xs:focus,
.input-md:focus,
.input-lg:focus,
.select:focus,
.select-xs:focus,
.select-md:focus,
.select-lg:focus {
  outline: none;
  box-shadow: 0 0 0 0.125em rgba(183, 196, 205, 0.5);
}

.input:hover,
.input-xs:hover,
.input-md:hover,
.input-lg:hover,
.select:hover,
.select-xs:hover,
.select-md:hover,
.select-lg:hover {
  border-color: #60798b;
}

.input::-webkit-input-placeholder, .input-xs::-webkit-input-placeholder, .input-md::-webkit-input-placeholder, .input-lg::-webkit-input-placeholder, .select::-webkit-input-placeholder, .select-xs::-webkit-input-placeholder, .select-md::-webkit-input-placeholder, .select-lg::-webkit-input-placeholder {
  color: #B7C4CD;
}

.input::-moz-placeholder, .input-xs::-moz-placeholder, .input-md::-moz-placeholder, .input-lg::-moz-placeholder, .select::-moz-placeholder, .select-xs::-moz-placeholder, .select-md::-moz-placeholder, .select-lg::-moz-placeholder {
  color: #B7C4CD;
}

.input:-ms-input-placeholder, .input-xs:-ms-input-placeholder, .input-md:-ms-input-placeholder, .input-lg:-ms-input-placeholder, .select:-ms-input-placeholder, .select-xs:-ms-input-placeholder, .select-md:-ms-input-placeholder, .select-lg:-ms-input-placeholder {
  color: #B7C4CD;
}

.input::-ms-input-placeholder, .input-xs::-ms-input-placeholder, .input-md::-ms-input-placeholder, .input-lg::-ms-input-placeholder, .select::-ms-input-placeholder, .select-xs::-ms-input-placeholder, .select-md::-ms-input-placeholder, .select-lg::-ms-input-placeholder {
  color: #B7C4CD;
}

.input::placeholder,
.input-xs::placeholder,
.input-md::placeholder,
.input-lg::placeholder,
.select::placeholder,
.select-xs::placeholder,
.select-md::placeholder,
.select-lg::placeholder {
  color: #B7C4CD;
}

.input.full,
.input-xs.full,
.input-md.full,
.input-lg.full,
.select.full,
.select-xs.full,
.select-md.full,
.select-lg.full {
  width: 100%;
}

.input.half,
.input-xs.half,
.input-md.half,
.input-lg.half,
.select.half,
.select-xs.half,
.select-md.half,
.select-lg.half {
  width: 50%;
}

.input,
.select {
  height: calc(1.5rem + .75rem + 2px);
  padding: 0.375rem calc(.75rem + .5rem);
  font-size: 0.8rem;
}

.input-xs,
.select-xs {
  height: calc(1.5rem + .4rem + 2px);
  padding: 0.2rem calc(.5rem + .5rem);
  font-size: 0.64rem;
}

.input-md,
.select-md {
  height: calc(1.5rem + 1rem + 2px);
  padding: 0.5rem calc(1rem + .5rem);
  font-size: 1rem;
}

.input-lg,
.select-lg {
  height: calc(1.8rem + 1.25rem + 2px);
  padding: 0.625rem calc(1.25rem + .5rem);
  font-size: 1.2rem;
}

.input-wrapper {
  display: inline-flex;
  border: 1px solid #B7C4CD;
  border-radius: 4px;
}

.input-wrapper .input-icon {
  opacity: 0.5;
  padding: .375rem .75rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.input-wrapper .input {
  border: 0px solid transparent !important;
}

.input-wrapper .input:focus {
  box-shadow: none;
}

.input-wrapper .input:focus ~ .input-icon {
  opacity: 1 !important;
}

.input-wrapper .input:hover {
  border-color: transparent;
}

/**
shorthand class: 
    .textarea
    .textarea.disabled
    .textarea.full|half
    .textarea-xs|md|lg
*/
.textarea,
.textarea-xs,
.textarea-md,
.textarea-lg {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #668295;
  background-color: transparent;
  background-clip: padding-box;
  border: 1px solid #B7C4CD;
  border-radius: 4px;
  vertical-align: middle;
  padding: .75rem;
  width: 100%;
}

.textarea:disabled, .textarea.disabled,
fieldset:disabled .textarea,
.textarea-xs:disabled,
.textarea-xs.disabled,
fieldset:disabled
.textarea-xs,
.textarea-md:disabled,
.textarea-md.disabled,
fieldset:disabled
.textarea-md,
.textarea-lg:disabled,
.textarea-lg.disabled,
fieldset:disabled
.textarea-lg {
  pointer-events: none;
  cursor: not-allowed;
  background-color: rgba(183, 196, 205, 0.2);
}

.textarea:focus,
.textarea-xs:focus,
.textarea-md:focus,
.textarea-lg:focus {
  outline: none;
  box-shadow: 0 0 0 0.125em rgba(183, 196, 205, 0.5);
}

.textarea:hover,
.textarea-xs:hover,
.textarea-md:hover,
.textarea-lg:hover {
  border-color: #60798b;
}

.textarea::-webkit-input-placeholder, .textarea-xs::-webkit-input-placeholder, .textarea-md::-webkit-input-placeholder, .textarea-lg::-webkit-input-placeholder {
  color: #B7C4CD;
}

.textarea::-moz-placeholder, .textarea-xs::-moz-placeholder, .textarea-md::-moz-placeholder, .textarea-lg::-moz-placeholder {
  color: #B7C4CD;
}

.textarea:-ms-input-placeholder, .textarea-xs:-ms-input-placeholder, .textarea-md:-ms-input-placeholder, .textarea-lg:-ms-input-placeholder {
  color: #B7C4CD;
}

.textarea::-ms-input-placeholder, .textarea-xs::-ms-input-placeholder, .textarea-md::-ms-input-placeholder, .textarea-lg::-ms-input-placeholder {
  color: #B7C4CD;
}

.textarea::placeholder,
.textarea-xs::placeholder,
.textarea-md::placeholder,
.textarea-lg::placeholder {
  color: #B7C4CD;
}

.textarea.full,
.textarea-xs.full,
.textarea-md.full,
.textarea-lg.full {
  width: 100%;
}

.textarea.half,
.textarea-xs.half,
.textarea-md.half,
.textarea-lg.half {
  width: 50%;
}

.textarea {
  font-size: 0.8rem;
}

.textarea-xs {
  font-size: 0.64rem;
}

.textarea-md {
  font-size: 1rem;
}

.textarea-lg {
  font-size: 1.2rem;
}

/**
select
*/
.select,
.select-xs,
.select-md,
.select-lg {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  cursor: pointer;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23000000%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23000000%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: .6em;
  background-position: calc(100% - .6em) center;
  background-repeat: no-repeat;
}

.select[multiple], .select[size]:not([size="1"]),
.select-xs[multiple],
.select-xs[size]:not([size="1"]),
.select-md[multiple],
.select-md[size]:not([size="1"]),
.select-lg[multiple],
.select-lg[size]:not([size="1"]) {
  height: auto;
  background-image: none;
  padding: 0px;
}

.select[multiple] option, .select[size]:not([size="1"]) option,
.select-xs[multiple] option,
.select-xs[size]:not([size="1"]) option,
.select-md[multiple] option,
.select-md[size]:not([size="1"]) option,
.select-lg[multiple] option,
.select-lg[size]:not([size="1"]) option {
  padding: 0.375rem calc(.75rem + .5rem);
}

.select-dark {
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23ffffff%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.button,
.button-xs,
.button-md,
.button-lg {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  line-height: 1.5;
  color: #FFFFFF;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: #566E7E;
  border: 1px solid transparent;
  border-radius: 4px;
}

.button:disabled, .button.disabled,
fieldset:disabled .button,
.button-xs:disabled,
.button-xs.disabled,
fieldset:disabled
.button-xs,
.button-md:disabled,
.button-md.disabled,
fieldset:disabled
.button-md,
.button-lg:disabled,
.button-lg.disabled,
fieldset:disabled
.button-lg {
  cursor: not-allowed !important;
  opacity: 0.3 !important;
}

.button:focus,
.button-xs:focus,
.button-md:focus,
.button-lg:focus {
  outline: none;
  box-shadow: 0 0 0 0.15em rgba(102, 130, 149, 0.5);
}

.button:hover,
.button-xs:hover,
.button-md:hover,
.button-lg:hover {
  opacity: 0.6;
}

.button[class*=' hover']:hover,
.button-xs[class*=' hover']:hover,
.button-md[class*=' hover']:hover,
.button-lg[class*=' hover']:hover {
  opacity: 1;
}

.button .input-icon,
.button-xs .input-icon,
.button-md .input-icon,
.button-lg .input-icon {
  display: flex;
  align-items: center;
  justify-content: center;
}

.button.loading,
.button-xs.loading,
.button-md.loading,
.button-lg.loading {
  pointer-events: none;
  cursor: wait !important;
  opacity: 0.8;
}

.button.loading::after,
.button-xs.loading::after,
.button-md.loading::after,
.button-lg.loading::after {
  content: "";
  display: inline-block;
  vertical-align: text-bottom;
  border-width: .1rem;
  border-style: solid;
  border-color: currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: rotation .5s linear infinite;
          animation: rotation .5s linear infinite;
  margin-left: 0.5rem;
  margin-right: -1rem;
}

.button.full,
.button-xs.full,
.button-md.full,
.button-lg.full {
  width: 100%;
}

.button.half,
.button-xs.half,
.button-md.half,
.button-lg.half {
  width: 50%;
}

.button {
  height: calc(1.5rem + .75rem + 2px);
  padding: 0.375rem calc(.75rem + 1rem);
  font-size: 0.8rem;
}

.button.loading::after {
  width: 1.2rem;
  height: 1.2rem;
}

.button-xs {
  height: calc(1.5rem + .4rem + 2px);
  padding: 0.2rem calc(.5rem + 1rem);
  font-size: 0.64rem;
}

.button-xs.loading::after {
  width: 0.96rem;
  height: 0.96rem;
}

.button-md {
  height: calc(1.5rem + 1rem + 2px);
  padding: 0.5rem calc(1rem + 1.2rem);
  font-size: 1rem;
}

.button-md.loading::after {
  width: 1.5rem;
  height: 1.5rem;
}

.button-lg {
  height: calc(1.8rem + 1.25rem + 2px);
  padding: 0.625rem calc(1.25rem + 1.5rem);
  font-size: 1.2rem;
}

.button-lg.loading::after {
  width: 1.8rem;
  height: 1.8rem;
}

/* Basic styles */
.checkbox,
.radio,
.checkbox-bullet,
.checkbox-round {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.checkbox + label,
.radio + label,
.checkbox-bullet + label,
.checkbox-round + label {
  position: relative;
  display: inline-block;
  padding: 0 0 0 2em;
  height: 1.4em;
  line-height: 1.5;
  cursor: pointer;
}

.checkbox + label::before,
.checkbox + label::after,
.radio + label::before,
.radio + label::after,
.checkbox-bullet + label::before,
.checkbox-bullet + label::after,
.checkbox-round + label::before,
.checkbox-round + label::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1.4em;
  height: 1.4em;
}

.checkbox + label::before,
.radio + label::before,
.checkbox-bullet + label::before,
.checkbox-round + label::before {
  content: " ";
  border: 2px solid currentColor;
}

.checkbox + label:hover::before,
.radio + label:hover::before,
.checkbox-bullet + label:hover::before,
.checkbox-round + label:hover::before {
  opacity: 0.8;
}

.checkbox:disabled + label::before,
.checkbox:disabled + label,
.checkbox.disabled + label::before,
.checkbox.disabled + label,
.radio:disabled + label::before,
.radio:disabled + label,
.radio.disabled + label::before,
.radio.disabled + label,
.checkbox-bullet:disabled + label::before,
.checkbox-bullet:disabled + label,
.checkbox-bullet.disabled + label::before,
.checkbox-bullet.disabled + label,
.checkbox-round:disabled + label::before,
.checkbox-round:disabled + label,
.checkbox-round.disabled + label::before,
.checkbox-round.disabled + label {
  cursor: not-allowed !important;
  opacity: 0.4 !important;
}

.checkbox + label::after,
.radio + label::after,
.checkbox-bullet + label::after,
.checkbox-round + label::after {
  transform: scale(0);
}

.checkbox:checked + label::after,
.radio:checked + label::after,
.checkbox-bullet:checked + label::after,
.checkbox-round:checked + label::after {
  transform: scale(1);
}

.checkbox + label::before,
.checkbox + label::after,
.radio + label::before,
.radio + label::after,
.checkbox-bullet + label::before,
.checkbox-bullet + label::after,
.checkbox-round + label::before,
.checkbox-round + label::after {
  transition: 200ms all ease;
}

.checkbox + label::after, .checkbox-round + label::after {
  content: '\2714';
  color: white !important;
  line-height: 1.5;
  text-align: center;
}

.checkbox + label::before, .checkbox-round + label::before {
  border-radius: 20%;
}

.checkbox:checked + label::before, .checkbox-round:checked + label::before {
  background: currentColor;
  border-color: currentColor;
}

.checkbox-round + label::before {
  border-radius: 50%;
}

.checkbox-bullet + label::before {
  border-radius: 20%;
}

.checkbox-bullet + label::after {
  content: " ";
  top: .2em;
  left: .2em;
  width: 1em;
  height: 1em;
  background: currentColor;
  border: .2em solid white !important;
  border-radius: 20%;
}

.radio + label::before {
  border-radius: 50%;
}

.radio + label::after {
  content: " ";
  top: .2em;
  left: .2em;
  width: 1em;
  height: 1em;
  background: currentColor;
  border: .2em solid white !important;
  border-radius: 50%;
}

.table-container {
  width: 100%;
}

.table-container table {
  width: 100%;
  border: none;
  border-collapse: collapse;
  border: 1px solid #E4E8EB;
}

.table-container table th,
.table-container table td {
  padding: 0.8rem;
}

.table-container table thead {
  font-weight: bold;
}

.table-striped tbody tr:nth-child(even) {
  background-color: #EEF1F5;
}

.row-border tr {
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: inherit;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: inherit;
}

.cell-border td {
  border-width: 1px;
  border-style: solid;
  border-color: inherit;
}

.table-head thead {
  background-color: #EEF1F5;
}

.horizontal-group {
  display: inline-flex;
}

.horizontal-group > :not(:first-child):not(:last-child) {
  border-radius: 0px;
}

.horizontal-group > :first-child {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.horizontal-group > :last-child {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}

.horizontal-group > :not(:last-child) {
  margin-right: -1px;
}

.vertical-group {
  display: inline-flex;
  flex-direction: column;
}

.vertical-group > :not(:first-child):not(:last-child) {
  border-radius: 0px;
}

.vertical-group > :first-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.vertical-group > :last-child {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.vertical-group > :not(:last-child) {
  margin-bottom: -1px;
}
/*# sourceMappingURL=lite.shorthand.css.map */