.container { max-width: none !important; padding: 0 2%; }

.full-size { position: relative; width: 100%; height: 100%; }

.absolute-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.fixed-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; }

.drop-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center; text-align: center; padding: 1rem; z-index: 50; color: #FFF; background-color: rgba(0, 0, 0, 0.9); backdrop-filter: blur(5px); }

/* Colors */
.default { color: inherit; }

.primary { color: #00b3fd; }

.secondary { color: #e61616; }

.actionary { color: #945E00; }

.text-dimmed { color: #979797; }

/* Background Colors */
.bg-default { background-color: #FFF; }

.bg-primary { background-color: #00B3FD; }

.bg-primary a { color: #FFF; font-weight: bold; }

.bg-secondary, .bg-error { background-color: #e61616; }

.bg-secondary a, .bg-error a { color: #FFF; font-weight: bold; }

.bg-actionary, .bg-gold { background-color: #A87E2E; }

.bg-warning { background-color: orange; }

.bg-warning a { color: #000; font-weight: bold; }

.bg-cloud { background-color: rgba(140, 140, 140, 0.1); }

.bg-darkcloud { background-color: rgba(0, 0, 0, 0.1); }

.bg-lightest { background-color: #F3F5F7; }

.bg-lighter { background-color: #EAEAEA; }

.bg-light { background-color: #DCDCDC; }

.bg-dark { background-color: #B3B3B3; }

.bg-darker { background-color: #808080; }

.bg-darkest { background-color: #343434; }

.bg-black-95 { background-color: rgba(0, 0, 0, 0.95); }

.bg-transparent { background: none; background-color: transparent; }

/* Separators */
.separator { display: inline-block; margin: 0 .25rem; }

.separator-line { display: flex; flex-direction: row; justify-content: center; align-items: center; width: 100%; text-align: center; }

.separator-line::before, .separator-line::after { content: ''; flex: 1 0 17px; width: 100%; }

.separator-line::before { border-top-width: 1px; border-top-style: solid; border-top-color: #000; }

.separator-line::after { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000; }

.separator-line:empty::before { display: none; }

.separator-line:empty::after { flex: 1 0 0; }

.separator-line.text-left::before, .separator-line.text-right::after { flex: 0 0 17px; }

.separator-line > * { margin-left: 5px; margin-right: 5px; }

.separator-line > *:first-child { margin-left: 10px; }

.separator-line > *:last-child { margin-right: 10px; }

.separator-line > *:not(p) { white-space: nowrap; }

.separator-line.is-dimmed::before, .separator-line.is-dimmed::after { opacity: .5; }

.separator-line.is-inverted::before, .separator-line.is-inverted::after { border-color: #FFF; }

@media (max-width: 576px) { .separator-line { flex-direction: column; } .separator-line::before, .separator-line::after { flex: 1 0 10px; } }

@media (max-width: 1000px) { .max-w-truncate { min-width: 30px; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

@media (min-width: 640px) {
  .sm\:img-x2 {
    position: relative;
    width: 200%;
    max-width: none;
    z-index: -1;
    left: -50%;
  }
}

.inherit-shadow {
  position: absolute;
  bottom: -12px;
  left: 8%;
  width: 84%;
  height: 50%;
  filter: blur(20px) saturate(3) brightness(0.7);
  z-index: -1;
  pointer-events: none;
  transition: all .3s ease-in-out;
  background: inherit;
  backface-visibility: hidden;
  transform: translateZ(0);
  will-change: transform;
}