@fastwork/turbine
Version:
Turbine UI
2,530 lines (1,936 loc) • 479 kB
CSS
/*
* Color
*********************************************/
._alct-st {
align-content: start !important;
}
._alct-e {
align-content: end !important;
}
._alct-l {
align-content: left !important;
}
._alct-r {
align-content: right !important;
}
._alct-ct {
align-content: center !important;
}
._alct-str {
align-content: stretch !important;
}
._alct-fst {
align-content: flex-start !important;
}
._alct-fe {
align-content: flex-end !important;
}
._alct-spbtw {
align-content: space-between !important;
}
._alct-spar {
align-content: space-around !important;
}
._alct-spevl {
align-content: space-evenly !important;
}
@media (min-width: 768px) {
._alct-st-sm {
align-content: start !important;
}
._alct-e-sm {
align-content: end !important;
}
._alct-l-sm {
align-content: left !important;
}
._alct-r-sm {
align-content: right !important;
}
._alct-ct-sm {
align-content: center !important;
}
._alct-str-sm {
align-content: stretch !important;
}
._alct-fst-sm {
align-content: flex-start !important;
}
._alct-fe-sm {
align-content: flex-end !important;
}
._alct-spbtw-sm {
align-content: space-between !important;
}
._alct-spar-sm {
align-content: space-around !important;
}
._alct-spevl-sm {
align-content: space-evenly !important;
}
}
@media (min-width: 1024px) {
._alct-st-md {
align-content: start !important;
}
._alct-e-md {
align-content: end !important;
}
._alct-l-md {
align-content: left !important;
}
._alct-r-md {
align-content: right !important;
}
._alct-ct-md {
align-content: center !important;
}
._alct-str-md {
align-content: stretch !important;
}
._alct-fst-md {
align-content: flex-start !important;
}
._alct-fe-md {
align-content: flex-end !important;
}
._alct-spbtw-md {
align-content: space-between !important;
}
._alct-spar-md {
align-content: space-around !important;
}
._alct-spevl-md {
align-content: space-evenly !important;
}
}
@media (min-width: 1280px) {
._alct-st-lg {
align-content: start !important;
}
._alct-e-lg {
align-content: end !important;
}
._alct-l-lg {
align-content: left !important;
}
._alct-r-lg {
align-content: right !important;
}
._alct-ct-lg {
align-content: center !important;
}
._alct-str-lg {
align-content: stretch !important;
}
._alct-fst-lg {
align-content: flex-start !important;
}
._alct-fe-lg {
align-content: flex-end !important;
}
._alct-spbtw-lg {
align-content: space-between !important;
}
._alct-spar-lg {
align-content: space-around !important;
}
._alct-spevl-lg {
align-content: space-evenly !important;
}
}
._alit-st {
align-items: start !important;
}
._alit-e {
align-items: end !important;
}
._alit-ct {
align-items: center !important;
}
._alit-str {
align-items: stretch !important;
}
._alit-fst {
align-items: flex-start !important;
}
._alit-fe {
align-items: flex-end !important;
}
@media (min-width: 768px) {
._alit-st-sm {
align-items: start !important;
}
._alit-e-sm {
align-items: end !important;
}
._alit-ct-sm {
align-items: center !important;
}
._alit-str-sm {
align-items: stretch !important;
}
._alit-fst-sm {
align-items: flex-start !important;
}
._alit-fe-sm {
align-items: flex-end !important;
}
}
@media (min-width: 1024px) {
._alit-st-md {
align-items: start !important;
}
._alit-e-md {
align-items: end !important;
}
._alit-ct-md {
align-items: center !important;
}
._alit-str-md {
align-items: stretch !important;
}
._alit-fst-md {
align-items: flex-start !important;
}
._alit-fe-md {
align-items: flex-end !important;
}
}
@media (min-width: 1280px) {
._alit-st-lg {
align-items: start !important;
}
._alit-e-lg {
align-items: end !important;
}
._alit-ct-lg {
align-items: center !important;
}
._alit-str-lg {
align-items: stretch !important;
}
._alit-fst-lg {
align-items: flex-start !important;
}
._alit-fe-lg {
align-items: flex-end !important;
}
}
._als-st {
align-self: start !important;
}
._als-e {
align-self: end !important;
}
._als-fst {
align-self: flex-start !important;
}
._als-fe {
align-self: flex-end !important;
}
._als-ct {
align-self: center !important;
}
._als-str {
align-self: stretch !important;
}
@media (min-width: 768px) {
._als-st-sm {
align-self: start !important;
}
._als-e-sm {
align-self: end !important;
}
._als-fst-sm {
align-self: flex-start !important;
}
._als-fe-sm {
align-self: flex-end !important;
}
._als-ct-sm {
align-self: center !important;
}
._als-str-sm {
align-self: stretch !important;
}
}
@media (min-width: 1024px) {
._als-st-md {
align-self: start !important;
}
._als-e-md {
align-self: end !important;
}
._als-fst-md {
align-self: flex-start !important;
}
._als-fe-md {
align-self: flex-end !important;
}
._als-ct-md {
align-self: center !important;
}
._als-str-md {
align-self: stretch !important;
}
}
@media (min-width: 1280px) {
._als-st-lg {
align-self: start !important;
}
._als-e-lg {
align-self: end !important;
}
._als-fst-lg {
align-self: flex-start !important;
}
._als-fe-lg {
align-self: flex-end !important;
}
._als-ct-lg {
align-self: center !important;
}
._als-str-lg {
align-self: stretch !important;
}
}
._bfvsblt-hd {
backface-visibility: hidden !important;
}
._bfvsblt-vsb {
backface-visibility: visible !important;
}
@media (min-width: 768px) {
._bfvsblt-hd-sm {
backface-visibility: hidden !important;
}
._bfvsblt-vsb-sm {
backface-visibility: visible !important;
}
}
@media (min-width: 1024px) {
._bfvsblt-hd-md {
backface-visibility: hidden !important;
}
._bfvsblt-vsb-md {
backface-visibility: visible !important;
}
}
@media (min-width: 1280px) {
._bfvsblt-hd-lg {
backface-visibility: hidden !important;
}
._bfvsblt-vsb-lg {
backface-visibility: visible !important;
}
}
._bgatm-sc {
background-attachment: scroll !important;
}
._bgatm-f {
background-attachment: fixed !important;
}
._bgatm-lc {
background-attachment: local !important;
}
@media (min-width: 768px) {
._bgatm-sc-sm {
background-attachment: scroll !important;
}
._bgatm-f-sm {
background-attachment: fixed !important;
}
._bgatm-lc-sm {
background-attachment: local !important;
}
}
@media (min-width: 1024px) {
._bgatm-sc-md {
background-attachment: scroll !important;
}
._bgatm-f-md {
background-attachment: fixed !important;
}
._bgatm-lc-md {
background-attachment: local !important;
}
}
@media (min-width: 1280px) {
._bgatm-sc-lg {
background-attachment: scroll !important;
}
._bgatm-f-lg {
background-attachment: fixed !important;
}
._bgatm-lc-lg {
background-attachment: local !important;
}
}
._bgbm-nm {
background-blend-mode: normal !important;
}
._bgbm-mtp {
background-blend-mode: multiply !important;
}
._bgbm-sc {
background-blend-mode: screen !important;
}
._bgbm-ovl {
background-blend-mode: overlay !important;
}
@media (min-width: 768px) {
._bgbm-nm-sm {
background-blend-mode: normal !important;
}
._bgbm-mtp-sm {
background-blend-mode: multiply !important;
}
._bgbm-sc-sm {
background-blend-mode: screen !important;
}
._bgbm-ovl-sm {
background-blend-mode: overlay !important;
}
}
@media (min-width: 1024px) {
._bgbm-nm-md {
background-blend-mode: normal !important;
}
._bgbm-mtp-md {
background-blend-mode: multiply !important;
}
._bgbm-sc-md {
background-blend-mode: screen !important;
}
._bgbm-ovl-md {
background-blend-mode: overlay !important;
}
}
@media (min-width: 1280px) {
._bgbm-nm-lg {
background-blend-mode: normal !important;
}
._bgbm-mtp-lg {
background-blend-mode: multiply !important;
}
._bgbm-sc-lg {
background-blend-mode: screen !important;
}
._bgbm-ovl-lg {
background-blend-mode: overlay !important;
}
}
._bgcl-primary-100 {
background-color: var(--color-primary-100) !important;
}
._bgcl-primary-200 {
background-color: var(--color-primary-200) !important;
}
._bgcl-primary-300 {
background-color: var(--color-primary-300) !important;
}
._bgcl-primary-400 {
background-color: var(--color-primary-400) !important;
}
._bgcl-primary-500 {
background-color: var(--color-primary-500) !important;
}
._bgcl-primary-600 {
background-color: var(--color-primary-600) !important;
}
._bgcl-primary-700 {
background-color: var(--color-primary-700) !important;
}
._bgcl-primary-800 {
background-color: var(--color-primary-800) !important;
}
._bgcl-primary-900 {
background-color: var(--color-primary-900) !important;
}
._bgcl-gray-100 {
background-color: var(--color-gray-100) !important;
}
._bgcl-gray-200 {
background-color: var(--color-gray-200) !important;
}
._bgcl-gray-300 {
background-color: var(--color-gray-300) !important;
}
._bgcl-gray-400 {
background-color: var(--color-gray-400) !important;
}
._bgcl-gray-500 {
background-color: var(--color-gray-500) !important;
}
._bgcl-gray-600 {
background-color: var(--color-gray-600) !important;
}
._bgcl-gray-700 {
background-color: var(--color-gray-700) !important;
}
._bgcl-gray-800 {
background-color: var(--color-gray-800) !important;
}
._bgcl-gray-900 {
background-color: var(--color-gray-900) !important;
}
._bgcl-positive-100 {
background-color: var(--color-positive-100) !important;
}
._bgcl-positive-200 {
background-color: var(--color-positive-200) !important;
}
._bgcl-positive-300 {
background-color: var(--color-positive-300) !important;
}
._bgcl-positive-400 {
background-color: var(--color-positive-400) !important;
}
._bgcl-positive-500 {
background-color: var(--color-positive-500) !important;
}
._bgcl-positive-600 {
background-color: var(--color-positive-600) !important;
}
._bgcl-positive-700 {
background-color: var(--color-positive-700) !important;
}
._bgcl-positive-800 {
background-color: var(--color-positive-800) !important;
}
._bgcl-positive-900 {
background-color: var(--color-positive-900) !important;
}
._bgcl-negative-100 {
background-color: var(--color-negative-100) !important;
}
._bgcl-negative-200 {
background-color: var(--color-negative-200) !important;
}
._bgcl-negative-300 {
background-color: var(--color-negative-300) !important;
}
._bgcl-negative-400 {
background-color: var(--color-negative-400) !important;
}
._bgcl-negative-500 {
background-color: var(--color-negative-500) !important;
}
._bgcl-negative-600 {
background-color: var(--color-negative-600) !important;
}
._bgcl-negative-700 {
background-color: var(--color-negative-700) !important;
}
._bgcl-negative-800 {
background-color: var(--color-negative-800) !important;
}
._bgcl-negative-900 {
background-color: var(--color-negative-900) !important;
}
._bgcl-info-100 {
background-color: var(--color-info-100) !important;
}
._bgcl-info-200 {
background-color: var(--color-info-200) !important;
}
._bgcl-info-300 {
background-color: var(--color-info-300) !important;
}
._bgcl-info-400 {
background-color: var(--color-info-400) !important;
}
._bgcl-info-500 {
background-color: var(--color-info-500) !important;
}
._bgcl-info-600 {
background-color: var(--color-info-600) !important;
}
._bgcl-info-700 {
background-color: var(--color-info-700) !important;
}
._bgcl-info-800 {
background-color: var(--color-info-800) !important;
}
._bgcl-info-900 {
background-color: var(--color-info-900) !important;
}
._bgcl-warning-100 {
background-color: var(--color-warning-100) !important;
}
._bgcl-warning-200 {
background-color: var(--color-warning-200) !important;
}
._bgcl-warning-300 {
background-color: var(--color-warning-300) !important;
}
._bgcl-warning-400 {
background-color: var(--color-warning-400) !important;
}
._bgcl-warning-500 {
background-color: var(--color-warning-500) !important;
}
._bgcl-warning-600 {
background-color: var(--color-warning-600) !important;
}
._bgcl-warning-700 {
background-color: var(--color-warning-700) !important;
}
._bgcl-warning-800 {
background-color: var(--color-warning-800) !important;
}
._bgcl-warning-900 {
background-color: var(--color-warning-900) !important;
}
._bgcl-text-invert-100 {
background-color: var(--color-text-invert-100) !important;
}
._bgcl-light-secondary {
background-color: var(--color-light-secondary) !important;
}
._bgcl-text-default-100 {
background-color: var(--color-text-default-100) !important;
}
._bgcl-dark-secondary {
background-color: var(--color-dark-secondary) !important;
}
._bgcl-golden-poppy {
background-color: var(--color-golden-poppy) !important;
}
._bgcl-dark-cerulean {
background-color: var(--color-dark-cerulean) !important;
}
._bgcl-bittersweet {
background-color: var(--color-bittersweet) !important;
}
._bgcl-facebook {
background-color: var(--color-facebook) !important;
}
._bgcl-shader {
background-color: var(--color-shader) !important;
}
._bgcl-tpr {
background-color: transparent !important;
}
@media (min-width: 768px) {
._bgcl-primary-100-sm {
background-color: var(--color-primary-100) !important;
}
._bgcl-primary-200-sm {
background-color: var(--color-primary-200) !important;
}
._bgcl-primary-300-sm {
background-color: var(--color-primary-300) !important;
}
._bgcl-primary-400-sm {
background-color: var(--color-primary-400) !important;
}
._bgcl-primary-500-sm {
background-color: var(--color-primary-500) !important;
}
._bgcl-primary-600-sm {
background-color: var(--color-primary-600) !important;
}
._bgcl-primary-700-sm {
background-color: var(--color-primary-700) !important;
}
._bgcl-primary-800-sm {
background-color: var(--color-primary-800) !important;
}
._bgcl-primary-900-sm {
background-color: var(--color-primary-900) !important;
}
._bgcl-gray-100-sm {
background-color: var(--color-gray-100) !important;
}
._bgcl-gray-200-sm {
background-color: var(--color-gray-200) !important;
}
._bgcl-gray-300-sm {
background-color: var(--color-gray-300) !important;
}
._bgcl-gray-400-sm {
background-color: var(--color-gray-400) !important;
}
._bgcl-gray-500-sm {
background-color: var(--color-gray-500) !important;
}
._bgcl-gray-600-sm {
background-color: var(--color-gray-600) !important;
}
._bgcl-gray-700-sm {
background-color: var(--color-gray-700) !important;
}
._bgcl-gray-800-sm {
background-color: var(--color-gray-800) !important;
}
._bgcl-gray-900-sm {
background-color: var(--color-gray-900) !important;
}
._bgcl-positive-100-sm {
background-color: var(--color-positive-100) !important;
}
._bgcl-positive-200-sm {
background-color: var(--color-positive-200) !important;
}
._bgcl-positive-300-sm {
background-color: var(--color-positive-300) !important;
}
._bgcl-positive-400-sm {
background-color: var(--color-positive-400) !important;
}
._bgcl-positive-500-sm {
background-color: var(--color-positive-500) !important;
}
._bgcl-positive-600-sm {
background-color: var(--color-positive-600) !important;
}
._bgcl-positive-700-sm {
background-color: var(--color-positive-700) !important;
}
._bgcl-positive-800-sm {
background-color: var(--color-positive-800) !important;
}
._bgcl-positive-900-sm {
background-color: var(--color-positive-900) !important;
}
._bgcl-negative-100-sm {
background-color: var(--color-negative-100) !important;
}
._bgcl-negative-200-sm {
background-color: var(--color-negative-200) !important;
}
._bgcl-negative-300-sm {
background-color: var(--color-negative-300) !important;
}
._bgcl-negative-400-sm {
background-color: var(--color-negative-400) !important;
}
._bgcl-negative-500-sm {
background-color: var(--color-negative-500) !important;
}
._bgcl-negative-600-sm {
background-color: var(--color-negative-600) !important;
}
._bgcl-negative-700-sm {
background-color: var(--color-negative-700) !important;
}
._bgcl-negative-800-sm {
background-color: var(--color-negative-800) !important;
}
._bgcl-negative-900-sm {
background-color: var(--color-negative-900) !important;
}
._bgcl-info-100-sm {
background-color: var(--color-info-100) !important;
}
._bgcl-info-200-sm {
background-color: var(--color-info-200) !important;
}
._bgcl-info-300-sm {
background-color: var(--color-info-300) !important;
}
._bgcl-info-400-sm {
background-color: var(--color-info-400) !important;
}
._bgcl-info-500-sm {
background-color: var(--color-info-500) !important;
}
._bgcl-info-600-sm {
background-color: var(--color-info-600) !important;
}
._bgcl-info-700-sm {
background-color: var(--color-info-700) !important;
}
._bgcl-info-800-sm {
background-color: var(--color-info-800) !important;
}
._bgcl-info-900-sm {
background-color: var(--color-info-900) !important;
}
._bgcl-warning-100-sm {
background-color: var(--color-warning-100) !important;
}
._bgcl-warning-200-sm {
background-color: var(--color-warning-200) !important;
}
._bgcl-warning-300-sm {
background-color: var(--color-warning-300) !important;
}
._bgcl-warning-400-sm {
background-color: var(--color-warning-400) !important;
}
._bgcl-warning-500-sm {
background-color: var(--color-warning-500) !important;
}
._bgcl-warning-600-sm {
background-color: var(--color-warning-600) !important;
}
._bgcl-warning-700-sm {
background-color: var(--color-warning-700) !important;
}
._bgcl-warning-800-sm {
background-color: var(--color-warning-800) !important;
}
._bgcl-warning-900-sm {
background-color: var(--color-warning-900) !important;
}
._bgcl-text-invert-100-sm {
background-color: var(--color-text-invert-100) !important;
}
._bgcl-light-secondary-sm {
background-color: var(--color-light-secondary) !important;
}
._bgcl-text-default-100-sm {
background-color: var(--color-text-default-100) !important;
}
._bgcl-dark-secondary-sm {
background-color: var(--color-dark-secondary) !important;
}
._bgcl-golden-poppy-sm {
background-color: var(--color-golden-poppy) !important;
}
._bgcl-dark-cerulean-sm {
background-color: var(--color-dark-cerulean) !important;
}
._bgcl-bittersweet-sm {
background-color: var(--color-bittersweet) !important;
}
._bgcl-facebook-sm {
background-color: var(--color-facebook) !important;
}
._bgcl-shader-sm {
background-color: var(--color-shader) !important;
}
._bgcl-tpr-sm {
background-color: transparent !important;
}
}
@media (min-width: 1024px) {
._bgcl-primary-100-md {
background-color: var(--color-primary-100) !important;
}
._bgcl-primary-200-md {
background-color: var(--color-primary-200) !important;
}
._bgcl-primary-300-md {
background-color: var(--color-primary-300) !important;
}
._bgcl-primary-400-md {
background-color: var(--color-primary-400) !important;
}
._bgcl-primary-500-md {
background-color: var(--color-primary-500) !important;
}
._bgcl-primary-600-md {
background-color: var(--color-primary-600) !important;
}
._bgcl-primary-700-md {
background-color: var(--color-primary-700) !important;
}
._bgcl-primary-800-md {
background-color: var(--color-primary-800) !important;
}
._bgcl-primary-900-md {
background-color: var(--color-primary-900) !important;
}
._bgcl-gray-100-md {
background-color: var(--color-gray-100) !important;
}
._bgcl-gray-200-md {
background-color: var(--color-gray-200) !important;
}
._bgcl-gray-300-md {
background-color: var(--color-gray-300) !important;
}
._bgcl-gray-400-md {
background-color: var(--color-gray-400) !important;
}
._bgcl-gray-500-md {
background-color: var(--color-gray-500) !important;
}
._bgcl-gray-600-md {
background-color: var(--color-gray-600) !important;
}
._bgcl-gray-700-md {
background-color: var(--color-gray-700) !important;
}
._bgcl-gray-800-md {
background-color: var(--color-gray-800) !important;
}
._bgcl-gray-900-md {
background-color: var(--color-gray-900) !important;
}
._bgcl-positive-100-md {
background-color: var(--color-positive-100) !important;
}
._bgcl-positive-200-md {
background-color: var(--color-positive-200) !important;
}
._bgcl-positive-300-md {
background-color: var(--color-positive-300) !important;
}
._bgcl-positive-400-md {
background-color: var(--color-positive-400) !important;
}
._bgcl-positive-500-md {
background-color: var(--color-positive-500) !important;
}
._bgcl-positive-600-md {
background-color: var(--color-positive-600) !important;
}
._bgcl-positive-700-md {
background-color: var(--color-positive-700) !important;
}
._bgcl-positive-800-md {
background-color: var(--color-positive-800) !important;
}
._bgcl-positive-900-md {
background-color: var(--color-positive-900) !important;
}
._bgcl-negative-100-md {
background-color: var(--color-negative-100) !important;
}
._bgcl-negative-200-md {
background-color: var(--color-negative-200) !important;
}
._bgcl-negative-300-md {
background-color: var(--color-negative-300) !important;
}
._bgcl-negative-400-md {
background-color: var(--color-negative-400) !important;
}
._bgcl-negative-500-md {
background-color: var(--color-negative-500) !important;
}
._bgcl-negative-600-md {
background-color: var(--color-negative-600) !important;
}
._bgcl-negative-700-md {
background-color: var(--color-negative-700) !important;
}
._bgcl-negative-800-md {
background-color: var(--color-negative-800) !important;
}
._bgcl-negative-900-md {
background-color: var(--color-negative-900) !important;
}
._bgcl-info-100-md {
background-color: var(--color-info-100) !important;
}
._bgcl-info-200-md {
background-color: var(--color-info-200) !important;
}
._bgcl-info-300-md {
background-color: var(--color-info-300) !important;
}
._bgcl-info-400-md {
background-color: var(--color-info-400) !important;
}
._bgcl-info-500-md {
background-color: var(--color-info-500) !important;
}
._bgcl-info-600-md {
background-color: var(--color-info-600) !important;
}
._bgcl-info-700-md {
background-color: var(--color-info-700) !important;
}
._bgcl-info-800-md {
background-color: var(--color-info-800) !important;
}
._bgcl-info-900-md {
background-color: var(--color-info-900) !important;
}
._bgcl-warning-100-md {
background-color: var(--color-warning-100) !important;
}
._bgcl-warning-200-md {
background-color: var(--color-warning-200) !important;
}
._bgcl-warning-300-md {
background-color: var(--color-warning-300) !important;
}
._bgcl-warning-400-md {
background-color: var(--color-warning-400) !important;
}
._bgcl-warning-500-md {
background-color: var(--color-warning-500) !important;
}
._bgcl-warning-600-md {
background-color: var(--color-warning-600) !important;
}
._bgcl-warning-700-md {
background-color: var(--color-warning-700) !important;
}
._bgcl-warning-800-md {
background-color: var(--color-warning-800) !important;
}
._bgcl-warning-900-md {
background-color: var(--color-warning-900) !important;
}
._bgcl-text-invert-100-md {
background-color: var(--color-text-invert-100) !important;
}
._bgcl-light-secondary-md {
background-color: var(--color-light-secondary) !important;
}
._bgcl-text-default-100-md {
background-color: var(--color-text-default-100) !important;
}
._bgcl-dark-secondary-md {
background-color: var(--color-dark-secondary) !important;
}
._bgcl-golden-poppy-md {
background-color: var(--color-golden-poppy) !important;
}
._bgcl-dark-cerulean-md {
background-color: var(--color-dark-cerulean) !important;
}
._bgcl-bittersweet-md {
background-color: var(--color-bittersweet) !important;
}
._bgcl-facebook-md {
background-color: var(--color-facebook) !important;
}
._bgcl-shader-md {
background-color: var(--color-shader) !important;
}
._bgcl-tpr-md {
background-color: transparent !important;
}
}
@media (min-width: 1280px) {
._bgcl-primary-100-lg {
background-color: var(--color-primary-100) !important;
}
._bgcl-primary-200-lg {
background-color: var(--color-primary-200) !important;
}
._bgcl-primary-300-lg {
background-color: var(--color-primary-300) !important;
}
._bgcl-primary-400-lg {
background-color: var(--color-primary-400) !important;
}
._bgcl-primary-500-lg {
background-color: var(--color-primary-500) !important;
}
._bgcl-primary-600-lg {
background-color: var(--color-primary-600) !important;
}
._bgcl-primary-700-lg {
background-color: var(--color-primary-700) !important;
}
._bgcl-primary-800-lg {
background-color: var(--color-primary-800) !important;
}
._bgcl-primary-900-lg {
background-color: var(--color-primary-900) !important;
}
._bgcl-gray-100-lg {
background-color: var(--color-gray-100) !important;
}
._bgcl-gray-200-lg {
background-color: var(--color-gray-200) !important;
}
._bgcl-gray-300-lg {
background-color: var(--color-gray-300) !important;
}
._bgcl-gray-400-lg {
background-color: var(--color-gray-400) !important;
}
._bgcl-gray-500-lg {
background-color: var(--color-gray-500) !important;
}
._bgcl-gray-600-lg {
background-color: var(--color-gray-600) !important;
}
._bgcl-gray-700-lg {
background-color: var(--color-gray-700) !important;
}
._bgcl-gray-800-lg {
background-color: var(--color-gray-800) !important;
}
._bgcl-gray-900-lg {
background-color: var(--color-gray-900) !important;
}
._bgcl-positive-100-lg {
background-color: var(--color-positive-100) !important;
}
._bgcl-positive-200-lg {
background-color: var(--color-positive-200) !important;
}
._bgcl-positive-300-lg {
background-color: var(--color-positive-300) !important;
}
._bgcl-positive-400-lg {
background-color: var(--color-positive-400) !important;
}
._bgcl-positive-500-lg {
background-color: var(--color-positive-500) !important;
}
._bgcl-positive-600-lg {
background-color: var(--color-positive-600) !important;
}
._bgcl-positive-700-lg {
background-color: var(--color-positive-700) !important;
}
._bgcl-positive-800-lg {
background-color: var(--color-positive-800) !important;
}
._bgcl-positive-900-lg {
background-color: var(--color-positive-900) !important;
}
._bgcl-negative-100-lg {
background-color: var(--color-negative-100) !important;
}
._bgcl-negative-200-lg {
background-color: var(--color-negative-200) !important;
}
._bgcl-negative-300-lg {
background-color: var(--color-negative-300) !important;
}
._bgcl-negative-400-lg {
background-color: var(--color-negative-400) !important;
}
._bgcl-negative-500-lg {
background-color: var(--color-negative-500) !important;
}
._bgcl-negative-600-lg {
background-color: var(--color-negative-600) !important;
}
._bgcl-negative-700-lg {
background-color: var(--color-negative-700) !important;
}
._bgcl-negative-800-lg {
background-color: var(--color-negative-800) !important;
}
._bgcl-negative-900-lg {
background-color: var(--color-negative-900) !important;
}
._bgcl-info-100-lg {
background-color: var(--color-info-100) !important;
}
._bgcl-info-200-lg {
background-color: var(--color-info-200) !important;
}
._bgcl-info-300-lg {
background-color: var(--color-info-300) !important;
}
._bgcl-info-400-lg {
background-color: var(--color-info-400) !important;
}
._bgcl-info-500-lg {
background-color: var(--color-info-500) !important;
}
._bgcl-info-600-lg {
background-color: var(--color-info-600) !important;
}
._bgcl-info-700-lg {
background-color: var(--color-info-700) !important;
}
._bgcl-info-800-lg {
background-color: var(--color-info-800) !important;
}
._bgcl-info-900-lg {
background-color: var(--color-info-900) !important;
}
._bgcl-warning-100-lg {
background-color: var(--color-warning-100) !important;
}
._bgcl-warning-200-lg {
background-color: var(--color-warning-200) !important;
}
._bgcl-warning-300-lg {
background-color: var(--color-warning-300) !important;
}
._bgcl-warning-400-lg {
background-color: var(--color-warning-400) !important;
}
._bgcl-warning-500-lg {
background-color: var(--color-warning-500) !important;
}
._bgcl-warning-600-lg {
background-color: var(--color-warning-600) !important;
}
._bgcl-warning-700-lg {
background-color: var(--color-warning-700) !important;
}
._bgcl-warning-800-lg {
background-color: var(--color-warning-800) !important;
}
._bgcl-warning-900-lg {
background-color: var(--color-warning-900) !important;
}
._bgcl-text-invert-100-lg {
background-color: var(--color-text-invert-100) !important;
}
._bgcl-light-secondary-lg {
background-color: var(--color-light-secondary) !important;
}
._bgcl-text-default-100-lg {
background-color: var(--color-text-default-100) !important;
}
._bgcl-dark-secondary-lg {
background-color: var(--color-dark-secondary) !important;
}
._bgcl-golden-poppy-lg {
background-color: var(--color-golden-poppy) !important;
}
._bgcl-dark-cerulean-lg {
background-color: var(--color-dark-cerulean) !important;
}
._bgcl-bittersweet-lg {
background-color: var(--color-bittersweet) !important;
}
._bgcl-facebook-lg {
background-color: var(--color-facebook) !important;
}
._bgcl-shader-lg {
background-color: var(--color-shader) !important;
}
._bgcl-tpr-lg {
background-color: transparent !important;
}
}
._bgcl-primary-100-hover:hover {
background-color: var(--color-primary-100) !important;
}
._bgcl-primary-200-hover:hover {
background-color: var(--color-primary-200) !important;
}
._bgcl-primary-300-hover:hover {
background-color: var(--color-primary-300) !important;
}
._bgcl-primary-400-hover:hover {
background-color: var(--color-primary-400) !important;
}
._bgcl-primary-500-hover:hover {
background-color: var(--color-primary-500) !important;
}
._bgcl-primary-600-hover:hover {
background-color: var(--color-primary-600) !important;
}
._bgcl-primary-700-hover:hover {
background-color: var(--color-primary-700) !important;
}
._bgcl-primary-800-hover:hover {
background-color: var(--color-primary-800) !important;
}
._bgcl-primary-900-hover:hover {
background-color: var(--color-primary-900) !important;
}
._bgcl-gray-100-hover:hover {
background-color: var(--color-gray-100) !important;
}
._bgcl-gray-200-hover:hover {
background-color: var(--color-gray-200) !important;
}
._bgcl-gray-300-hover:hover {
background-color: var(--color-gray-300) !important;
}
._bgcl-gray-400-hover:hover {
background-color: var(--color-gray-400) !important;
}
._bgcl-gray-500-hover:hover {
background-color: var(--color-gray-500) !important;
}
._bgcl-gray-600-hover:hover {
background-color: var(--color-gray-600) !important;
}
._bgcl-gray-700-hover:hover {
background-color: var(--color-gray-700) !important;
}
._bgcl-gray-800-hover:hover {
background-color: var(--color-gray-800) !important;
}
._bgcl-gray-900-hover:hover {
background-color: var(--color-gray-900) !important;
}
._bgcl-positive-100-hover:hover {
background-color: var(--color-positive-100) !important;
}
._bgcl-positive-200-hover:hover {
background-color: var(--color-positive-200) !important;
}
._bgcl-positive-300-hover:hover {
background-color: var(--color-positive-300) !important;
}
._bgcl-positive-400-hover:hover {
background-color: var(--color-positive-400) !important;
}
._bgcl-positive-500-hover:hover {
background-color: var(--color-positive-500) !important;
}
._bgcl-positive-600-hover:hover {
background-color: var(--color-positive-600) !important;
}
._bgcl-positive-700-hover:hover {
background-color: var(--color-positive-700) !important;
}
._bgcl-positive-800-hover:hover {
background-color: var(--color-positive-800) !important;
}
._bgcl-positive-900-hover:hover {
background-color: var(--color-positive-900) !important;
}
._bgcl-negative-100-hover:hover {
background-color: var(--color-negative-100) !important;
}
._bgcl-negative-200-hover:hover {
background-color: var(--color-negative-200) !important;
}
._bgcl-negative-300-hover:hover {
background-color: var(--color-negative-300) !important;
}
._bgcl-negative-400-hover:hover {
background-color: var(--color-negative-400) !important;
}
._bgcl-negative-500-hover:hover {
background-color: var(--color-negative-500) !important;
}
._bgcl-negative-600-hover:hover {
background-color: var(--color-negative-600) !important;
}
._bgcl-negative-700-hover:hover {
background-color: var(--color-negative-700) !important;
}
._bgcl-negative-800-hover:hover {
background-color: var(--color-negative-800) !important;
}
._bgcl-negative-900-hover:hover {
background-color: var(--color-negative-900) !important;
}
._bgcl-info-100-hover:hover {
background-color: var(--color-info-100) !important;
}
._bgcl-info-200-hover:hover {
background-color: var(--color-info-200) !important;
}
._bgcl-info-300-hover:hover {
background-color: var(--color-info-300) !important;
}
._bgcl-info-400-hover:hover {
background-color: var(--color-info-400) !important;
}
._bgcl-info-500-hover:hover {
background-color: var(--color-info-500) !important;
}
._bgcl-info-600-hover:hover {
background-color: var(--color-info-600) !important;
}
._bgcl-info-700-hover:hover {
background-color: var(--color-info-700) !important;
}
._bgcl-info-800-hover:hover {
background-color: var(--color-info-800) !important;
}
._bgcl-info-900-hover:hover {
background-color: var(--color-info-900) !important;
}
._bgcl-warning-100-hover:hover {
background-color: var(--color-warning-100) !important;
}
._bgcl-warning-200-hover:hover {
background-color: var(--color-warning-200) !important;
}
._bgcl-warning-300-hover:hover {
background-color: var(--color-warning-300) !important;
}
._bgcl-warning-400-hover:hover {
background-color: var(--color-warning-400) !important;
}
._bgcl-warning-500-hover:hover {
background-color: var(--color-warning-500) !important;
}
._bgcl-warning-600-hover:hover {
background-color: var(--color-warning-600) !important;
}
._bgcl-warning-700-hover:hover {
background-color: var(--color-warning-700) !important;
}
._bgcl-warning-800-hover:hover {
background-color: var(--color-warning-800) !important;
}
._bgcl-warning-900-hover:hover {
background-color: var(--color-warning-900) !important;
}
._bgcl-text-invert-100-hover:hover {
background-color: var(--color-text-invert-100) !important;
}
._bgcl-light-secondary-hover:hover {
background-color: var(--color-light-secondary) !important;
}
._bgcl-text-default-100-hover:hover {
background-color: var(--color-text-default-100) !important;
}
._bgcl-dark-secondary-hover:hover {
background-color: var(--color-dark-secondary) !important;
}
._bgcl-golden-poppy-hover:hover {
background-color: var(--color-golden-poppy) !important;
}
._bgcl-dark-cerulean-hover:hover {
background-color: var(--color-dark-cerulean) !important;
}
._bgcl-bittersweet-hover:hover {
background-color: var(--color-bittersweet) !important;
}
._bgcl-facebook-hover:hover {
background-color: var(--color-facebook) !important;
}
._bgcl-shader-hover:hover {
background-color: var(--color-shader) !important;
}
._bgcl-tpr-hover:hover {
background-color: transparent !important;
}
._bgpst-t {
background-position: top !important;
}
._bgpst-tr {
background-position: top right !important;
}
._bgpst-tl {
background-position: top left !important;
}
._bgpst-bt {
background-position: bottom !important;
}
._bgpst-btr {
background-position: bottom right !important;
}
._bgpst-btl {
background-position: bottom left !important;
}
._bgpst-ct {
background-position: center !important;
}
._bgpst-ctr {
background-position: center right !important;
}
._bgpst-ctl {
background-position: center left !important;
}
@media (min-width: 768px) {
._bgpst-t-sm {
background-position: top !important;
}
._bgpst-tr-sm {
background-position: top right !important;
}
._bgpst-tl-sm {
background-position: top left !important;
}
._bgpst-bt-sm {
background-position: bottom !important;
}
._bgpst-btr-sm {
background-position: bottom right !important;
}
._bgpst-btl-sm {
background-position: bottom left !important;
}
._bgpst-ct-sm {
background-position: center !important;
}
._bgpst-ctr-sm {
background-position: center right !important;
}
._bgpst-ctl-sm {
background-position: center left !important;
}
}
@media (min-width: 1024px) {
._bgpst-t-md {
background-position: top !important;
}
._bgpst-tr-md {
background-position: top right !important;
}
._bgpst-tl-md {
background-position: top left !important;
}
._bgpst-bt-md {
background-position: bottom !important;
}
._bgpst-btr-md {
background-position: bottom right !important;
}
._bgpst-btl-md {
background-position: bottom left !important;
}
._bgpst-ct-md {
background-position: center !important;
}
._bgpst-ctr-md {
background-position: center right !important;
}
._bgpst-ctl-md {
background-position: center left !important;
}
}
@media (min-width: 1280px) {
._bgpst-t-lg {
background-position: top !important;
}
._bgpst-tr-lg {
background-position: top right !important;
}
._bgpst-tl-lg {
background-position: top left !important;
}
._bgpst-bt-lg {
background-position: bottom !important;
}
._bgpst-btr-lg {
background-position: bottom right !important;
}
._bgpst-btl-lg {
background-position: bottom left !important;
}
._bgpst-ct-lg {
background-position: center !important;
}
._bgpst-ctr-lg {
background-position: center right !important;
}
._bgpst-ctl-lg {
background-position: center left !important;
}
}
._bgrp-rp {
background-repeat: repeat !important;
}
._bgrp-rpx {
background-repeat: repeat-x !important;
}
._bgrp-rpy {
background-repeat: repeat-y !important;
}
._bgrp-nrp {
background-repeat: no-repeat !important;
}
@media (min-width: 768px) {
._bgrp-rp-sm {
background-repeat: repeat !important;
}
._bgrp-rpx-sm {
background-repeat: repeat-x !important;
}
._bgrp-rpy-sm {
background-repeat: repeat-y !important;
}
._bgrp-nrp-sm {
background-repeat: no-repeat !important;
}
}
@media (min-width: 1024px) {
._bgrp-rp-md {
background-repeat: repeat !important;
}
._bgrp-rpx-md {
background-repeat: repeat-x !important;
}
._bgrp-rpy-md {
background-repeat: repeat-y !important;
}
._bgrp-nrp-md {
background-repeat: no-repeat !important;
}
}
@media (min-width: 1280px) {
._bgrp-rp-lg {
background-repeat: repeat !important;
}
._bgrp-rpx-lg {
background-repeat: repeat-x !important;
}
._bgrp-rpy-lg {
background-repeat: repeat-y !important;
}
._bgrp-nrp-lg {
background-repeat: no-repeat !important;
}
}
._bgs-cv {
background-size: cover !important;
}
._bgs-ct {
background-size: contain !important;
}
@media (min-width: 768px) {
._bgs-cv-sm {
background-size: cover !important;
}
._bgs-ct-sm {
background-size: contain !important;
}
}
@media (min-width: 1024px) {
._bgs-cv-md {
background-size: cover !important;
}
._bgs-ct-md {
background-size: contain !important;
}
}
@media (min-width: 1280px) {
._bgs-cv-lg {
background-size: cover !important;
}
._bgs-ct-lg {
background-size: contain !important;
}
}
._bdcl-primary-100 {
border-color: var(--color-primary-100) !important;
}
._bdtcl-primary-100 {
border-top-color: var(--color-primary-100) !important;
}
._bdbtcl-primary-100 {
border-bottom-color: var(--color-primary-100) !important;
}
._bdlcl-primary-100 {
border-left-color: var(--color-primary-100) !important;
}
._bdrcl-primary-100 {
border-right-color: var(--color-primary-100) !important;
}
._bdcl-primary-200 {
border-color: var(--color-primary-200) !important;
}
._bdtcl-primary-200 {
border-top-color: var(--color-primary-200) !important;
}
._bdbtcl-primary-200 {
border-bottom-color: var(--color-primary-200) !important;
}
._bdlcl-primary-200 {
border-left-color: var(--color-primary-200) !important;
}
._bdrcl-primary-200 {
border-right-color: var(--color-primary-200) !important;
}
._bdcl-primary-300 {
border-color: var(--color-primary-300) !important;
}
._bdtcl-primary-300 {
border-top-color: var(--color-primary-300) !important;
}
._bdbtcl-primary-300 {
border-bottom-color: var(--color-primary-300) !important;
}
._bdlcl-primary-300 {
border-left-color: var(--color-primary-300) !important;
}
._bdrcl-primary-300 {
border-right-color: var(--color-primary-300) !important;
}
._bdcl-primary-400 {
border-color: var(--color-primary-400) !important;
}
._bdtcl-primary-400 {
border-top-color: var(--color-primary-400) !important;
}
._bdbtcl-primary-400 {
border-bottom-color: var(--color-primary-400) !important;
}
._bdlcl-primary-400 {
border-left-color: var(--color-primary-400) !important;
}
._bdrcl-primary-400 {
border-right-color: var(--color-primary-400) !important;
}
._bdcl-primary-500 {
border-color: var(--color-primary-500) !important;
}
._bdtcl-primary-500 {
border-top-color: var(--color-primary-500) !important;
}
._bdbtcl-primary-500 {
border-bottom-color: var(--color-primary-500) !important;
}
._bdlcl-primary-500 {
border-left-color: var(--color-primary-500) !important;
}
._bdrcl-primary-500 {
border-right-color: var(--color-primary-500) !important;
}
._bdcl-primary-600 {
border-color: var(--color-primary-600) !important;
}
._bdtcl-primary-600 {
border-top-color: var(--color-primary-600) !important;
}
._bdbtcl-primary-600 {
border-bottom-color: var(--color-primary-600) !important;
}
._bdlcl-primary-600 {
border-left-color: var(--color-primary-600) !important;
}
._bdrcl-primary-600 {
border-right-color: var(--color-primary-600) !important;
}
._bdcl-primary-700 {
border-color: var(--color-primary-700) !important;
}
._bdtcl-primary-700 {
border-top-color: var(--color-primary-700) !important;
}
._bdbtcl-primary-700 {
border-bottom-color: var(--color-primary-700) !important;
}
._bdlcl-primary-700 {
border-left-color: var(--color-primary-700) !important;
}
._bdrcl-primary-700 {
border-right-color: var(--color-primary-700) !important;
}
._bdcl-primary-800 {
border-color: var(--color-primary-800) !important;
}
._bdtcl-primary-800 {
border-top-color: var(--color-primary-800) !important;
}
._bdbtcl-primary-800 {
border-bottom-color: var(--color-primary-800) !important;
}
._bdlcl-primary-800 {
border-left-color: var(--color-primary-800) !important;
}
._bdrcl-primary-800 {
border-right-color: var(--color-primary-800) !important;
}
._bdcl-primary-900 {
border-color: var(--color-primary-900) !important;
}
._bdtcl-primary-900 {
border-top-color: var(--color-primary-900) !important;
}
._bdbtcl-primary-900 {
border-bottom-color: var(--color-primary-900) !important;
}
._bdlcl-primary-900 {
border-left-color: var(--color-primary-900) !important;
}
._bdrcl-primary-900 {
border-right-color: var(--color-primary-900) !important;
}
._bdcl-gray-100 {
border-color: var(--color-gray-100) !important;
}
._bdtcl-gray-100 {
border-top-color: var(--color-gray-100) !important;
}
._bdbtcl-gray-100 {
border-bottom-color: var(--color-gray-100) !important;
}
._bdlcl-gray-100 {
border-left-color: var(--color-gray-100) !important;
}
._bdrcl-gray-100 {
border-right-color: var(--color-gray-100) !important;
}
._bdcl-gray-200 {
border-color: var(--color-gray-200) !important;
}
._bdtcl-gray-200 {
border-top-color: var(--color-gray-200) !important;
}
._bdbtcl-gray-200 {
border-bottom-color: var(--color-gray-200) !important;
}
._bdlcl-gray-200 {
border-left-color: var(--color-gray-200) !important;
}
._bdrcl-gray-200 {
border-right-color: var(--color-gray-200) !important;
}
._bdcl-gray-300 {
border-color: var(--color-gray-300) !important;
}
._bdtcl-gray-300 {
border-top-color: var(--color-gray-300) !important;
}
._bdbtcl-gray-300 {
border-bottom-color: var(--color-gray-300) !important;
}
._bdlcl-gray-300 {
border-left-color: var(--color-gray-300) !important;
}
._bdrcl-gray-300 {
border-right-color: var(--color-gray-300) !important;
}
._bdcl-gray-400 {
border-color: var(--color-gray-400) !important;
}
._bdtcl-gray-400 {
border-top-color: var(--color-gray-400) !important;
}
._bdbtcl-gray-400 {
border-bottom-color: var(--color-gray-400) !important;
}
._bdlcl-gray-400 {
border-left-color: var(--color-gray-400) !important;
}
._bdrcl-gray-400 {
border-right-color: var(--color-gray-400) !important;
}
._bdcl-gray-500 {
border-color: var(--color-gray-500) !important;
}
._bdtcl-gray-500 {
border-top-color: var(--color-gray-500) !important;
}
._bdbtcl-gray-500 {
border-bottom-color: var(--color-gray-500) !important;
}
._bdlcl-gray-500 {
border-left-color: var(--color-gray-500) !important;
}
._bdrcl-gray-500 {
border-right-color: var(--color-gray-500) !important;
}
._bdcl-gray-600 {
border-color: var(--color-gray-600) !important;
}
._bdtcl-gray-600 {
border-top-color: var(--color-gray-600) !important;
}
._bdbtcl-gray-600 {
border-bottom-color: var(--color-gray-600) !important;
}
._bdlcl-gray-600 {
border-left-color: var(--color-gray-600) !important;
}
._bdrcl-gray-600 {
border-right-color: var(--color-gray-600) !important;
}
._bdcl-gray-700 {
border-color: var(--color-gray-700) !important;
}
._bdtcl-gray-700 {
border-top-color: var(--color-gray-700) !important;
}
._bdbtcl-gray-700 {
border-bottom-color: var(--color-gray-700) !important;
}
._bdlcl-gray-700 {
border-left-color: var(--color-gray-700) !important;
}
._bdrcl-gray-700 {
border-right-color: var(--color-gray-700) !important;
}
._bdcl-gray-800 {
border-color: var(--color-gray-800) !important;
}
._bdtcl-gray-800 {
border-top-color: var(--color-gray-800) !important;
}
._bdbtcl-gray-800 {
border-bottom-color: var(--color-gray-800) !important;
}
._bdlcl-gray-800 {
border-left-color: var(--color-gray-800) !important;
}
._bdrcl-gray-800 {
border-right-color: var(--color-gray-800) !important;
}
._bdcl-gray-900 {
border-color: var(--color-gray-900) !important;
}
._bdtcl-gray-900 {
border-top-color: var(--color-gray-900) !important;
}
._bdbtcl-gray-900 {
border-bottom-color: var(--color-gray-900) !important;
}
._bdlcl-gray-900 {
border-left-color: var(--color-gray-900) !important;
}
._bdrcl-gray-900 {
border-right-color: var(--color-gray-900) !important;
}
._bdcl-positive-100 {
border-color: var(--color-positive-100) !important;
}
._bdtcl-positive-100 {
border-top-color: var(--color-positive-100) !important;
}
._bdbtcl-positive-100 {
border-bottom-color: var(--color-positive-100) !important;
}
._bdlcl-positive-100 {
border-left-color: var(--color-positive-100) !important;
}
._bdrcl-positive-100 {
border-right-color: var(--color-positive-100) !important;
}
._bdcl-positive-200 {
border-color: var(--color-positive-200) !important;
}
._bdtcl-positive-200 {
border-top-color: var(--color-positive-200) !important;
}
._bdbtcl-positive-200 {
border-bottom-color: var(--color-positive-200) !important;
}
._bdlcl-positive-200 {
border-left-color: var(--color-positive-200) !important;
}
._bdrcl-positive-200 {
border-right-color: var(--color-positive-200) !important;
}
._bdcl-positive-300 {
border-color: var(--color-positive-300) !important;
}
._bdtcl-positive-300 {
border-top-color: var(--color-positive-300) !important;
}
._bdbtcl-positive-300 {
border-bottom-color: var(--color-positive-300) !important;
}
._bdlcl-positive-300 {
border-left-color: var(--color-positive-300) !important;
}
._bdrcl-positive-300 {
border-right-color: var(--color-positive-300) !important;
}
._bdcl-positive-400 {
border-color: var(--color-positive-400) !important;
}
._bdtcl-positive-400 {
border-top-color: var(--color-positive-400) !important;
}
._bdbtcl-positive-400 {
border-bottom-color: var(--color-positive-400) !important;
}
._bdlcl-positive-400 {
border-left-color: var(--color-positive-400) !important;
}
._bdrcl-positive-400 {
border-right-color: var(--color-positive-400) !important;
}
._bdcl-positive-500 {
border-color: var(--color-positive-500) !important;
}
._bdtcl-positive-500 {
border-top-color: var(--color-positive-500) !important;
}
._bdbtcl-positive-500 {
border-bottom-color: var(--color-positive-500) !important;
}
._bdlcl-positive-500 {
border-left-color: var(--color-positive-500) !important;
}
._bdrcl-positive-500 {
border-right-color: var(--color-positive-500) !important;
}
._bdcl-positive-600 {
border-color: var(--color-positive-600) !important;
}
._bdtcl-p