/*!
 * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
.fa, .fab, .fad, .fal, .far, .fas {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-variant: normal;
  text-rendering: auto;
  font-style: normal;
  line-height: 1;
  display: inline-block;
}

.fa-lg {
  vertical-align: -.0667em;
  font-size: 1.33333em;
  line-height: .75em;
}

.fa-xs {
  font-size: .75em;
}

.fa-sm {
  font-size: .875em;
}

.fa-1x {
  font-size: 1em;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-6x {
  font-size: 6em;
}

.fa-7x {
  font-size: 7em;
}

.fa-8x {
  font-size: 8em;
}

.fa-9x {
  font-size: 9em;
}

.fa-10x {
  font-size: 10em;
}

.fa-fw {
  text-align: center;
  width: 1.25em;
}

.fa-ul {
  margin-left: 2.5em;
  padding-left: 0;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  text-align: center;
  width: 2em;
  line-height: inherit;
  position: absolute;
  left: -2em;
}

.fa-border {
  border: .08em solid #eee;
  border-radius: .1em;
  padding: .2em .25em .15em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left, .fab.fa-pull-left, .fal.fa-pull-left, .far.fa-pull-left, .fas.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right, .fab.fa-pull-right, .fal.fa-pull-right, .far.fa-pull-right, .fas.fa-pull-right {
  margin-left: .3em;
}

.fa-spin {
  animation: 2s linear infinite fa-spin;
}

.fa-pulse {
  animation: 1s steps(8, end) infinite fa-spin;
}

@keyframes fa-spin {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(1turn);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scaleX(-1);
}

.fa-flip-vertical {
  transform: scaleY(-1);
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical, .fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
}

.fa-flip-both, .fa-flip-horizontal.fa-flip-vertical {
  transform: scale(-1);
}

:root .fa-flip-both, :root .fa-flip-horizontal, :root .fa-flip-vertical, :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270 {
  filter: none;
}

.fa-stack {
  vertical-align: middle;
  width: 2.5em;
  height: 2em;
  line-height: 2em;
  display: inline-block;
  position: relative;
}

.fa-stack-1x, .fa-stack-2x {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

.fa-500px:before {
  content: "";
}

.fa-accessible-icon:before {
  content: "";
}

.fa-accusoft:before {
  content: "";
}

.fa-acquisitions-incorporated:before {
  content: "";
}

.fa-ad:before {
  content: "";
}

.fa-address-book:before {
  content: "";
}

.fa-address-card:before {
  content: "";
}

.fa-adjust:before {
  content: "";
}

.fa-adn:before {
  content: "";
}

.fa-adversal:before {
  content: "";
}

.fa-affiliatetheme:before {
  content: "";
}

.fa-air-freshener:before {
  content: "";
}

.fa-airbnb:before {
  content: "";
}

.fa-algolia:before {
  content: "";
}

.fa-align-center:before {
  content: "";
}

.fa-align-justify:before {
  content: "";
}

.fa-align-left:before {
  content: "";
}

.fa-align-right:before {
  content: "";
}

.fa-alipay:before {
  content: "";
}

.fa-allergies:before {
  content: "";
}

.fa-amazon:before {
  content: "";
}

.fa-amazon-pay:before {
  content: "";
}

.fa-ambulance:before {
  content: "";
}

.fa-american-sign-language-interpreting:before {
  content: "";
}

.fa-amilia:before {
  content: "";
}

.fa-anchor:before {
  content: "";
}

.fa-android:before {
  content: "";
}

.fa-angellist:before {
  content: "";
}

.fa-angle-double-down:before {
  content: "";
}

.fa-angle-double-left:before {
  content: "";
}

.fa-angle-double-right:before {
  content: "";
}

.fa-angle-double-up:before {
  content: "";
}

.fa-angle-down:before {
  content: "";
}

.fa-angle-left:before {
  content: "";
}

.fa-angle-right:before {
  content: "";
}

.fa-angle-up:before {
  content: "";
}

.fa-angry:before {
  content: "";
}

.fa-angrycreative:before {
  content: "";
}

.fa-angular:before {
  content: "";
}

.fa-ankh:before {
  content: "";
}

.fa-app-store:before {
  content: "";
}

.fa-app-store-ios:before {
  content: "";
}

.fa-apper:before {
  content: "";
}

.fa-apple:before {
  content: "";
}

.fa-apple-alt:before {
  content: "";
}

.fa-apple-pay:before {
  content: "";
}

.fa-archive:before {
  content: "";
}

.fa-archway:before {
  content: "";
}

.fa-arrow-alt-circle-down:before {
  content: "";
}

.fa-arrow-alt-circle-left:before {
  content: "";
}

.fa-arrow-alt-circle-right:before {
  content: "";
}

.fa-arrow-alt-circle-up:before {
  content: "";
}

.fa-arrow-circle-down:before {
  content: "";
}

.fa-arrow-circle-left:before {
  content: "";
}

.fa-arrow-circle-right:before {
  content: "";
}

.fa-arrow-circle-up:before {
  content: "";
}

.fa-arrow-down:before {
  content: "";
}

.fa-arrow-left:before {
  content: "";
}

.fa-arrow-right:before {
  content: "";
}

.fa-arrow-up:before {
  content: "";
}

.fa-arrows-alt:before {
  content: "";
}

.fa-arrows-alt-h:before {
  content: "";
}

.fa-arrows-alt-v:before {
  content: "";
}

.fa-artstation:before {
  content: "";
}

.fa-assistive-listening-systems:before {
  content: "";
}

.fa-asterisk:before {
  content: "";
}

.fa-asymmetrik:before {
  content: "";
}

.fa-at:before {
  content: "";
}

.fa-atlas:before {
  content: "";
}

.fa-atlassian:before {
  content: "";
}

.fa-atom:before {
  content: "";
}

.fa-audible:before {
  content: "";
}

.fa-audio-description:before {
  content: "";
}

.fa-autoprefixer:before {
  content: "";
}

.fa-avianex:before {
  content: "";
}

.fa-aviato:before {
  content: "";
}

.fa-award:before {
  content: "";
}

.fa-aws:before {
  content: "";
}

.fa-baby:before {
  content: "";
}

.fa-baby-carriage:before {
  content: "";
}

.fa-backspace:before {
  content: "";
}

.fa-backward:before {
  content: "";
}

.fa-bacon:before {
  content: "";
}

.fa-bacteria:before {
  content: "";
}

.fa-bacterium:before {
  content: "";
}

.fa-bahai:before {
  content: "";
}

.fa-balance-scale:before {
  content: "";
}

.fa-balance-scale-left:before {
  content: "";
}

.fa-balance-scale-right:before {
  content: "";
}

.fa-ban:before {
  content: "";
}

.fa-band-aid:before {
  content: "";
}

.fa-bandcamp:before {
  content: "";
}

.fa-barcode:before {
  content: "";
}

.fa-bars:before {
  content: "";
}

.fa-baseball-ball:before {
  content: "";
}

.fa-basketball-ball:before {
  content: "";
}

.fa-bath:before {
  content: "";
}

.fa-battery-empty:before {
  content: "";
}

.fa-battery-full:before {
  content: "";
}

.fa-battery-half:before {
  content: "";
}

.fa-battery-quarter:before {
  content: "";
}

.fa-battery-three-quarters:before {
  content: "";
}

.fa-battle-net:before {
  content: "";
}

.fa-bed:before {
  content: "";
}

.fa-beer:before {
  content: "";
}

.fa-behance:before {
  content: "";
}

.fa-behance-square:before {
  content: "";
}

.fa-bell:before {
  content: "";
}

.fa-bell-slash:before {
  content: "";
}

.fa-bezier-curve:before {
  content: "";
}

.fa-bible:before {
  content: "";
}

.fa-bicycle:before {
  content: "";
}

.fa-biking:before {
  content: "";
}

.fa-bimobject:before {
  content: "";
}

.fa-binoculars:before {
  content: "";
}

.fa-biohazard:before {
  content: "";
}

.fa-birthday-cake:before {
  content: "";
}

.fa-bitbucket:before {
  content: "";
}

.fa-bitcoin:before {
  content: "";
}

.fa-bity:before {
  content: "";
}

.fa-black-tie:before {
  content: "";
}

.fa-blackberry:before {
  content: "";
}

.fa-blender:before {
  content: "";
}

.fa-blender-phone:before {
  content: "";
}

.fa-blind:before {
  content: "";
}

.fa-blog:before {
  content: "";
}

.fa-blogger:before {
  content: "";
}

.fa-blogger-b:before {
  content: "";
}

.fa-bluetooth:before {
  content: "";
}

.fa-bluetooth-b:before {
  content: "";
}

.fa-bold:before {
  content: "";
}

.fa-bolt:before {
  content: "";
}

.fa-bomb:before {
  content: "";
}

.fa-bone:before {
  content: "";
}

.fa-bong:before {
  content: "";
}

.fa-book:before {
  content: "";
}

.fa-book-dead:before {
  content: "";
}

.fa-book-medical:before {
  content: "";
}

.fa-book-open:before {
  content: "";
}

.fa-book-reader:before {
  content: "";
}

.fa-bookmark:before {
  content: "";
}

.fa-bootstrap:before {
  content: "";
}

.fa-border-all:before {
  content: "";
}

.fa-border-none:before {
  content: "";
}

.fa-border-style:before {
  content: "";
}

.fa-bowling-ball:before {
  content: "";
}

.fa-box:before {
  content: "";
}

.fa-box-open:before {
  content: "";
}

.fa-box-tissue:before {
  content: "";
}

.fa-boxes:before {
  content: "";
}

.fa-braille:before {
  content: "";
}

.fa-brain:before {
  content: "";
}

.fa-bread-slice:before {
  content: "";
}

.fa-briefcase:before {
  content: "";
}

.fa-briefcase-medical:before {
  content: "";
}

.fa-broadcast-tower:before {
  content: "";
}

.fa-broom:before {
  content: "";
}

.fa-brush:before {
  content: "";
}

.fa-btc:before {
  content: "";
}

.fa-buffer:before {
  content: "";
}

.fa-bug:before {
  content: "";
}

.fa-building:before {
  content: "";
}

.fa-bullhorn:before {
  content: "";
}

.fa-bullseye:before {
  content: "";
}

.fa-burn:before {
  content: "";
}

.fa-buromobelexperte:before {
  content: "";
}

.fa-bus:before {
  content: "";
}

.fa-bus-alt:before {
  content: "";
}

.fa-business-time:before {
  content: "";
}

.fa-buy-n-large:before {
  content: "";
}

.fa-buysellads:before {
  content: "";
}

.fa-calculator:before {
  content: "";
}

.fa-calendar:before {
  content: "";
}

.fa-calendar-alt:before {
  content: "";
}

.fa-calendar-check:before {
  content: "";
}

.fa-calendar-day:before {
  content: "";
}

.fa-calendar-minus:before {
  content: "";
}

.fa-calendar-plus:before {
  content: "";
}

.fa-calendar-times:before {
  content: "";
}

.fa-calendar-week:before {
  content: "";
}

.fa-camera:before {
  content: "";
}

.fa-camera-retro:before {
  content: "";
}

.fa-campground:before {
  content: "";
}

.fa-canadian-maple-leaf:before {
  content: "";
}

.fa-candy-cane:before {
  content: "";
}

.fa-cannabis:before {
  content: "";
}

.fa-capsules:before {
  content: "";
}

.fa-car:before {
  content: "";
}

.fa-car-alt:before {
  content: "";
}

.fa-car-battery:before {
  content: "";
}

.fa-car-crash:before {
  content: "";
}

.fa-car-side:before {
  content: "";
}

.fa-caravan:before {
  content: "";
}

.fa-caret-down:before {
  content: "";
}

.fa-caret-left:before {
  content: "";
}

.fa-caret-right:before {
  content: "";
}

.fa-caret-square-down:before {
  content: "";
}

.fa-caret-square-left:before {
  content: "";
}

.fa-caret-square-right:before {
  content: "";
}

.fa-caret-square-up:before {
  content: "";
}

.fa-caret-up:before {
  content: "";
}

.fa-carrot:before {
  content: "";
}

.fa-cart-arrow-down:before {
  content: "";
}

.fa-cart-plus:before {
  content: "";
}

.fa-cash-register:before {
  content: "";
}

.fa-cat:before {
  content: "";
}

.fa-cc-amazon-pay:before {
  content: "";
}

.fa-cc-amex:before {
  content: "";
}

.fa-cc-apple-pay:before {
  content: "";
}

.fa-cc-diners-club:before {
  content: "";
}

.fa-cc-discover:before {
  content: "";
}

.fa-cc-jcb:before {
  content: "";
}

.fa-cc-mastercard:before {
  content: "";
}

.fa-cc-paypal:before {
  content: "";
}

.fa-cc-stripe:before {
  content: "";
}

.fa-cc-visa:before {
  content: "";
}

.fa-centercode:before {
  content: "";
}

.fa-centos:before {
  content: "";
}

.fa-certificate:before {
  content: "";
}

.fa-chair:before {
  content: "";
}

.fa-chalkboard:before {
  content: "";
}

.fa-chalkboard-teacher:before {
  content: "";
}

.fa-charging-station:before {
  content: "";
}

.fa-chart-area:before {
  content: "";
}

.fa-chart-bar:before {
  content: "";
}

.fa-chart-line:before {
  content: "";
}

.fa-chart-pie:before {
  content: "";
}

.fa-check:before {
  content: "";
}

.fa-check-circle:before {
  content: "";
}

.fa-check-double:before {
  content: "";
}

.fa-check-square:before {
  content: "";
}

.fa-cheese:before {
  content: "";
}

.fa-chess:before {
  content: "";
}

.fa-chess-bishop:before {
  content: "";
}

.fa-chess-board:before {
  content: "";
}

.fa-chess-king:before {
  content: "";
}

.fa-chess-knight:before {
  content: "";
}

.fa-chess-pawn:before {
  content: "";
}

.fa-chess-queen:before {
  content: "";
}

.fa-chess-rook:before {
  content: "";
}

.fa-chevron-circle-down:before {
  content: "";
}

.fa-chevron-circle-left:before {
  content: "";
}

.fa-chevron-circle-right:before {
  content: "";
}

.fa-chevron-circle-up:before {
  content: "";
}

.fa-chevron-down:before {
  content: "";
}

.fa-chevron-left:before {
  content: "";
}

.fa-chevron-right:before {
  content: "";
}

.fa-chevron-up:before {
  content: "";
}

.fa-child:before {
  content: "";
}

.fa-chrome:before {
  content: "";
}

.fa-chromecast:before {
  content: "";
}

.fa-church:before {
  content: "";
}

.fa-circle:before {
  content: "";
}

.fa-circle-notch:before {
  content: "";
}

.fa-city:before {
  content: "";
}

.fa-clinic-medical:before {
  content: "";
}

.fa-clipboard:before {
  content: "";
}

.fa-clipboard-check:before {
  content: "";
}

.fa-clipboard-list:before {
  content: "";
}

.fa-clock:before {
  content: "";
}

.fa-clone:before {
  content: "";
}

.fa-closed-captioning:before {
  content: "";
}

.fa-cloud:before {
  content: "";
}

.fa-cloud-download-alt:before {
  content: "";
}

.fa-cloud-meatball:before {
  content: "";
}

.fa-cloud-moon:before {
  content: "";
}

.fa-cloud-moon-rain:before {
  content: "";
}

.fa-cloud-rain:before {
  content: "";
}

.fa-cloud-showers-heavy:before {
  content: "";
}

.fa-cloud-sun:before {
  content: "";
}

.fa-cloud-sun-rain:before {
  content: "";
}

.fa-cloud-upload-alt:before {
  content: "";
}

.fa-cloudflare:before {
  content: "";
}

.fa-cloudscale:before {
  content: "";
}

.fa-cloudsmith:before {
  content: "";
}

.fa-cloudversify:before {
  content: "";
}

.fa-cocktail:before {
  content: "";
}

.fa-code:before {
  content: "";
}

.fa-code-branch:before {
  content: "";
}

.fa-codepen:before {
  content: "";
}

.fa-codiepie:before {
  content: "";
}

.fa-coffee:before {
  content: "";
}

.fa-cog:before {
  content: "";
}

.fa-cogs:before {
  content: "";
}

.fa-coins:before {
  content: "";
}

.fa-columns:before {
  content: "";
}

.fa-comment:before {
  content: "";
}

.fa-comment-alt:before {
  content: "";
}

.fa-comment-dollar:before {
  content: "";
}

.fa-comment-dots:before {
  content: "";
}

.fa-comment-medical:before {
  content: "";
}

.fa-comment-slash:before {
  content: "";
}

.fa-comments:before {
  content: "";
}

.fa-comments-dollar:before {
  content: "";
}

.fa-compact-disc:before {
  content: "";
}

.fa-compass:before {
  content: "";
}

.fa-compress:before {
  content: "";
}

.fa-compress-alt:before {
  content: "";
}

.fa-compress-arrows-alt:before {
  content: "";
}

.fa-concierge-bell:before {
  content: "";
}

.fa-confluence:before {
  content: "";
}

.fa-connectdevelop:before {
  content: "";
}

.fa-contao:before {
  content: "";
}

.fa-cookie:before {
  content: "";
}

.fa-cookie-bite:before {
  content: "";
}

.fa-copy:before {
  content: "";
}

.fa-copyright:before {
  content: "";
}

.fa-cotton-bureau:before {
  content: "";
}

.fa-couch:before {
  content: "";
}

.fa-cpanel:before {
  content: "";
}

.fa-creative-commons:before {
  content: "";
}

.fa-creative-commons-by:before {
  content: "";
}

.fa-creative-commons-nc:before {
  content: "";
}

.fa-creative-commons-nc-eu:before {
  content: "";
}

.fa-creative-commons-nc-jp:before {
  content: "";
}

.fa-creative-commons-nd:before {
  content: "";
}

.fa-creative-commons-pd:before {
  content: "";
}

.fa-creative-commons-pd-alt:before {
  content: "";
}

.fa-creative-commons-remix:before {
  content: "";
}

.fa-creative-commons-sa:before {
  content: "";
}

.fa-creative-commons-sampling:before {
  content: "";
}

.fa-creative-commons-sampling-plus:before {
  content: "";
}

.fa-creative-commons-share:before {
  content: "";
}

.fa-creative-commons-zero:before {
  content: "";
}

.fa-credit-card:before {
  content: "";
}

.fa-critical-role:before {
  content: "";
}

.fa-crop:before {
  content: "";
}

.fa-crop-alt:before {
  content: "";
}

.fa-cross:before {
  content: "";
}

.fa-crosshairs:before {
  content: "";
}

.fa-crow:before {
  content: "";
}

.fa-crown:before {
  content: "";
}

.fa-crutch:before {
  content: "";
}

.fa-css3:before {
  content: "";
}

.fa-css3-alt:before {
  content: "";
}

.fa-cube:before {
  content: "";
}

.fa-cubes:before {
  content: "";
}

.fa-cut:before {
  content: "";
}

.fa-cuttlefish:before {
  content: "";
}

.fa-d-and-d:before {
  content: "";
}

.fa-d-and-d-beyond:before {
  content: "";
}

.fa-dailymotion:before {
  content: "";
}

.fa-dashcube:before {
  content: "";
}

.fa-database:before {
  content: "";
}

.fa-deaf:before {
  content: "";
}

.fa-deezer:before {
  content: "";
}

.fa-delicious:before {
  content: "";
}

.fa-democrat:before {
  content: "";
}

.fa-deploydog:before {
  content: "";
}

.fa-deskpro:before {
  content: "";
}

.fa-desktop:before {
  content: "";
}

.fa-dev:before {
  content: "";
}

.fa-deviantart:before {
  content: "";
}

.fa-dharmachakra:before {
  content: "";
}

.fa-dhl:before {
  content: "";
}

.fa-diagnoses:before {
  content: "";
}

.fa-diaspora:before {
  content: "";
}

.fa-dice:before {
  content: "";
}

.fa-dice-d20:before {
  content: "";
}

.fa-dice-d6:before {
  content: "";
}

.fa-dice-five:before {
  content: "";
}

.fa-dice-four:before {
  content: "";
}

.fa-dice-one:before {
  content: "";
}

.fa-dice-six:before {
  content: "";
}

.fa-dice-three:before {
  content: "";
}

.fa-dice-two:before {
  content: "";
}

.fa-digg:before {
  content: "";
}

.fa-digital-ocean:before {
  content: "";
}

.fa-digital-tachograph:before {
  content: "";
}

.fa-directions:before {
  content: "";
}

.fa-discord:before {
  content: "";
}

.fa-discourse:before {
  content: "";
}

.fa-disease:before {
  content: "";
}

.fa-divide:before {
  content: "";
}

.fa-dizzy:before {
  content: "";
}

.fa-dna:before {
  content: "";
}

.fa-dochub:before {
  content: "";
}

.fa-docker:before {
  content: "";
}

.fa-dog:before {
  content: "";
}

.fa-dollar-sign:before {
  content: "";
}

.fa-dolly:before {
  content: "";
}

.fa-dolly-flatbed:before {
  content: "";
}

.fa-donate:before {
  content: "";
}

.fa-door-closed:before {
  content: "";
}

.fa-door-open:before {
  content: "";
}

.fa-dot-circle:before {
  content: "";
}

.fa-dove:before {
  content: "";
}

.fa-download:before {
  content: "";
}

.fa-draft2digital:before {
  content: "";
}

.fa-drafting-compass:before {
  content: "";
}

.fa-dragon:before {
  content: "";
}

.fa-draw-polygon:before {
  content: "";
}

.fa-dribbble:before {
  content: "";
}

.fa-dribbble-square:before {
  content: "";
}

.fa-dropbox:before {
  content: "";
}

.fa-drum:before {
  content: "";
}

.fa-drum-steelpan:before {
  content: "";
}

.fa-drumstick-bite:before {
  content: "";
}

.fa-drupal:before {
  content: "";
}

.fa-dumbbell:before {
  content: "";
}

.fa-dumpster:before {
  content: "";
}

.fa-dumpster-fire:before {
  content: "";
}

.fa-dungeon:before {
  content: "";
}

.fa-dyalog:before {
  content: "";
}

.fa-earlybirds:before {
  content: "";
}

.fa-ebay:before {
  content: "";
}

.fa-edge:before {
  content: "";
}

.fa-edge-legacy:before {
  content: "";
}

.fa-edit:before {
  content: "";
}

.fa-egg:before {
  content: "";
}

.fa-eject:before {
  content: "";
}

.fa-elementor:before {
  content: "";
}

.fa-ellipsis-h:before {
  content: "";
}

.fa-ellipsis-v:before {
  content: "";
}

.fa-ello:before {
  content: "";
}

.fa-ember:before {
  content: "";
}

.fa-empire:before {
  content: "";
}

.fa-envelope:before {
  content: "";
}

.fa-envelope-open:before {
  content: "";
}

.fa-envelope-open-text:before {
  content: "";
}

.fa-envelope-square:before {
  content: "";
}

.fa-envira:before {
  content: "";
}

.fa-equals:before {
  content: "";
}

.fa-eraser:before {
  content: "";
}

.fa-erlang:before {
  content: "";
}

.fa-ethereum:before {
  content: "";
}

.fa-ethernet:before {
  content: "";
}

.fa-etsy:before {
  content: "";
}

.fa-euro-sign:before {
  content: "";
}

.fa-evernote:before {
  content: "";
}

.fa-exchange-alt:before {
  content: "";
}

.fa-exclamation:before {
  content: "";
}

.fa-exclamation-circle:before {
  content: "";
}

.fa-exclamation-triangle:before {
  content: "";
}

.fa-expand:before {
  content: "";
}

.fa-expand-alt:before {
  content: "";
}

.fa-expand-arrows-alt:before {
  content: "";
}

.fa-expeditedssl:before {
  content: "";
}

.fa-external-link-alt:before {
  content: "";
}

.fa-external-link-square-alt:before {
  content: "";
}

.fa-eye:before {
  content: "";
}

.fa-eye-dropper:before {
  content: "";
}

.fa-eye-slash:before {
  content: "";
}

.fa-facebook:before {
  content: "";
}

.fa-facebook-f:before {
  content: "";
}

.fa-facebook-messenger:before {
  content: "";
}

.fa-facebook-square:before {
  content: "";
}

.fa-fan:before {
  content: "";
}

.fa-fantasy-flight-games:before {
  content: "";
}

.fa-fast-backward:before {
  content: "";
}

.fa-fast-forward:before {
  content: "";
}

.fa-faucet:before {
  content: "";
}

.fa-fax:before {
  content: "";
}

.fa-feather:before {
  content: "";
}

.fa-feather-alt:before {
  content: "";
}

.fa-fedex:before {
  content: "";
}

.fa-fedora:before {
  content: "";
}

.fa-female:before {
  content: "";
}

.fa-fighter-jet:before {
  content: "";
}

.fa-figma:before {
  content: "";
}

.fa-file:before {
  content: "";
}

.fa-file-alt:before {
  content: "";
}

.fa-file-archive:before {
  content: "";
}

.fa-file-audio:before {
  content: "";
}

.fa-file-code:before {
  content: "";
}

.fa-file-contract:before {
  content: "";
}

.fa-file-csv:before {
  content: "";
}

.fa-file-download:before {
  content: "";
}

.fa-file-excel:before {
  content: "";
}

.fa-file-export:before {
  content: "";
}

.fa-file-image:before {
  content: "";
}

.fa-file-import:before {
  content: "";
}

.fa-file-invoice:before {
  content: "";
}

.fa-file-invoice-dollar:before {
  content: "";
}

.fa-file-medical:before {
  content: "";
}

.fa-file-medical-alt:before {
  content: "";
}

.fa-file-pdf:before {
  content: "";
}

.fa-file-powerpoint:before {
  content: "";
}

.fa-file-prescription:before {
  content: "";
}

.fa-file-signature:before {
  content: "";
}

.fa-file-upload:before {
  content: "";
}

.fa-file-video:before {
  content: "";
}

.fa-file-word:before {
  content: "";
}

.fa-fill:before {
  content: "";
}

.fa-fill-drip:before {
  content: "";
}

.fa-film:before {
  content: "";
}

.fa-filter:before {
  content: "";
}

.fa-fingerprint:before {
  content: "";
}

.fa-fire:before {
  content: "";
}

.fa-fire-alt:before {
  content: "";
}

.fa-fire-extinguisher:before {
  content: "";
}

.fa-firefox:before {
  content: "";
}

.fa-firefox-browser:before {
  content: "";
}

.fa-first-aid:before {
  content: "";
}

.fa-first-order:before {
  content: "";
}

.fa-first-order-alt:before {
  content: "";
}

.fa-firstdraft:before {
  content: "";
}

.fa-fish:before {
  content: "";
}

.fa-fist-raised:before {
  content: "";
}

.fa-flag:before {
  content: "";
}

.fa-flag-checkered:before {
  content: "";
}

.fa-flag-usa:before {
  content: "";
}

.fa-flask:before {
  content: "";
}

.fa-flickr:before {
  content: "";
}

.fa-flipboard:before {
  content: "";
}

.fa-flushed:before {
  content: "";
}

.fa-fly:before {
  content: "";
}

.fa-folder:before {
  content: "";
}

.fa-folder-minus:before {
  content: "";
}

.fa-folder-open:before {
  content: "";
}

.fa-folder-plus:before {
  content: "";
}

.fa-font:before {
  content: "";
}

.fa-font-awesome:before {
  content: "";
}

.fa-font-awesome-alt:before {
  content: "";
}

.fa-font-awesome-flag:before {
  content: "";
}

.fa-font-awesome-logo-full:before {
  content: "";
}

.fa-fonticons:before {
  content: "";
}

.fa-fonticons-fi:before {
  content: "";
}

.fa-football-ball:before {
  content: "";
}

.fa-fort-awesome:before {
  content: "";
}

.fa-fort-awesome-alt:before {
  content: "";
}

.fa-forumbee:before {
  content: "";
}

.fa-forward:before {
  content: "";
}

.fa-foursquare:before {
  content: "";
}

.fa-free-code-camp:before {
  content: "";
}

.fa-freebsd:before {
  content: "";
}

.fa-frog:before {
  content: "";
}

.fa-frown:before {
  content: "";
}

.fa-frown-open:before {
  content: "";
}

.fa-fulcrum:before {
  content: "";
}

.fa-funnel-dollar:before {
  content: "";
}

.fa-futbol:before {
  content: "";
}

.fa-galactic-republic:before {
  content: "";
}

.fa-galactic-senate:before {
  content: "";
}

.fa-gamepad:before {
  content: "";
}

.fa-gas-pump:before {
  content: "";
}

.fa-gavel:before {
  content: "";
}

.fa-gem:before {
  content: "";
}

.fa-genderless:before {
  content: "";
}

.fa-get-pocket:before {
  content: "";
}

.fa-gg:before {
  content: "";
}

.fa-gg-circle:before {
  content: "";
}

.fa-ghost:before {
  content: "";
}

.fa-gift:before {
  content: "";
}

.fa-gifts:before {
  content: "";
}

.fa-git:before {
  content: "";
}

.fa-git-alt:before {
  content: "";
}

.fa-git-square:before {
  content: "";
}

.fa-github:before {
  content: "";
}

.fa-github-alt:before {
  content: "";
}

.fa-github-square:before {
  content: "";
}

.fa-gitkraken:before {
  content: "";
}

.fa-gitlab:before {
  content: "";
}

.fa-gitter:before {
  content: "";
}

.fa-glass-cheers:before {
  content: "";
}

.fa-glass-martini:before {
  content: "";
}

.fa-glass-martini-alt:before {
  content: "";
}

.fa-glass-whiskey:before {
  content: "";
}

.fa-glasses:before {
  content: "";
}

.fa-glide:before {
  content: "";
}

.fa-glide-g:before {
  content: "";
}

.fa-globe:before {
  content: "";
}

.fa-globe-africa:before {
  content: "";
}

.fa-globe-americas:before {
  content: "";
}

.fa-globe-asia:before {
  content: "";
}

.fa-globe-europe:before {
  content: "";
}

.fa-gofore:before {
  content: "";
}

.fa-golf-ball:before {
  content: "";
}

.fa-goodreads:before {
  content: "";
}

.fa-goodreads-g:before {
  content: "";
}

.fa-google:before {
  content: "";
}

.fa-google-drive:before {
  content: "";
}

.fa-google-pay:before {
  content: "";
}

.fa-google-play:before {
  content: "";
}

.fa-google-plus:before {
  content: "";
}

.fa-google-plus-g:before {
  content: "";
}

.fa-google-plus-square:before {
  content: "";
}

.fa-google-wallet:before {
  content: "";
}

.fa-gopuram:before {
  content: "";
}

.fa-graduation-cap:before {
  content: "";
}

.fa-gratipay:before {
  content: "";
}

.fa-grav:before {
  content: "";
}

.fa-greater-than:before {
  content: "";
}

.fa-greater-than-equal:before {
  content: "";
}

.fa-grimace:before {
  content: "";
}

.fa-grin:before {
  content: "";
}

.fa-grin-alt:before {
  content: "";
}

.fa-grin-beam:before {
  content: "";
}

.fa-grin-beam-sweat:before {
  content: "";
}

.fa-grin-hearts:before {
  content: "";
}

.fa-grin-squint:before {
  content: "";
}

.fa-grin-squint-tears:before {
  content: "";
}

.fa-grin-stars:before {
  content: "";
}

.fa-grin-tears:before {
  content: "";
}

.fa-grin-tongue:before {
  content: "";
}

.fa-grin-tongue-squint:before {
  content: "";
}

.fa-grin-tongue-wink:before {
  content: "";
}

.fa-grin-wink:before {
  content: "";
}

.fa-grip-horizontal:before {
  content: "";
}

.fa-grip-lines:before {
  content: "";
}

.fa-grip-lines-vertical:before {
  content: "";
}

.fa-grip-vertical:before {
  content: "";
}

.fa-gripfire:before {
  content: "";
}

.fa-grunt:before {
  content: "";
}

.fa-guilded:before {
  content: "";
}

.fa-guitar:before {
  content: "";
}

.fa-gulp:before {
  content: "";
}

.fa-h-square:before {
  content: "";
}

.fa-hacker-news:before {
  content: "";
}

.fa-hacker-news-square:before {
  content: "";
}

.fa-hackerrank:before {
  content: "";
}

.fa-hamburger:before {
  content: "";
}

.fa-hammer:before {
  content: "";
}

.fa-hamsa:before {
  content: "";
}

.fa-hand-holding:before {
  content: "";
}

.fa-hand-holding-heart:before {
  content: "";
}

.fa-hand-holding-medical:before {
  content: "";
}

.fa-hand-holding-usd:before {
  content: "";
}

.fa-hand-holding-water:before {
  content: "";
}

.fa-hand-lizard:before {
  content: "";
}

.fa-hand-middle-finger:before {
  content: "";
}

.fa-hand-paper:before {
  content: "";
}

.fa-hand-peace:before {
  content: "";
}

.fa-hand-point-down:before {
  content: "";
}

.fa-hand-point-left:before {
  content: "";
}

.fa-hand-point-right:before {
  content: "";
}

.fa-hand-point-up:before {
  content: "";
}

.fa-hand-pointer:before {
  content: "";
}

.fa-hand-rock:before {
  content: "";
}

.fa-hand-scissors:before {
  content: "";
}

.fa-hand-sparkles:before {
  content: "";
}

.fa-hand-spock:before {
  content: "";
}

.fa-hands:before {
  content: "";
}

.fa-hands-helping:before {
  content: "";
}

.fa-hands-wash:before {
  content: "";
}

.fa-handshake:before {
  content: "";
}

.fa-handshake-alt-slash:before {
  content: "";
}

.fa-handshake-slash:before {
  content: "";
}

.fa-hanukiah:before {
  content: "";
}

.fa-hard-hat:before {
  content: "";
}

.fa-hashtag:before {
  content: "";
}

.fa-hat-cowboy:before {
  content: "";
}

.fa-hat-cowboy-side:before {
  content: "";
}

.fa-hat-wizard:before {
  content: "";
}

.fa-hdd:before {
  content: "";
}

.fa-head-side-cough:before {
  content: "";
}

.fa-head-side-cough-slash:before {
  content: "";
}

.fa-head-side-mask:before {
  content: "";
}

.fa-head-side-virus:before {
  content: "";
}

.fa-heading:before {
  content: "";
}

.fa-headphones:before {
  content: "";
}

.fa-headphones-alt:before {
  content: "";
}

.fa-headset:before {
  content: "";
}

.fa-heart:before {
  content: "";
}

.fa-heart-broken:before {
  content: "";
}

.fa-heartbeat:before {
  content: "";
}

.fa-helicopter:before {
  content: "";
}

.fa-highlighter:before {
  content: "";
}

.fa-hiking:before {
  content: "";
}

.fa-hippo:before {
  content: "";
}

.fa-hips:before {
  content: "";
}

.fa-hire-a-helper:before {
  content: "";
}

.fa-history:before {
  content: "";
}

.fa-hive:before {
  content: "";
}

.fa-hockey-puck:before {
  content: "";
}

.fa-holly-berry:before {
  content: "";
}

.fa-home:before {
  content: "";
}

.fa-hooli:before {
  content: "";
}

.fa-hornbill:before {
  content: "";
}

.fa-horse:before {
  content: "";
}

.fa-horse-head:before {
  content: "";
}

.fa-hospital:before {
  content: "";
}

.fa-hospital-alt:before {
  content: "";
}

.fa-hospital-symbol:before {
  content: "";
}

.fa-hospital-user:before {
  content: "";
}

.fa-hot-tub:before {
  content: "";
}

.fa-hotdog:before {
  content: "";
}

.fa-hotel:before {
  content: "";
}

.fa-hotjar:before {
  content: "";
}

.fa-hourglass:before {
  content: "";
}

.fa-hourglass-end:before {
  content: "";
}

.fa-hourglass-half:before {
  content: "";
}

.fa-hourglass-start:before {
  content: "";
}

.fa-house-damage:before {
  content: "";
}

.fa-house-user:before {
  content: "";
}

.fa-houzz:before {
  content: "";
}

.fa-hryvnia:before {
  content: "";
}

.fa-html5:before {
  content: "";
}

.fa-hubspot:before {
  content: "";
}

.fa-i-cursor:before {
  content: "";
}

.fa-ice-cream:before {
  content: "";
}

.fa-icicles:before {
  content: "";
}

.fa-icons:before {
  content: "";
}

.fa-id-badge:before {
  content: "";
}

.fa-id-card:before {
  content: "";
}

.fa-id-card-alt:before {
  content: "";
}

.fa-ideal:before {
  content: "";
}

.fa-igloo:before {
  content: "";
}

.fa-image:before {
  content: "";
}

.fa-images:before {
  content: "";
}

.fa-imdb:before {
  content: "";
}

.fa-inbox:before {
  content: "";
}

.fa-indent:before {
  content: "";
}

.fa-industry:before {
  content: "";
}

.fa-infinity:before {
  content: "";
}

.fa-info:before {
  content: "";
}

.fa-info-circle:before {
  content: "";
}

.fa-innosoft:before {
  content: "";
}

.fa-instagram:before {
  content: "";
}

.fa-instagram-square:before {
  content: "";
}

.fa-instalod:before {
  content: "";
}

.fa-intercom:before {
  content: "";
}

.fa-internet-explorer:before {
  content: "";
}

.fa-invision:before {
  content: "";
}

.fa-ioxhost:before {
  content: "";
}

.fa-italic:before {
  content: "";
}

.fa-itch-io:before {
  content: "";
}

.fa-itunes:before {
  content: "";
}

.fa-itunes-note:before {
  content: "";
}

.fa-java:before {
  content: "";
}

.fa-jedi:before {
  content: "";
}

.fa-jedi-order:before {
  content: "";
}

.fa-jenkins:before {
  content: "";
}

.fa-jira:before {
  content: "";
}

.fa-joget:before {
  content: "";
}

.fa-joint:before {
  content: "";
}

.fa-joomla:before {
  content: "";
}

.fa-journal-whills:before {
  content: "";
}

.fa-js:before {
  content: "";
}

.fa-js-square:before {
  content: "";
}

.fa-jsfiddle:before {
  content: "";
}

.fa-kaaba:before {
  content: "";
}

.fa-kaggle:before {
  content: "";
}

.fa-key:before {
  content: "";
}

.fa-keybase:before {
  content: "";
}

.fa-keyboard:before {
  content: "";
}

.fa-keycdn:before {
  content: "";
}

.fa-khanda:before {
  content: "";
}

.fa-kickstarter:before {
  content: "";
}

.fa-kickstarter-k:before {
  content: "";
}

.fa-kiss:before {
  content: "";
}

.fa-kiss-beam:before {
  content: "";
}

.fa-kiss-wink-heart:before {
  content: "";
}

.fa-kiwi-bird:before {
  content: "";
}

.fa-korvue:before {
  content: "";
}

.fa-landmark:before {
  content: "";
}

.fa-language:before {
  content: "";
}

.fa-laptop:before {
  content: "";
}

.fa-laptop-code:before {
  content: "";
}

.fa-laptop-house:before {
  content: "";
}

.fa-laptop-medical:before {
  content: "";
}

.fa-laravel:before {
  content: "";
}

.fa-lastfm:before {
  content: "";
}

.fa-lastfm-square:before {
  content: "";
}

.fa-laugh:before {
  content: "";
}

.fa-laugh-beam:before {
  content: "";
}

.fa-laugh-squint:before {
  content: "";
}

.fa-laugh-wink:before {
  content: "";
}

.fa-layer-group:before {
  content: "";
}

.fa-leaf:before {
  content: "";
}

.fa-leanpub:before {
  content: "";
}

.fa-lemon:before {
  content: "";
}

.fa-less:before {
  content: "";
}

.fa-less-than:before {
  content: "";
}

.fa-less-than-equal:before {
  content: "";
}

.fa-level-down-alt:before {
  content: "";
}

.fa-level-up-alt:before {
  content: "";
}

.fa-life-ring:before {
  content: "";
}

.fa-lightbulb:before {
  content: "";
}

.fa-line:before {
  content: "";
}

.fa-link:before {
  content: "";
}

.fa-linkedin:before {
  content: "";
}

.fa-linkedin-in:before {
  content: "";
}

.fa-linode:before {
  content: "";
}

.fa-linux:before {
  content: "";
}

.fa-lira-sign:before {
  content: "";
}

.fa-list:before {
  content: "";
}

.fa-list-alt:before {
  content: "";
}

.fa-list-ol:before {
  content: "";
}

.fa-list-ul:before {
  content: "";
}

.fa-location-arrow:before {
  content: "";
}

.fa-lock:before {
  content: "";
}

.fa-lock-open:before {
  content: "";
}

.fa-long-arrow-alt-down:before {
  content: "";
}

.fa-long-arrow-alt-left:before {
  content: "";
}

.fa-long-arrow-alt-right:before {
  content: "";
}

.fa-long-arrow-alt-up:before {
  content: "";
}

.fa-low-vision:before {
  content: "";
}

.fa-luggage-cart:before {
  content: "";
}

.fa-lungs:before {
  content: "";
}

.fa-lungs-virus:before {
  content: "";
}

.fa-lyft:before {
  content: "";
}

.fa-magento:before {
  content: "";
}

.fa-magic:before {
  content: "";
}

.fa-magnet:before {
  content: "";
}

.fa-mail-bulk:before {
  content: "";
}

.fa-mailchimp:before {
  content: "";
}

.fa-male:before {
  content: "";
}

.fa-mandalorian:before {
  content: "";
}

.fa-map:before {
  content: "";
}

.fa-map-marked:before {
  content: "";
}

.fa-map-marked-alt:before {
  content: "";
}

.fa-map-marker:before {
  content: "";
}

.fa-map-marker-alt:before {
  content: "";
}

.fa-map-pin:before {
  content: "";
}

.fa-map-signs:before {
  content: "";
}

.fa-markdown:before {
  content: "";
}

.fa-marker:before {
  content: "";
}

.fa-mars:before {
  content: "";
}

.fa-mars-double:before {
  content: "";
}

.fa-mars-stroke:before {
  content: "";
}

.fa-mars-stroke-h:before {
  content: "";
}

.fa-mars-stroke-v:before {
  content: "";
}

.fa-mask:before {
  content: "";
}

.fa-mastodon:before {
  content: "";
}

.fa-maxcdn:before {
  content: "";
}

.fa-mdb:before {
  content: "";
}

.fa-medal:before {
  content: "";
}

.fa-medapps:before {
  content: "";
}

.fa-medium:before {
  content: "";
}

.fa-medium-m:before {
  content: "";
}

.fa-medkit:before {
  content: "";
}

.fa-medrt:before {
  content: "";
}

.fa-meetup:before {
  content: "";
}

.fa-megaport:before {
  content: "";
}

.fa-meh:before {
  content: "";
}

.fa-meh-blank:before {
  content: "";
}

.fa-meh-rolling-eyes:before {
  content: "";
}

.fa-memory:before {
  content: "";
}

.fa-mendeley:before {
  content: "";
}

.fa-menorah:before {
  content: "";
}

.fa-mercury:before {
  content: "";
}

.fa-meteor:before {
  content: "";
}

.fa-microblog:before {
  content: "";
}

.fa-microchip:before {
  content: "";
}

.fa-microphone:before {
  content: "";
}

.fa-microphone-alt:before {
  content: "";
}

.fa-microphone-alt-slash:before {
  content: "";
}

.fa-microphone-slash:before {
  content: "";
}

.fa-microscope:before {
  content: "";
}

.fa-microsoft:before {
  content: "";
}

.fa-minus:before {
  content: "";
}

.fa-minus-circle:before {
  content: "";
}

.fa-minus-square:before {
  content: "";
}

.fa-mitten:before {
  content: "";
}

.fa-mix:before {
  content: "";
}

.fa-mixcloud:before {
  content: "";
}

.fa-mixer:before {
  content: "";
}

.fa-mizuni:before {
  content: "";
}

.fa-mobile:before {
  content: "";
}

.fa-mobile-alt:before {
  content: "";
}

.fa-modx:before {
  content: "";
}

.fa-monero:before {
  content: "";
}

.fa-money-bill:before {
  content: "";
}

.fa-money-bill-alt:before {
  content: "";
}

.fa-money-bill-wave:before {
  content: "";
}

.fa-money-bill-wave-alt:before {
  content: "";
}

.fa-money-check:before {
  content: "";
}

.fa-money-check-alt:before {
  content: "";
}

.fa-monument:before {
  content: "";
}

.fa-moon:before {
  content: "";
}

.fa-mortar-pestle:before {
  content: "";
}

.fa-mosque:before {
  content: "";
}

.fa-motorcycle:before {
  content: "";
}

.fa-mountain:before {
  content: "";
}

.fa-mouse:before {
  content: "";
}

.fa-mouse-pointer:before {
  content: "";
}

.fa-mug-hot:before {
  content: "";
}

.fa-music:before {
  content: "";
}

.fa-napster:before {
  content: "";
}

.fa-neos:before {
  content: "";
}

.fa-network-wired:before {
  content: "";
}

.fa-neuter:before {
  content: "";
}

.fa-newspaper:before {
  content: "";
}

.fa-nimblr:before {
  content: "";
}

.fa-node:before {
  content: "";
}

.fa-node-js:before {
  content: "";
}

.fa-not-equal:before {
  content: "";
}

.fa-notes-medical:before {
  content: "";
}

.fa-npm:before {
  content: "";
}

.fa-ns8:before {
  content: "";
}

.fa-nutritionix:before {
  content: "";
}

.fa-object-group:before {
  content: "";
}

.fa-object-ungroup:before {
  content: "";
}

.fa-octopus-deploy:before {
  content: "";
}

.fa-odnoklassniki:before {
  content: "";
}

.fa-odnoklassniki-square:before {
  content: "";
}

.fa-oil-can:before {
  content: "";
}

.fa-old-republic:before {
  content: "";
}

.fa-om:before {
  content: "";
}

.fa-opencart:before {
  content: "";
}

.fa-openid:before {
  content: "";
}

.fa-opera:before {
  content: "";
}

.fa-optin-monster:before {
  content: "";
}

.fa-orcid:before {
  content: "";
}

.fa-osi:before {
  content: "";
}

.fa-otter:before {
  content: "";
}

.fa-outdent:before {
  content: "";
}

.fa-page4:before {
  content: "";
}

.fa-pagelines:before {
  content: "";
}

.fa-pager:before {
  content: "";
}

.fa-paint-brush:before {
  content: "";
}

.fa-paint-roller:before {
  content: "";
}

.fa-palette:before {
  content: "";
}

.fa-palfed:before {
  content: "";
}

.fa-pallet:before {
  content: "";
}

.fa-paper-plane:before {
  content: "";
}

.fa-paperclip:before {
  content: "";
}

.fa-parachute-box:before {
  content: "";
}

.fa-paragraph:before {
  content: "";
}

.fa-parking:before {
  content: "";
}

.fa-passport:before {
  content: "";
}

.fa-pastafarianism:before {
  content: "";
}

.fa-paste:before {
  content: "";
}

.fa-patreon:before {
  content: "";
}

.fa-pause:before {
  content: "";
}

.fa-pause-circle:before {
  content: "";
}

.fa-paw:before {
  content: "";
}

.fa-paypal:before {
  content: "";
}

.fa-peace:before {
  content: "";
}

.fa-pen:before {
  content: "";
}

.fa-pen-alt:before {
  content: "";
}

.fa-pen-fancy:before {
  content: "";
}

.fa-pen-nib:before {
  content: "";
}

.fa-pen-square:before {
  content: "";
}

.fa-pencil-alt:before {
  content: "";
}

.fa-pencil-ruler:before {
  content: "";
}

.fa-penny-arcade:before {
  content: "";
}

.fa-people-arrows:before {
  content: "";
}

.fa-people-carry:before {
  content: "";
}

.fa-pepper-hot:before {
  content: "";
}

.fa-perbyte:before {
  content: "";
}

.fa-percent:before {
  content: "";
}

.fa-percentage:before {
  content: "";
}

.fa-periscope:before {
  content: "";
}

.fa-person-booth:before {
  content: "";
}

.fa-phabricator:before {
  content: "";
}

.fa-phoenix-framework:before {
  content: "";
}

.fa-phoenix-squadron:before {
  content: "";
}

.fa-phone:before {
  content: "";
}

.fa-phone-alt:before {
  content: "";
}

.fa-phone-slash:before {
  content: "";
}

.fa-phone-square:before {
  content: "";
}

.fa-phone-square-alt:before {
  content: "";
}

.fa-phone-volume:before {
  content: "";
}

.fa-photo-video:before {
  content: "";
}

.fa-php:before {
  content: "";
}

.fa-pied-piper:before {
  content: "";
}

.fa-pied-piper-alt:before {
  content: "";
}

.fa-pied-piper-hat:before {
  content: "";
}

.fa-pied-piper-pp:before {
  content: "";
}

.fa-pied-piper-square:before {
  content: "";
}

.fa-piggy-bank:before {
  content: "";
}

.fa-pills:before {
  content: "";
}

.fa-pinterest:before {
  content: "";
}

.fa-pinterest-p:before {
  content: "";
}

.fa-pinterest-square:before {
  content: "";
}

.fa-pizza-slice:before {
  content: "";
}

.fa-place-of-worship:before {
  content: "";
}

.fa-plane:before {
  content: "";
}

.fa-plane-arrival:before {
  content: "";
}

.fa-plane-departure:before {
  content: "";
}

.fa-plane-slash:before {
  content: "";
}

.fa-play:before {
  content: "";
}

.fa-play-circle:before {
  content: "";
}

.fa-playstation:before {
  content: "";
}

.fa-plug:before {
  content: "";
}

.fa-plus:before {
  content: "";
}

.fa-plus-circle:before {
  content: "";
}

.fa-plus-square:before {
  content: "";
}

.fa-podcast:before {
  content: "";
}

.fa-poll:before {
  content: "";
}

.fa-poll-h:before {
  content: "";
}

.fa-poo:before {
  content: "";
}

.fa-poo-storm:before {
  content: "";
}

.fa-poop:before {
  content: "";
}

.fa-portrait:before {
  content: "";
}

.fa-pound-sign:before {
  content: "";
}

.fa-power-off:before {
  content: "";
}

.fa-pray:before {
  content: "";
}

.fa-praying-hands:before {
  content: "";
}

.fa-prescription:before {
  content: "";
}

.fa-prescription-bottle:before {
  content: "";
}

.fa-prescription-bottle-alt:before {
  content: "";
}

.fa-print:before {
  content: "";
}

.fa-procedures:before {
  content: "";
}

.fa-product-hunt:before {
  content: "";
}

.fa-project-diagram:before {
  content: "";
}

.fa-pump-medical:before {
  content: "";
}

.fa-pump-soap:before {
  content: "";
}

.fa-pushed:before {
  content: "";
}

.fa-puzzle-piece:before {
  content: "";
}

.fa-python:before {
  content: "";
}

.fa-qq:before {
  content: "";
}

.fa-qrcode:before {
  content: "";
}

.fa-question:before {
  content: "";
}

.fa-question-circle:before {
  content: "";
}

.fa-quidditch:before {
  content: "";
}

.fa-quinscape:before {
  content: "";
}

.fa-quora:before {
  content: "";
}

.fa-quote-left:before {
  content: "";
}

.fa-quote-right:before {
  content: "";
}

.fa-quran:before {
  content: "";
}

.fa-r-project:before {
  content: "";
}

.fa-radiation:before {
  content: "";
}

.fa-radiation-alt:before {
  content: "";
}

.fa-rainbow:before {
  content: "";
}

.fa-random:before {
  content: "";
}

.fa-raspberry-pi:before {
  content: "";
}

.fa-ravelry:before {
  content: "";
}

.fa-react:before {
  content: "";
}

.fa-reacteurope:before {
  content: "";
}

.fa-readme:before {
  content: "";
}

.fa-rebel:before {
  content: "";
}

.fa-receipt:before {
  content: "";
}

.fa-record-vinyl:before {
  content: "";
}

.fa-recycle:before {
  content: "";
}

.fa-red-river:before {
  content: "";
}

.fa-reddit:before {
  content: "";
}

.fa-reddit-alien:before {
  content: "";
}

.fa-reddit-square:before {
  content: "";
}

.fa-redhat:before {
  content: "";
}

.fa-redo:before {
  content: "";
}

.fa-redo-alt:before {
  content: "";
}

.fa-registered:before {
  content: "";
}

.fa-remove-format:before {
  content: "";
}

.fa-renren:before {
  content: "";
}

.fa-reply:before {
  content: "";
}

.fa-reply-all:before {
  content: "";
}

.fa-replyd:before {
  content: "";
}

.fa-republican:before {
  content: "";
}

.fa-researchgate:before {
  content: "";
}

.fa-resolving:before {
  content: "";
}

.fa-restroom:before {
  content: "";
}

.fa-retweet:before {
  content: "";
}

.fa-rev:before {
  content: "";
}

.fa-ribbon:before {
  content: "";
}

.fa-ring:before {
  content: "";
}

.fa-road:before {
  content: "";
}

.fa-robot:before {
  content: "";
}

.fa-rocket:before {
  content: "";
}

.fa-rocketchat:before {
  content: "";
}

.fa-rockrms:before {
  content: "";
}

.fa-route:before {
  content: "";
}

.fa-rss:before {
  content: "";
}

.fa-rss-square:before {
  content: "";
}

.fa-ruble-sign:before {
  content: "";
}

.fa-ruler:before {
  content: "";
}

.fa-ruler-combined:before {
  content: "";
}

.fa-ruler-horizontal:before {
  content: "";
}

.fa-ruler-vertical:before {
  content: "";
}

.fa-running:before {
  content: "";
}

.fa-rupee-sign:before {
  content: "";
}

.fa-rust:before {
  content: "";
}

.fa-sad-cry:before {
  content: "";
}

.fa-sad-tear:before {
  content: "";
}

.fa-safari:before {
  content: "";
}

.fa-salesforce:before {
  content: "";
}

.fa-sass:before {
  content: "";
}

.fa-satellite:before {
  content: "";
}

.fa-satellite-dish:before {
  content: "";
}

.fa-save:before {
  content: "";
}

.fa-schlix:before {
  content: "";
}

.fa-school:before {
  content: "";
}

.fa-screwdriver:before {
  content: "";
}

.fa-scribd:before {
  content: "";
}

.fa-scroll:before {
  content: "";
}

.fa-sd-card:before {
  content: "";
}

.fa-search:before {
  content: "";
}

.fa-search-dollar:before {
  content: "";
}

.fa-search-location:before {
  content: "";
}

.fa-search-minus:before {
  content: "";
}

.fa-search-plus:before {
  content: "";
}

.fa-searchengin:before {
  content: "";
}

.fa-seedling:before {
  content: "";
}

.fa-sellcast:before {
  content: "";
}

.fa-sellsy:before {
  content: "";
}

.fa-server:before {
  content: "";
}

.fa-servicestack:before {
  content: "";
}

.fa-shapes:before {
  content: "";
}

.fa-share:before {
  content: "";
}

.fa-share-alt:before {
  content: "";
}

.fa-share-alt-square:before {
  content: "";
}

.fa-share-square:before {
  content: "";
}

.fa-shekel-sign:before {
  content: "";
}

.fa-shield-alt:before {
  content: "";
}

.fa-shield-virus:before {
  content: "";
}

.fa-ship:before {
  content: "";
}

.fa-shipping-fast:before {
  content: "";
}

.fa-shirtsinbulk:before {
  content: "";
}

.fa-shoe-prints:before {
  content: "";
}

.fa-shopify:before {
  content: "";
}

.fa-shopping-bag:before {
  content: "";
}

.fa-shopping-basket:before {
  content: "";
}

.fa-shopping-cart:before {
  content: "";
}

.fa-shopware:before {
  content: "";
}

.fa-shower:before {
  content: "";
}

.fa-shuttle-van:before {
  content: "";
}

.fa-sign:before {
  content: "";
}

.fa-sign-in-alt:before {
  content: "";
}

.fa-sign-language:before {
  content: "";
}

.fa-sign-out-alt:before {
  content: "";
}

.fa-signal:before {
  content: "";
}

.fa-signature:before {
  content: "";
}

.fa-sim-card:before {
  content: "";
}

.fa-simplybuilt:before {
  content: "";
}

.fa-sink:before {
  content: "";
}

.fa-sistrix:before {
  content: "";
}

.fa-sitemap:before {
  content: "";
}

.fa-sith:before {
  content: "";
}

.fa-skating:before {
  content: "";
}

.fa-sketch:before {
  content: "";
}

.fa-skiing:before {
  content: "";
}

.fa-skiing-nordic:before {
  content: "";
}

.fa-skull:before {
  content: "";
}

.fa-skull-crossbones:before {
  content: "";
}

.fa-skyatlas:before {
  content: "";
}

.fa-skype:before {
  content: "";
}

.fa-slack:before {
  content: "";
}

.fa-slack-hash:before {
  content: "";
}

.fa-slash:before {
  content: "";
}

.fa-sleigh:before {
  content: "";
}

.fa-sliders-h:before {
  content: "";
}

.fa-slideshare:before {
  content: "";
}

.fa-smile:before {
  content: "";
}

.fa-smile-beam:before {
  content: "";
}

.fa-smile-wink:before {
  content: "";
}

.fa-smog:before {
  content: "";
}

.fa-smoking:before {
  content: "";
}

.fa-smoking-ban:before {
  content: "";
}

.fa-sms:before {
  content: "";
}

.fa-snapchat:before {
  content: "";
}

.fa-snapchat-ghost:before {
  content: "";
}

.fa-snapchat-square:before {
  content: "";
}

.fa-snowboarding:before {
  content: "";
}

.fa-snowflake:before {
  content: "";
}

.fa-snowman:before {
  content: "";
}

.fa-snowplow:before {
  content: "";
}

.fa-soap:before {
  content: "";
}

.fa-socks:before {
  content: "";
}

.fa-solar-panel:before {
  content: "";
}

.fa-sort:before {
  content: "";
}

.fa-sort-alpha-down:before {
  content: "";
}

.fa-sort-alpha-down-alt:before {
  content: "";
}

.fa-sort-alpha-up:before {
  content: "";
}

.fa-sort-alpha-up-alt:before {
  content: "";
}

.fa-sort-amount-down:before {
  content: "";
}

.fa-sort-amount-down-alt:before {
  content: "";
}

.fa-sort-amount-up:before {
  content: "";
}

.fa-sort-amount-up-alt:before {
  content: "";
}

.fa-sort-down:before {
  content: "";
}

.fa-sort-numeric-down:before {
  content: "";
}

.fa-sort-numeric-down-alt:before {
  content: "";
}

.fa-sort-numeric-up:before {
  content: "";
}

.fa-sort-numeric-up-alt:before {
  content: "";
}

.fa-sort-up:before {
  content: "";
}

.fa-soundcloud:before {
  content: "";
}

.fa-sourcetree:before {
  content: "";
}

.fa-spa:before {
  content: "";
}

.fa-space-shuttle:before {
  content: "";
}

.fa-speakap:before {
  content: "";
}

.fa-speaker-deck:before {
  content: "";
}

.fa-spell-check:before {
  content: "";
}

.fa-spider:before {
  content: "";
}

.fa-spinner:before {
  content: "";
}

.fa-splotch:before {
  content: "";
}

.fa-spotify:before {
  content: "";
}

.fa-spray-can:before {
  content: "";
}

.fa-square:before {
  content: "";
}

.fa-square-full:before {
  content: "";
}

.fa-square-root-alt:before {
  content: "";
}

.fa-squarespace:before {
  content: "";
}

.fa-stack-exchange:before {
  content: "";
}

.fa-stack-overflow:before {
  content: "";
}

.fa-stackpath:before {
  content: "";
}

.fa-stamp:before {
  content: "";
}

.fa-star:before {
  content: "";
}

.fa-star-and-crescent:before {
  content: "";
}

.fa-star-half:before {
  content: "";
}

.fa-star-half-alt:before {
  content: "";
}

.fa-star-of-david:before {
  content: "";
}

.fa-star-of-life:before {
  content: "";
}

.fa-staylinked:before {
  content: "";
}

.fa-steam:before {
  content: "";
}

.fa-steam-square:before {
  content: "";
}

.fa-steam-symbol:before {
  content: "";
}

.fa-step-backward:before {
  content: "";
}

.fa-step-forward:before {
  content: "";
}

.fa-stethoscope:before {
  content: "";
}

.fa-sticker-mule:before {
  content: "";
}

.fa-sticky-note:before {
  content: "";
}

.fa-stop:before {
  content: "";
}

.fa-stop-circle:before {
  content: "";
}

.fa-stopwatch:before {
  content: "";
}

.fa-stopwatch-20:before {
  content: "";
}

.fa-store:before {
  content: "";
}

.fa-store-alt:before {
  content: "";
}

.fa-store-alt-slash:before {
  content: "";
}

.fa-store-slash:before {
  content: "";
}

.fa-strava:before {
  content: "";
}

.fa-stream:before {
  content: "";
}

.fa-street-view:before {
  content: "";
}

.fa-strikethrough:before {
  content: "";
}

.fa-stripe:before {
  content: "";
}

.fa-stripe-s:before {
  content: "";
}

.fa-stroopwafel:before {
  content: "";
}

.fa-studiovinari:before {
  content: "";
}

.fa-stumbleupon:before {
  content: "";
}

.fa-stumbleupon-circle:before {
  content: "";
}

.fa-subscript:before {
  content: "";
}

.fa-subway:before {
  content: "";
}

.fa-suitcase:before {
  content: "";
}

.fa-suitcase-rolling:before {
  content: "";
}

.fa-sun:before {
  content: "";
}

.fa-superpowers:before {
  content: "";
}

.fa-superscript:before {
  content: "";
}

.fa-supple:before {
  content: "";
}

.fa-surprise:before {
  content: "";
}

.fa-suse:before {
  content: "";
}

.fa-swatchbook:before {
  content: "";
}

.fa-swift:before {
  content: "";
}

.fa-swimmer:before {
  content: "";
}

.fa-swimming-pool:before {
  content: "";
}

.fa-symfony:before {
  content: "";
}

.fa-synagogue:before {
  content: "";
}

.fa-sync:before {
  content: "";
}

.fa-sync-alt:before {
  content: "";
}

.fa-syringe:before {
  content: "";
}

.fa-table:before {
  content: "";
}

.fa-table-tennis:before {
  content: "";
}

.fa-tablet:before {
  content: "";
}

.fa-tablet-alt:before {
  content: "";
}

.fa-tablets:before {
  content: "";
}

.fa-tachometer-alt:before {
  content: "";
}

.fa-tag:before {
  content: "";
}

.fa-tags:before {
  content: "";
}

.fa-tape:before {
  content: "";
}

.fa-tasks:before {
  content: "";
}

.fa-taxi:before {
  content: "";
}

.fa-teamspeak:before {
  content: "";
}

.fa-teeth:before {
  content: "";
}

.fa-teeth-open:before {
  content: "";
}

.fa-telegram:before {
  content: "";
}

.fa-telegram-plane:before {
  content: "";
}

.fa-temperature-high:before {
  content: "";
}

.fa-temperature-low:before {
  content: "";
}

.fa-tencent-weibo:before {
  content: "";
}

.fa-tenge:before {
  content: "";
}

.fa-terminal:before {
  content: "";
}

.fa-text-height:before {
  content: "";
}

.fa-text-width:before {
  content: "";
}

.fa-th:before {
  content: "";
}

.fa-th-large:before {
  content: "";
}

.fa-th-list:before {
  content: "";
}

.fa-the-red-yeti:before {
  content: "";
}

.fa-theater-masks:before {
  content: "";
}

.fa-themeco:before {
  content: "";
}

.fa-themeisle:before {
  content: "";
}

.fa-thermometer:before {
  content: "";
}

.fa-thermometer-empty:before {
  content: "";
}

.fa-thermometer-full:before {
  content: "";
}

.fa-thermometer-half:before {
  content: "";
}

.fa-thermometer-quarter:before {
  content: "";
}

.fa-thermometer-three-quarters:before {
  content: "";
}

.fa-think-peaks:before {
  content: "";
}

.fa-thumbs-down:before {
  content: "";
}

.fa-thumbs-up:before {
  content: "";
}

.fa-thumbtack:before {
  content: "";
}

.fa-ticket-alt:before {
  content: "";
}

.fa-tiktok:before {
  content: "";
}

.fa-times:before {
  content: "";
}

.fa-times-circle:before {
  content: "";
}

.fa-tint:before {
  content: "";
}

.fa-tint-slash:before {
  content: "";
}

.fa-tired:before {
  content: "";
}

.fa-toggle-off:before {
  content: "";
}

.fa-toggle-on:before {
  content: "";
}

.fa-toilet:before {
  content: "";
}

.fa-toilet-paper:before {
  content: "";
}

.fa-toilet-paper-slash:before {
  content: "";
}

.fa-toolbox:before {
  content: "";
}

.fa-tools:before {
  content: "";
}

.fa-tooth:before {
  content: "";
}

.fa-torah:before {
  content: "";
}

.fa-torii-gate:before {
  content: "";
}

.fa-tractor:before {
  content: "";
}

.fa-trade-federation:before {
  content: "";
}

.fa-trademark:before {
  content: "";
}

.fa-traffic-light:before {
  content: "";
}

.fa-trailer:before {
  content: "";
}

.fa-train:before {
  content: "";
}

.fa-tram:before {
  content: "";
}

.fa-transgender:before {
  content: "";
}

.fa-transgender-alt:before {
  content: "";
}

.fa-trash:before {
  content: "";
}

.fa-trash-alt:before {
  content: "";
}

.fa-trash-restore:before {
  content: "";
}

.fa-trash-restore-alt:before {
  content: "";
}

.fa-tree:before {
  content: "";
}

.fa-trello:before {
  content: "";
}

.fa-trophy:before {
  content: "";
}

.fa-truck:before {
  content: "";
}

.fa-truck-loading:before {
  content: "";
}

.fa-truck-monster:before {
  content: "";
}

.fa-truck-moving:before {
  content: "";
}

.fa-truck-pickup:before {
  content: "";
}

.fa-tshirt:before {
  content: "";
}

.fa-tty:before {
  content: "";
}

.fa-tumblr:before {
  content: "";
}

.fa-tumblr-square:before {
  content: "";
}

.fa-tv:before {
  content: "";
}

.fa-twitch:before {
  content: "";
}

.fa-twitter:before {
  content: "";
}

.fa-twitter-square:before {
  content: "";
}

.fa-typo3:before {
  content: "";
}

.fa-uber:before {
  content: "";
}

.fa-ubuntu:before {
  content: "";
}

.fa-uikit:before {
  content: "";
}

.fa-umbraco:before {
  content: "";
}

.fa-umbrella:before {
  content: "";
}

.fa-umbrella-beach:before {
  content: "";
}

.fa-uncharted:before {
  content: "";
}

.fa-underline:before {
  content: "";
}

.fa-undo:before {
  content: "";
}

.fa-undo-alt:before {
  content: "";
}

.fa-uniregistry:before {
  content: "";
}

.fa-unity:before {
  content: "";
}

.fa-universal-access:before {
  content: "";
}

.fa-university:before {
  content: "";
}

.fa-unlink:before {
  content: "";
}

.fa-unlock:before {
  content: "";
}

.fa-unlock-alt:before {
  content: "";
}

.fa-unsplash:before {
  content: "";
}

.fa-untappd:before {
  content: "";
}

.fa-upload:before {
  content: "";
}

.fa-ups:before {
  content: "";
}

.fa-usb:before {
  content: "";
}

.fa-user:before {
  content: "";
}

.fa-user-alt:before {
  content: "";
}

.fa-user-alt-slash:before {
  content: "";
}

.fa-user-astronaut:before {
  content: "";
}

.fa-user-check:before {
  content: "";
}

.fa-user-circle:before {
  content: "";
}

.fa-user-clock:before {
  content: "";
}

.fa-user-cog:before {
  content: "";
}

.fa-user-edit:before {
  content: "";
}

.fa-user-friends:before {
  content: "";
}

.fa-user-graduate:before {
  content: "";
}

.fa-user-injured:before {
  content: "";
}

.fa-user-lock:before {
  content: "";
}

.fa-user-md:before {
  content: "";
}

.fa-user-minus:before {
  content: "";
}

.fa-user-ninja:before {
  content: "";
}

.fa-user-nurse:before {
  content: "";
}

.fa-user-plus:before {
  content: "";
}

.fa-user-secret:before {
  content: "";
}

.fa-user-shield:before {
  content: "";
}

.fa-user-slash:before {
  content: "";
}

.fa-user-tag:before {
  content: "";
}

.fa-user-tie:before {
  content: "";
}

.fa-user-times:before {
  content: "";
}

.fa-users:before {
  content: "";
}

.fa-users-cog:before {
  content: "";
}

.fa-users-slash:before {
  content: "";
}

.fa-usps:before {
  content: "";
}

.fa-ussunnah:before {
  content: "";
}

.fa-utensil-spoon:before {
  content: "";
}

.fa-utensils:before {
  content: "";
}

.fa-vaadin:before {
  content: "";
}

.fa-vector-square:before {
  content: "";
}

.fa-venus:before {
  content: "";
}

.fa-venus-double:before {
  content: "";
}

.fa-venus-mars:before {
  content: "";
}

.fa-vest:before {
  content: "";
}

.fa-vest-patches:before {
  content: "";
}

.fa-viacoin:before {
  content: "";
}

.fa-viadeo:before {
  content: "";
}

.fa-viadeo-square:before {
  content: "";
}

.fa-vial:before {
  content: "";
}

.fa-vials:before {
  content: "";
}

.fa-viber:before {
  content: "";
}

.fa-video:before {
  content: "";
}

.fa-video-slash:before {
  content: "";
}

.fa-vihara:before {
  content: "";
}

.fa-vimeo:before {
  content: "";
}

.fa-vimeo-square:before {
  content: "";
}

.fa-vimeo-v:before {
  content: "";
}

.fa-vine:before {
  content: "";
}

.fa-virus:before {
  content: "";
}

.fa-virus-slash:before {
  content: "";
}

.fa-viruses:before {
  content: "";
}

.fa-vk:before {
  content: "";
}

.fa-vnv:before {
  content: "";
}

.fa-voicemail:before {
  content: "";
}

.fa-volleyball-ball:before {
  content: "";
}

.fa-volume-down:before {
  content: "";
}

.fa-volume-mute:before {
  content: "";
}

.fa-volume-off:before {
  content: "";
}

.fa-volume-up:before {
  content: "";
}

.fa-vote-yea:before {
  content: "";
}

.fa-vr-cardboard:before {
  content: "";
}

.fa-vuejs:before {
  content: "";
}

.fa-walking:before {
  content: "";
}

.fa-wallet:before {
  content: "";
}

.fa-warehouse:before {
  content: "";
}

.fa-watchman-monitoring:before {
  content: "";
}

.fa-water:before {
  content: "";
}

.fa-wave-square:before {
  content: "";
}

.fa-waze:before {
  content: "";
}

.fa-weebly:before {
  content: "";
}

.fa-weibo:before {
  content: "";
}

.fa-weight:before {
  content: "";
}

.fa-weight-hanging:before {
  content: "";
}

.fa-weixin:before {
  content: "";
}

.fa-whatsapp:before {
  content: "";
}

.fa-whatsapp-square:before {
  content: "";
}

.fa-wheelchair:before {
  content: "";
}

.fa-whmcs:before {
  content: "";
}

.fa-wifi:before {
  content: "";
}

.fa-wikipedia-w:before {
  content: "";
}

.fa-wind:before {
  content: "";
}

.fa-window-close:before {
  content: "";
}

.fa-window-maximize:before {
  content: "";
}

.fa-window-minimize:before {
  content: "";
}

.fa-window-restore:before {
  content: "";
}

.fa-windows:before {
  content: "";
}

.fa-wine-bottle:before {
  content: "";
}

.fa-wine-glass:before {
  content: "";
}

.fa-wine-glass-alt:before {
  content: "";
}

.fa-wix:before {
  content: "";
}

.fa-wizards-of-the-coast:before {
  content: "";
}

.fa-wodu:before {
  content: "";
}

.fa-wolf-pack-battalion:before {
  content: "";
}

.fa-won-sign:before {
  content: "";
}

.fa-wordpress:before {
  content: "";
}

.fa-wordpress-simple:before {
  content: "";
}

.fa-wpbeginner:before {
  content: "";
}

.fa-wpexplorer:before {
  content: "";
}

.fa-wpforms:before {
  content: "";
}

.fa-wpressr:before {
  content: "";
}

.fa-wrench:before {
  content: "";
}

.fa-x-ray:before {
  content: "";
}

.fa-xbox:before {
  content: "";
}

.fa-xing:before {
  content: "";
}

.fa-xing-square:before {
  content: "";
}

.fa-y-combinator:before {
  content: "";
}

.fa-yahoo:before {
  content: "";
}

.fa-yammer:before {
  content: "";
}

.fa-yandex:before {
  content: "";
}

.fa-yandex-international:before {
  content: "";
}

.fa-yarn:before {
  content: "";
}

.fa-yelp:before {
  content: "";
}

.fa-yen-sign:before {
  content: "";
}

.fa-yin-yang:before {
  content: "";
}

.fa-yoast:before {
  content: "";
}

.fa-youtube:before {
  content: "";
}

.fa-youtube-square:before {
  content: "";
}

.fa-zhihu:before {
  content: "";
}

.sr-only {
  clip: rect(0, 0, 0, 0);
  border: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  width: auto;
  height: auto;
  margin: 0;
  position: static;
  overflow: visible;
}

@font-face {
  font-family: "Font Awesome 5 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fa-brands-400.cc065b21.eot");
  src: url("fa-brands-400.cc065b21.eot#iefix") format("embedded-opentype"), url("fa-brands-400.b5e03f17.woff2") format("woff2"), url("fa-brands-400.a5ee03ec.woff") format("woff"), url("fa-brands-400.8718b9ad.ttf") format("truetype"), url("fa-brands-400.1f79b3b1.svg#fontawesome") format("svg");
}

.fab {
  font-family: "Font Awesome 5 Brands";
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("fa-regular-400.2fa0566b.eot");
  src: url("fa-regular-400.2fa0566b.eot#iefix") format("embedded-opentype"), url("fa-regular-400.b8a761b9.woff2") format("woff2"), url("fa-regular-400.fc5fc2fb.woff") format("woff"), url("fa-regular-400.7a30f7b0.ttf") format("truetype"), url("fa-regular-400.da476979.svg#fontawesome") format("svg");
}

.fab, .far {
  font-weight: 400;
}

@font-face {
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("fa-solid-900.c763a9ac.eot");
  src: url("fa-solid-900.c763a9ac.eot#iefix") format("embedded-opentype"), url("fa-solid-900.d2346e81.woff2") format("woff2"), url("fa-solid-900.d0343574.woff") format("woff"), url("fa-solid-900.245fd9fa.ttf") format("truetype"), url("fa-solid-900.d194b2fa.svg#fontawesome") format("svg");
}

.fa, .far, .fas {
  font-family: "Font Awesome 5 Free";
}

.fa, .fas {
  font-weight: 900;
}

.flatpickr-calendar {
  box-sizing: border-box;
  opacity: 0;
  text-align: center;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  visibility: hidden;
  direction: ltr;
  background: #fff;
  border: 0;
  border-radius: 5px;
  width: 307.875px;
  padding: 0;
  font-size: 14px;
  line-height: 24px;
  animation: none;
  display: none;
  position: absolute;
  box-shadow: 1px 0 #e6e6e6, -1px 0 #e6e6e6, 0 1px #e6e6e6, 0 -1px #e6e6e6, 0 3px 13px #00000014;
}

.flatpickr-calendar.inline, .flatpickr-calendar.open {
  opacity: 1;
  visibility: visible;
  max-height: 640px;
}

.flatpickr-calendar.open {
  z-index: 99999;
  display: inline-block;
}

.flatpickr-calendar.animate.open {
  animation: .3s cubic-bezier(.23, 1, .32, 1) fpFadeInDown;
}

.flatpickr-calendar.inline {
  display: block;
  position: relative;
  top: 2px;
}

.flatpickr-calendar.static {
  position: absolute;
  top: calc(100% + 2px);
}

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  box-shadow: -2px 0 #e6e6e6, 5px 0 #e6e6e6;
}

.flatpickr-calendar .hasTime .dayContainer, .flatpickr-calendar .hasWeeks .dayContainer {
  border-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.flatpickr-calendar .hasWeeks .dayContainer {
  border-left: 0;
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-top: 1px solid #e6e6e6;
  height: 40px;
}

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  height: auto;
}

.flatpickr-calendar:after, .flatpickr-calendar:before {
  content: "";
  pointer-events: none;
  border: solid #0000;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  left: 22px;
}

.flatpickr-calendar.arrowRight:after, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.rightMost:before {
  left: auto;
  right: 22px;
}

.flatpickr-calendar.arrowCenter:after, .flatpickr-calendar.arrowCenter:before {
  left: 50%;
  right: 50%;
}

.flatpickr-calendar:before {
  border-width: 5px;
  margin: 0 -5px;
}

.flatpickr-calendar:after {
  border-width: 4px;
  margin: 0 -4px;
}

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
  bottom: 100%;
}

.flatpickr-calendar.arrowTop:before {
  border-bottom-color: #e6e6e6;
}

.flatpickr-calendar.arrowTop:after {
  border-bottom-color: #fff;
}

.flatpickr-calendar.arrowBottom:after, .flatpickr-calendar.arrowBottom:before {
  top: 100%;
}

.flatpickr-calendar.arrowBottom:before {
  border-top-color: #e6e6e6;
}

.flatpickr-calendar.arrowBottom:after {
  border-top-color: #fff;
}

.flatpickr-calendar:focus {
  outline: 0;
}

.flatpickr-wrapper {
  display: inline-block;
  position: relative;
}

.flatpickr-months {
  display: flex;
}

.flatpickr-months .flatpickr-month {
  text-align: center;
  background: none;
  flex: 1;
  line-height: 1;
  position: relative;
  overflow: hidden;
}

.flatpickr-months .flatpickr-month, .flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  fill: #000000e6;
  color: #000000e6;
  user-select: none;
  height: 34px;
}

.flatpickr-months .flatpickr-next-month, .flatpickr-months .flatpickr-prev-month {
  cursor: pointer;
  z-index: 3;
  padding: 10px;
  text-decoration: none;
  position: absolute;
  top: 0;
}

.flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: none;
}

.flatpickr-months .flatpickr-next-month i, .flatpickr-months .flatpickr-prev-month i {
  position: relative;
}

.flatpickr-months .flatpickr-next-month.flatpickr-prev-month, .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
  left: 0;
}

.flatpickr-months .flatpickr-next-month.flatpickr-next-month, .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
  right: 0;
}

.flatpickr-months .flatpickr-next-month:hover, .flatpickr-months .flatpickr-prev-month:hover {
  color: #959ea9;
}

.flatpickr-months .flatpickr-next-month:hover svg, .flatpickr-months .flatpickr-prev-month:hover svg {
  fill: #f64747;
}

.flatpickr-months .flatpickr-next-month svg, .flatpickr-months .flatpickr-prev-month svg {
  width: 14px;
  height: 14px;
}

.flatpickr-months .flatpickr-next-month svg path, .flatpickr-months .flatpickr-prev-month svg path {
  fill: inherit;
  transition: fill .1s;
}

.numInputWrapper {
  height: auto;
  position: relative;
}

.numInputWrapper input, .numInputWrapper span {
  display: inline-block;
}

.numInputWrapper input {
  width: 100%;
}

.numInputWrapper input::-ms-clear {
  display: none;
}

.numInputWrapper input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.numInputWrapper span {
  box-sizing: border-box;
  cursor: pointer;
  opacity: 0;
  border: 1px solid #39393926;
  width: 14px;
  height: 50%;
  padding: 0 4px 0 2px;
  line-height: 50%;
  position: absolute;
  right: 0;
}

.numInputWrapper span:hover {
  background: #0000001a;
}

.numInputWrapper span:active {
  background: #0003;
}

.numInputWrapper span:after {
  content: "";
  display: block;
  position: absolute;
}

.numInputWrapper span.arrowUp {
  border-bottom: 0;
  top: 0;
}

.numInputWrapper span.arrowUp:after {
  border-bottom: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 26%;
}

.numInputWrapper span.arrowDown {
  top: 50%;
}

.numInputWrapper span.arrowDown:after {
  border-top: 4px solid #39393999;
  border-left: 4px solid #0000;
  border-right: 4px solid #0000;
  top: 40%;
}

.numInputWrapper span svg {
  height: auto;
  width: inherit;
}

.numInputWrapper span svg path {
  fill: #00000080;
}

.numInputWrapper:hover {
  background: #0000000d;
}

.numInputWrapper:hover span {
  opacity: 1;
}

.flatpickr-current-month {
  color: inherit;
  height: 34px;
  font-size: 135%;
  font-weight: 300;
  line-height: inherit;
  text-align: center;
  width: 75%;
  padding: 7.48px 0 0;
  line-height: 1;
  display: inline-block;
  position: absolute;
  left: 12.5%;
  transform: translateZ(0);
}

.flatpickr-current-month span.cur-month {
  color: inherit;
  margin-left: .5ch;
  padding: 0;
  font-family: inherit;
  font-weight: 700;
  display: inline-block;
}

.flatpickr-current-month span.cur-month:hover {
  background: #0000000d;
}

.flatpickr-current-month .numInputWrapper {
  width: 6ch;
  width: 7ch�;
  display: inline-block;
}

.flatpickr-current-month .numInputWrapper span.arrowUp:after {
  border-bottom-color: #000000e6;
}

.flatpickr-current-month .numInputWrapper span.arrowDown:after {
  border-top-color: #000000e6;
}

.flatpickr-current-month input.cur-year {
  appearance: textfield;
  box-sizing: border-box;
  color: inherit;
  cursor: text;
  font-family: inherit;
  font-size: inherit;
  height: auto;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0 0 0 .5ch;
  display: inline-block;
}

.flatpickr-current-month input.cur-year:focus {
  outline: 0;
}

.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
  color: #00000080;
  pointer-events: none;
  background: none;
  font-size: 100%;
}

.flatpickr-current-month .flatpickr-monthDropdown-months {
  appearance: menulist;
  box-sizing: border-box;
  color: inherit;
  cursor: pointer;
  font-family: inherit;
  font-size: inherit;
  height: auto;
  font-weight: 300;
  line-height: inherit;
  vertical-align: initial;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  width: auto;
  margin: -1px 0 0;
  padding: 0 0 0 .5ch;
  position: relative;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:active, .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
  outline: none;
}

.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
  background: #0000000d;
}

.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  background-color: #0000;
  outline: none;
  padding: 0;
}

.flatpickr-weekdays {
  text-align: center;
  background: none;
  align-items: center;
  width: 100%;
  height: 28px;
  overflow: hidden;
}

.flatpickr-weekdays, .flatpickr-weekdays .flatpickr-weekdaycontainer {
  display: flex;
}

.flatpickr-weekdays .flatpickr-weekdaycontainer, span.flatpickr-weekday {
  flex: 1;
}

span.flatpickr-weekday {
  color: #0000008a;
  cursor: default;
  text-align: center;
  background: none;
  margin: 0;
  font-size: 90%;
  font-weight: bolder;
  line-height: 1;
  display: block;
}

.dayContainer, .flatpickr-weeks {
  padding: 1px 0 0;
}

.flatpickr-days {
  align-items: flex-start;
  width: 307.875px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.flatpickr-days:focus {
  outline: 0;
}

.dayContainer {
  box-sizing: border-box;
  opacity: 1;
  text-align: left;
  outline: 0;
  flex-wrap: wrap;
  justify-content: space-around;
  width: 307.875px;
  min-width: 307.875px;
  max-width: 307.875px;
  padding: 0;
  display: flex;
  transform: translateZ(0);
}

.dayContainer + .dayContainer {
  box-shadow: -1px 0 #e6e6e6;
}

.flatpickr-day {
  box-sizing: border-box;
  color: #393939;
  cursor: pointer;
  text-align: center;
  background: none;
  border: 1px solid #0000;
  border-radius: 150px;
  flex-basis: 14.2857%;
  justify-content: center;
  width: 14.2857%;
  max-width: 39px;
  height: 39px;
  margin: 0;
  font-weight: 400;
  line-height: 39px;
  display: inline-block;
  position: relative;
}

.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {
  cursor: pointer;
  background: #e6e6e6;
  border-color: #e6e6e6;
  outline: 0;
}

.flatpickr-day.today {
  border-color: #959ea9;
}

.flatpickr-day.today:focus, .flatpickr-day.today:hover {
  color: #fff;
  background: #959ea9;
  border-color: #959ea9;
}

.flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  background: #569ff7;
  border-color: #569ff7;
}

.flatpickr-day.endRange.startRange, .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange {
  border-radius: 50px 0 0 50px;
}

.flatpickr-day.endRange.endRange, .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange {
  border-radius: 0 50px 50px 0;
}

.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
  box-shadow: -10px 0 #569ff7;
}

.flatpickr-day.endRange.startRange.endRange, .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange {
  border-radius: 50px;
}

.flatpickr-day.inRange {
  border-radius: 0;
  box-shadow: -5px 0 #e6e6e6, 5px 0 #e6e6e6;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.nextMonthDay, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.prevMonthDay {
  color: #3939394d;
  cursor: default;
  background: none;
  border-color: #0000;
}

.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
  color: #3939391a;
  cursor: not-allowed;
}

.flatpickr-day.week.selected {
  border-radius: 0;
  box-shadow: -5px 0 #569ff7, 5px 0 #569ff7;
}

.flatpickr-day.hidden {
  visibility: hidden;
}

.rangeMode .flatpickr-day {
  margin-top: 1px;
}

.flatpickr-weekwrapper {
  float: left;
}

.flatpickr-weekwrapper .flatpickr-weeks {
  padding: 0 12px;
  box-shadow: 1px 0 #e6e6e6;
}

.flatpickr-weekwrapper .flatpickr-weekday {
  float: none;
  width: 100%;
  line-height: 28px;
}

.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
  color: #3939394d;
  cursor: default;
  background: none;
  border: none;
  width: 100%;
  max-width: none;
  display: block;
}

.flatpickr-innerContainer {
  display: flex;
  overflow: hidden;
}

.flatpickr-innerContainer, .flatpickr-rContainer {
  box-sizing: border-box;
}

.flatpickr-rContainer {
  padding: 0;
  display: inline-block;
}

.flatpickr-time {
  box-sizing: border-box;
  text-align: center;
  outline: 0;
  height: 0;
  max-height: 40px;
  line-height: 40px;
  display: flex;
  overflow: hidden;
}

.flatpickr-time:after {
  clear: both;
  content: "";
  display: table;
}

.flatpickr-time .numInputWrapper {
  float: left;
  flex: 1;
  width: 40%;
  height: 40px;
}

.flatpickr-time .numInputWrapper span.arrowUp:after {
  border-bottom-color: #393939;
}

.flatpickr-time .numInputWrapper span.arrowDown:after {
  border-top-color: #393939;
}

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%;
}

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%;
}

.flatpickr-time input {
  appearance: textfield;
  -webkit-box-shadow: none;
  box-shadow: none;
  box-sizing: border-box;
  color: #393939;
  height: inherit;
  font-size: 14px;
  line-height: inherit;
  text-align: center;
  background: none;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
  position: relative;
}

.flatpickr-time input.flatpickr-hour {
  font-weight: 700;
}

.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
  font-weight: 400;
}

.flatpickr-time input:focus {
  border: 0;
  outline: 0;
}

.flatpickr-time .flatpickr-am-pm, .flatpickr-time .flatpickr-time-separator {
  color: #393939;
  float: left;
  height: inherit;
  font-weight: 700;
  line-height: inherit;
  user-select: none;
  align-self: center;
  width: 2%;
}

.flatpickr-time .flatpickr-am-pm {
  cursor: pointer;
  text-align: center;
  outline: 0;
  width: 18%;
  font-weight: 400;
}

.flatpickr-time .flatpickr-am-pm:focus, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time input:hover {
  background: #eee;
}

.flatpickr-input[readonly] {
  cursor: pointer;
}

@keyframes fpFadeInDown {
  0% {
    opacity: 0;
    transform: translate3d(0, -20px, 0);
  }

  to {
    opacity: 1;
    transform: translateZ(0);
  }
}

:root {
  --blue-90: #11181d;
  --blue-80: #1f303e;
  --blue-70: #274863;
  --blue-60: #2c608a;
  --blue-50: #2378c3;
  --blue-40: #4f97d1;
  --blue-30: #73b3e7;
  --blue-20: #aacdec;
  --blue-10: #dbe8fb;
  --blue-5: #eff6fb;
  --blue-cool-90: #0f191c;
  --blue-cool-80: #14333d;
  --blue-cool-70: #224a58;
  --blue-cool-60: #2e6276;
  --blue-cool-50: #3a7d95;
  --blue-cool-40: #6499af;
  --blue-cool-30: #82b4c9;
  --blue-cool-20: #adcfdc;
  --blue-cool-10: #dae9ee;
  --blue-cool-5: #e7f2f5;
  --blue-warm-90: #13171f;
  --blue-warm-80: #252f3e;
  --blue-warm-70: #2f4668;
  --blue-warm-60: #345d96;
  --blue-warm-50: #4a77b4;
  --blue-warm-40: #7292c7;
  --blue-warm-30: #98afd2;
  --blue-warm-20: #c5d4eb;
  --blue-warm-10: #e1e7f1;
  --blue-warm-5: #ecf1f7;
  --blue-vivid-80: #112f4e;
  --blue-vivid-70: #0b4778;
  --blue-vivid-60: #005ea2;
  --blue-vivid-50: #0076d6;
  --blue-vivid-40: #2491ff;
  --blue-vivid-30: #58b4ff;
  --blue-vivid-20: #a1d3ff;
  --blue-vivid-10: #cfe8ff;
  --blue-vivid-5: #e8f5ff;
  --blue-cool-vivid-80: #002d3f;
  --blue-cool-vivid-70: #074b69;
  --blue-cool-vivid-60: #07648d;
  --blue-cool-vivid-50: #0d7ea2;
  --blue-cool-vivid-40: #28a0cb;
  --blue-cool-vivid-30: #59b9de;
  --blue-cool-vivid-20: #97d4ea;
  --blue-cool-vivid-10: #c3ebfa;
  --blue-cool-vivid-5: #e1f3f8;
  --blue-warm-vivid-90: #071d41;
  --blue-warm-vivid-80: #0c326f;
  --blue-warm-vivid-70: #1351b4;
  --blue-warm-vivid-60: #155bcb;
  --blue-warm-vivid-50: #2670e8;
  --blue-warm-vivid-40: #5992ed;
  --blue-warm-vivid-30: #81aefc;
  --blue-warm-vivid-20: #adcdff;
  --blue-warm-vivid-10: #d4e5ff;
  --blue-warm-vivid-5: #edf5ff;
  --blue-90-rgb: 17, 24, 29;
  --blue-80-rgb: 31, 48, 62;
  --blue-70-rgb: 39, 72, 99;
  --blue-60-rgb: 44, 96, 138;
  --blue-50-rgb: 35, 120, 195;
  --blue-40-rgb: 79, 151, 209;
  --blue-30-rgb: 115, 179, 231;
  --blue-20-rgb: 170, 205, 236;
  --blue-10-rgb: 219, 232, 251;
  --blue-5-rgb: 239, 246, 251;
  --blue-cool-90-rgb: 15, 25, 28;
  --blue-cool-80-rgb: 20, 51, 61;
  --blue-cool-70-rgb: 34, 74, 88;
  --blue-cool-60-rgb: 46, 98, 118;
  --blue-cool-50-rgb: 58, 125, 149;
  --blue-cool-40-rgb: 100, 153, 175;
  --blue-cool-30-rgb: 130, 180, 201;
  --blue-cool-20-rgb: 173, 207, 220;
  --blue-cool-10-rgb: 218, 233, 238;
  --blue-cool-5-rgb: 231, 242, 245;
  --blue-warm-90-rgb: 19, 23, 31;
  --blue-warm-80-rgb: 37, 47, 62;
  --blue-warm-70-rgb: 47, 70, 104;
  --blue-warm-60-rgb: 52, 93, 150;
  --blue-warm-50-rgb: 74, 119, 180;
  --blue-warm-40-rgb: 114, 146, 199;
  --blue-warm-30-rgb: 152, 175, 210;
  --blue-warm-20-rgb: 197, 212, 235;
  --blue-warm-10-rgb: 225, 231, 241;
  --blue-warm-5-rgb: 236, 241, 247;
  --blue-vivid-80-rgb: 17, 47, 78;
  --blue-vivid-70-rgb: 11, 71, 120;
  --blue-vivid-60-rgb: 0, 94, 162;
  --blue-vivid-50-rgb: 0, 118, 214;
  --blue-vivid-40-rgb: 36, 145, 255;
  --blue-vivid-30-rgb: 88, 180, 255;
  --blue-vivid-20-rgb: 161, 211, 255;
  --blue-vivid-10-rgb: 207, 232, 255;
  --blue-vivid-5-rgb: 232, 245, 255;
  --blue-cool-vivid-80-rgb: 0, 45, 63;
  --blue-cool-vivid-70-rgb: 7, 75, 105;
  --blue-cool-vivid-60-rgb: 7, 100, 141;
  --blue-cool-vivid-50-rgb: 13, 126, 162;
  --blue-cool-vivid-40-rgb: 40, 160, 203;
  --blue-cool-vivid-30-rgb: 89, 185, 222;
  --blue-cool-vivid-20-rgb: 151, 212, 234;
  --blue-cool-vivid-10-rgb: 195, 235, 250;
  --blue-cool-vivid-5-rgb: 225, 243, 248;
  --blue-warm-vivid-90-rgb: 7, 29, 65;
  --blue-warm-vivid-80-rgb: 12, 50, 111;
  --blue-warm-vivid-70-rgb: 19, 81, 180;
  --blue-warm-vivid-60-rgb: 21, 91, 203;
  --blue-warm-vivid-50-rgb: 38, 112, 232;
  --blue-warm-vivid-40-rgb: 89, 146, 237;
  --blue-warm-vivid-30-rgb: 129, 174, 252;
  --blue-warm-vivid-20-rgb: 173, 205, 255;
  --blue-warm-vivid-10-rgb: 212, 229, 255;
  --blue-warm-vivid-5-rgb: 237, 245, 255;
  --cyan-90: #111819;
  --cyan-80: #203133;
  --cyan-70: #2c4a4e;
  --cyan-60: #2a646d;
  --cyan-50: #168092;
  --cyan-40: #449dac;
  --cyan-30: #5dc0d1;
  --cyan-20: #99deea;
  --cyan-10: #ccecf2;
  --cyan-5: #e7f6f8;
  --cyan-vivid-80: #093b44;
  --cyan-vivid-70: #0e4f5c;
  --cyan-vivid-60: #00687d;
  --cyan-vivid-50: #0081a1;
  --cyan-vivid-40: #009ec1;
  --cyan-vivid-30: #00bde3;
  --cyan-vivid-20: #52daf2;
  --cyan-vivid-10: #a8f2ff;
  --cyan-vivid-5: #e5faff;
  --cyan-90-rgb: 17, 24, 25;
  --cyan-80-rgb: 32, 49, 51;
  --cyan-70-rgb: 44, 74, 78;
  --cyan-60-rgb: 42, 100, 109;
  --cyan-50-rgb: 22, 128, 146;
  --cyan-40-rgb: 68, 157, 172;
  --cyan-30-rgb: 93, 192, 209;
  --cyan-20-rgb: 153, 222, 234;
  --cyan-10-rgb: 204, 236, 242;
  --cyan-5-rgb: 231, 246, 248;
  --cyan-vivid-80-rgb: 9, 59, 68;
  --cyan-vivid-70-rgb: 14, 79, 92;
  --cyan-vivid-60-rgb: 0, 104, 125;
  --cyan-vivid-50-rgb: 0, 129, 161;
  --cyan-vivid-40-rgb: 0, 158, 193;
  --cyan-vivid-30-rgb: 0, 189, 227;
  --cyan-vivid-20-rgb: 82, 218, 242;
  --cyan-vivid-10-rgb: 168, 242, 255;
  --cyan-vivid-5-rgb: 229, 250, 255;
  --gold-90: #191714;
  --gold-80: #322d26;
  --gold-70: #4d4438;
  --gold-60: #6b5947;
  --gold-50: #8e704f;
  --gold-40: #ad8b65;
  --gold-30: #c7a97b;
  --gold-20: #dec69a;
  --gold-10: #f1e5cd;
  --gold-5: #f5f0e6;
  --gold-vivid-80: #3b2b15;
  --gold-vivid-70: #5c410a;
  --gold-vivid-60: #7a591a;
  --gold-vivid-50: #936f38;
  --gold-vivid-40: #c2850c;
  --gold-vivid-30: #e5a000;
  --gold-vivid-20: #ffbe2e;
  --gold-vivid-10: #ffe396;
  --gold-vivid-5: #fef0c8;
  --gold-90-rgb: 25, 23, 20;
  --gold-80-rgb: 50, 45, 38;
  --gold-70-rgb: 77, 68, 56;
  --gold-60-rgb: 107, 89, 71;
  --gold-50-rgb: 142, 112, 79;
  --gold-40-rgb: 173, 139, 101;
  --gold-30-rgb: 199, 169, 123;
  --gold-20-rgb: 222, 198, 154;
  --gold-10-rgb: 241, 229, 205;
  --gold-5-rgb: 245, 240, 230;
  --gold-vivid-80-rgb: 59, 43, 21;
  --gold-vivid-70-rgb: 92, 65, 10;
  --gold-vivid-60-rgb: 122, 89, 26;
  --gold-vivid-50-rgb: 147, 111, 56;
  --gold-vivid-40-rgb: 194, 133, 12;
  --gold-vivid-30-rgb: 229, 160, 0;
  --gold-vivid-20-rgb: 255, 190, 46;
  --gold-vivid-10-rgb: 255, 227, 150;
  --gold-vivid-5-rgb: 254, 240, 200;
  --gray-90: #1b1b1b;
  --gray-80: #333;
  --gray-70: #555;
  --gray-60: #636363;
  --gray-50: #757575;
  --gray-40: #888;
  --gray-30: #adadad;
  --gray-20: #ccc;
  --gray-10: #e6e6e6;
  --gray-5: #f0f0f0;
  --gray-4: #f3f3f3;
  --gray-3: #f6f6f6;
  --gray-2: #f8f8f8;
  --gray-1: #fcfcfc;
  --gray-cool-90: #1c1d1f;
  --gray-cool-80: #2d2e2f;
  --gray-cool-70: #3d4551;
  --gray-cool-60: #565c65;
  --gray-cool-50: #71767a;
  --gray-cool-40: #8d9297;
  --gray-cool-30: #a9aeb1;
  --gray-cool-20: #c6cace;
  --gray-cool-10: #dfe1e2;
  --gray-cool-5: #edeff0;
  --gray-cool-4: #f1f3f6;
  --gray-cool-3: #f5f6f7;
  --gray-cool-2: #f7f9fa;
  --gray-cool-1: #fbfcfd;
  --gray-warm-90: #171716;
  --gray-warm-80: #2e2e2a;
  --gray-warm-70: #454540;
  --gray-warm-60: #5d5d52;
  --gray-warm-50: #76766a;
  --gray-warm-40: #929285;
  --gray-warm-30: #afaea2;
  --gray-warm-20: #cac9c0;
  --gray-warm-10: #e6e6e2;
  --gray-warm-5: #f0f0ec;
  --gray-warm-4: #f5f5f0;
  --gray-warm-3: #f6f6f2;
  --gray-warm-2: #f9f9f7;
  --gray-warm-1: #fcfcfb;
  --gray-90-rgb: 27, 27, 27;
  --gray-80-rgb: 51, 51, 51;
  --gray-70-rgb: 85, 85, 85;
  --gray-60-rgb: 99, 99, 99;
  --gray-50-rgb: 117, 117, 117;
  --gray-40-rgb: 136, 136, 136;
  --gray-30-rgb: 173, 173, 173;
  --gray-20-rgb: 204, 204, 204;
  --gray-10-rgb: 230, 230, 230;
  --gray-5-rgb: 240, 240, 240;
  --gray-4-rgb: 243, 243, 243;
  --gray-3-rgb: 246, 246, 246;
  --gray-2-rgb: 248, 248, 248;
  --gray-1-rgb: 252, 252, 252;
  --gray-cool-90-rgb: 28, 29, 31;
  --gray-cool-80-rgb: 45, 46, 47;
  --gray-cool-70-rgb: 61, 69, 81;
  --gray-cool-60-rgb: 86, 92, 101;
  --gray-cool-50-rgb: 113, 118, 122;
  --gray-cool-40-rgb: 141, 146, 151;
  --gray-cool-30-rgb: 169, 174, 177;
  --gray-cool-20-rgb: 198, 202, 206;
  --gray-cool-10-rgb: 223, 225, 226;
  --gray-cool-5-rgb: 237, 239, 240;
  --gray-cool-4-rgb: 241, 243, 246;
  --gray-cool-3-rgb: 245, 246, 247;
  --gray-cool-2-rgb: 247, 249, 250;
  --gray-cool-1-rgb: 251, 252, 253;
  --gray-warm-90-rgb: 23, 23, 22;
  --gray-warm-80-rgb: 46, 46, 42;
  --gray-warm-70-rgb: 69, 69, 64;
  --gray-warm-60-rgb: 93, 93, 82;
  --gray-warm-50-rgb: 118, 118, 106;
  --gray-warm-40-rgb: 146, 146, 133;
  --gray-warm-30-rgb: 175, 174, 162;
  --gray-warm-20-rgb: 202, 201, 192;
  --gray-warm-10-rgb: 230, 230, 226;
  --gray-warm-5-rgb: 240, 240, 236;
  --gray-warm-4-rgb: 245, 245, 240;
  --gray-warm-3-rgb: 246, 246, 242;
  --gray-warm-2-rgb: 249, 249, 247;
  --gray-warm-1-rgb: 252, 252, 251;
  --green-90: #161814;
  --green-80: #293021;
  --green-70: #3c4a29;
  --green-60: #4c6424;
  --green-50: #607f35;
  --green-40: #7d9b4e;
  --green-30: #9bb672;
  --green-20: #b8d293;
  --green-10: #dfeacd;
  --green-5: #eaf4dd;
  --green-cool-90: #1a1f1a;
  --green-cool-80: #28312a;
  --green-cool-70: #37493b;
  --green-cool-60: #446443;
  --green-cool-50: #4d8055;
  --green-cool-40: #5e9f69;
  --green-cool-30: #86b98e;
  --green-cool-20: #b4d0b9;
  --green-cool-10: #dbebde;
  --green-cool-5: #ecf3ec;
  --green-warm-90: #171712;
  --green-warm-80: #2d2f21;
  --green-warm-70: #45472f;
  --green-warm-60: #5a5f38;
  --green-warm-50: #6f7a41;
  --green-warm-40: #8a984b;
  --green-warm-30: #a6b557;
  --green-warm-20: #cbd17a;
  --green-warm-10: #e7eab7;
  --green-warm-5: #f1f4d7;
  --green-vivid-80: #243413;
  --green-vivid-70: #2f4a0b;
  --green-vivid-60: #466c04;
  --green-vivid-50: #538200;
  --green-vivid-40: #719f2a;
  --green-vivid-30: #7fb135;
  --green-vivid-20: #98d035;
  --green-vivid-10: #c5ee93;
  --green-vivid-5: #ddf9c7;
  --green-cool-vivid-80: #19311e;
  --green-cool-vivid-70: #154c21;
  --green-cool-vivid-60: #216e1f;
  --green-cool-vivid-50: #168821;
  --green-cool-vivid-40: #00a91c;
  --green-cool-vivid-30: #21c834;
  --green-cool-vivid-20: #70e17b;
  --green-cool-vivid-10: #b7f5bd;
  --green-cool-vivid-5: #e3f5e1;
  --green-warm-vivid-80: #38380b;
  --green-warm-vivid-70: #4b4e10;
  --green-warm-vivid-60: #5a6613;
  --green-warm-vivid-50: #6a7d00;
  --green-warm-vivid-40: #7e9c1d;
  --green-warm-vivid-30: #a3b72c;
  --green-warm-vivid-20: #c5d30a;
  --green-warm-vivid-10: #e7f434;
  --green-warm-vivid-5: #f5fbc1;
  --green-90-rgb: 22, 24, 20;
  --green-80-rgb: 41, 48, 33;
  --green-70-rgb: 60, 74, 41;
  --green-60-rgb: 76, 100, 36;
  --green-50-rgb: 96, 127, 53;
  --green-40-rgb: 125, 155, 78;
  --green-30-rgb: 155, 182, 114;
  --green-20-rgb: 184, 210, 147;
  --green-10-rgb: 223, 234, 205;
  --green-5-rgb: 234, 244, 221;
  --green-cool-90-rgb: 26, 31, 26;
  --green-cool-80-rgb: 40, 49, 42;
  --green-cool-70-rgb: 55, 73, 59;
  --green-cool-60-rgb: 68, 100, 67;
  --green-cool-50-rgb: 77, 128, 85;
  --green-cool-40-rgb: 94, 159, 105;
  --green-cool-30-rgb: 134, 185, 142;
  --green-cool-20-rgb: 180, 208, 185;
  --green-cool-10-rgb: 219, 235, 222;
  --green-cool-5-rgb: 236, 243, 236;
  --green-warm-90-rgb: 23, 23, 18;
  --green-warm-80-rgb: 45, 47, 33;
  --green-warm-70-rgb: 69, 71, 47;
  --green-warm-60-rgb: 90, 95, 56;
  --green-warm-50-rgb: 111, 122, 65;
  --green-warm-40-rgb: 138, 152, 75;
  --green-warm-30-rgb: 166, 181, 87;
  --green-warm-20-rgb: 203, 209, 122;
  --green-warm-10-rgb: 231, 234, 183;
  --green-warm-5-rgb: 241, 244, 215;
  --green-vivid-80-rgb: 36, 52, 19;
  --green-vivid-70-rgb: 47, 74, 11;
  --green-vivid-60-rgb: 70, 108, 4;
  --green-vivid-50-rgb: 83, 130, 0;
  --green-vivid-40-rgb: 113, 159, 42;
  --green-vivid-30-rgb: 127, 177, 53;
  --green-vivid-20-rgb: 152, 208, 53;
  --green-vivid-10-rgb: 197, 238, 147;
  --green-vivid-5-rgb: 221, 249, 199;
  --green-cool-vivid-80-rgb: 25, 49, 30;
  --green-cool-vivid-70-rgb: 21, 76, 33;
  --green-cool-vivid-60-rgb: 33, 110, 31;
  --green-cool-vivid-50-rgb: 22, 136, 33;
  --green-cool-vivid-40-rgb: 0, 169, 28;
  --green-cool-vivid-30-rgb: 33, 200, 52;
  --green-cool-vivid-20-rgb: 112, 225, 123;
  --green-cool-vivid-10-rgb: 183, 245, 189;
  --green-cool-vivid-5-rgb: 227, 245, 225;
  --green-warm-vivid-80-rgb: 56, 56, 11;
  --green-warm-vivid-70-rgb: 75, 78, 16;
  --green-warm-vivid-60-rgb: 90, 102, 19;
  --green-warm-vivid-50-rgb: 106, 125, 0;
  --green-warm-vivid-40-rgb: 126, 156, 29;
  --green-warm-vivid-30-rgb: 163, 183, 44;
  --green-warm-vivid-20-rgb: 197, 211, 10;
  --green-warm-vivid-10-rgb: 231, 244, 52;
  --green-warm-vivid-5-rgb: 245, 251, 193;
  --indigo-90: #16171f;
  --indigo-80: #2b2c40;
  --indigo-70: #3d4076;
  --indigo-60: #4d52af;
  --indigo-50: #676cc8;
  --indigo-40: #8889db;
  --indigo-30: #a5a8eb;
  --indigo-20: #c5c5f3;
  --indigo-10: #e5e4fa;
  --indigo-5: #efeff8;
  --indigo-cool-90: #151622;
  --indigo-cool-80: #292d42;
  --indigo-cool-70: #374274;
  --indigo-cool-60: #3f57a6;
  --indigo-cool-50: #496fd8;
  --indigo-cool-40: #6b8ee8;
  --indigo-cool-30: #96abee;
  --indigo-cool-20: #bbc8f5;
  --indigo-cool-10: #e1e6f9;
  --indigo-cool-5: #eef0f9;
  --indigo-warm-90: #18161d;
  --indigo-warm-80: #2e2c40;
  --indigo-warm-70: #453c7b;
  --indigo-warm-60: #5e519e;
  --indigo-warm-50: #7665d1;
  --indigo-warm-40: #9287d8;
  --indigo-warm-30: #afa5e8;
  --indigo-warm-20: #cbc4f2;
  --indigo-warm-10: #e7e3fa;
  --indigo-warm-5: #f1eff7;
  --indigo-vivid-80: #212463;
  --indigo-vivid-70: #3333a3;
  --indigo-vivid-60: #4a50c4;
  --indigo-vivid-50: #656bd7;
  --indigo-vivid-40: #8289ff;
  --indigo-vivid-30: #a3a7fa;
  --indigo-vivid-20: #ccceff;
  --indigo-vivid-10: #e0e0ff;
  --indigo-vivid-5: #f0f0ff;
  --indigo-cool-vivid-80: #1b2b85;
  --indigo-cool-vivid-70: #222fbf;
  --indigo-cool-vivid-60: #3e4ded;
  --indigo-cool-vivid-50: #4866ff;
  --indigo-cool-vivid-40: #628ef4;
  --indigo-cool-vivid-30: #94adff;
  --indigo-cool-vivid-20: #b8c8ff;
  --indigo-cool-vivid-10: #dee5ff;
  --indigo-cool-vivid-5: #edf0ff;
  --indigo-warm-vivid-80: #261f5b;
  --indigo-warm-vivid-70: #3d2c9d;
  --indigo-warm-vivid-60: #5942d2;
  --indigo-warm-vivid-50: #745fe9;
  --indigo-warm-vivid-40: #967efb;
  --indigo-warm-vivid-30: #b69fff;
  --indigo-warm-vivid-20: #cfc4fd;
  --indigo-warm-vivid-10: #e4deff;
  --indigo-warm-vivid-5: #f5f2ff;
  --indigo-90-rgb: 22, 23, 31;
  --indigo-80-rgb: 43, 44, 64;
  --indigo-70-rgb: 61, 64, 118;
  --indigo-60-rgb: 77, 82, 175;
  --indigo-50-rgb: 103, 108, 200;
  --indigo-40-rgb: 136, 137, 219;
  --indigo-30-rgb: 165, 168, 235;
  --indigo-20-rgb: 197, 197, 243;
  --indigo-10-rgb: 229, 228, 250;
  --indigo-5-rgb: 239, 239, 248;
  --indigo-cool-90-rgb: 21, 22, 34;
  --indigo-cool-80-rgb: 41, 45, 66;
  --indigo-cool-70-rgb: 55, 66, 116;
  --indigo-cool-60-rgb: 63, 87, 166;
  --indigo-cool-50-rgb: 73, 111, 216;
  --indigo-cool-40-rgb: 107, 142, 232;
  --indigo-cool-30-rgb: 150, 171, 238;
  --indigo-cool-20-rgb: 187, 200, 245;
  --indigo-cool-10-rgb: 225, 230, 249;
  --indigo-cool-5-rgb: 238, 240, 249;
  --indigo-warm-90-rgb: 24, 22, 29;
  --indigo-warm-80-rgb: 46, 44, 64;
  --indigo-warm-70-rgb: 69, 60, 123;
  --indigo-warm-60-rgb: 94, 81, 158;
  --indigo-warm-50-rgb: 118, 101, 209;
  --indigo-warm-40-rgb: 146, 135, 216;
  --indigo-warm-30-rgb: 175, 165, 232;
  --indigo-warm-20-rgb: 203, 196, 242;
  --indigo-warm-10-rgb: 231, 227, 250;
  --indigo-warm-5-rgb: 241, 239, 247;
  --indigo-vivid-80-rgb: 33, 36, 99;
  --indigo-vivid-70-rgb: 51, 51, 163;
  --indigo-vivid-60-rgb: 74, 80, 196;
  --indigo-vivid-50-rgb: 101, 107, 215;
  --indigo-vivid-40-rgb: 130, 137, 255;
  --indigo-vivid-30-rgb: 163, 167, 250;
  --indigo-vivid-20-rgb: 204, 206, 255;
  --indigo-vivid-10-rgb: 224, 224, 255;
  --indigo-vivid-5-rgb: 240, 240, 255;
  --indigo-cool-vivid-80-rgb: 27, 43, 133;
  --indigo-cool-vivid-70-rgb: 34, 47, 191;
  --indigo-cool-vivid-60-rgb: 62, 77, 237;
  --indigo-cool-vivid-50-rgb: 72, 102, 255;
  --indigo-cool-vivid-40-rgb: 98, 142, 244;
  --indigo-cool-vivid-30-rgb: 148, 173, 255;
  --indigo-cool-vivid-20-rgb: 184, 200, 255;
  --indigo-cool-vivid-10-rgb: 222, 229, 255;
  --indigo-cool-vivid-5-rgb: 237, 240, 255;
  --indigo-warm-vivid-80-rgb: 38, 31, 91;
  --indigo-warm-vivid-70-rgb: 61, 44, 157;
  --indigo-warm-vivid-60-rgb: 89, 66, 210;
  --indigo-warm-vivid-50-rgb: 116, 95, 233;
  --indigo-warm-vivid-40-rgb: 150, 126, 251;
  --indigo-warm-vivid-30-rgb: 182, 159, 255;
  --indigo-warm-vivid-20-rgb: 207, 196, 253;
  --indigo-warm-vivid-10-rgb: 228, 222, 255;
  --indigo-warm-vivid-5-rgb: 245, 242, 255;
  --magenta-90: #1b1617;
  --magenta-80: #402731;
  --magenta-70: #66364b;
  --magenta-60: #8b4566;
  --magenta-50: #c84281;
  --magenta-40: #e0699f;
  --magenta-30: #e895b3;
  --magenta-20: #f0bbcc;
  --magenta-10: #f6e1e8;
  --magenta-5: #f9f0f2;
  --magenta-vivid-80: #4f172e;
  --magenta-vivid-70: #731f44;
  --magenta-vivid-60: #ab2165;
  --magenta-vivid-50: #d72d79;
  --magenta-vivid-40: #fd4496;
  --magenta-vivid-30: #ff87b2;
  --magenta-vivid-20: #ffb4cf;
  --magenta-vivid-10: #ffddea;
  --magenta-vivid-5: #fff2f5;
  --magenta-90-rgb: 27, 22, 23;
  --magenta-80-rgb: 64, 39, 49;
  --magenta-70-rgb: 102, 54, 75;
  --magenta-60-rgb: 139, 69, 102;
  --magenta-50-rgb: 200, 66, 129;
  --magenta-40-rgb: 224, 105, 159;
  --magenta-30-rgb: 232, 149, 179;
  --magenta-20-rgb: 240, 187, 204;
  --magenta-10-rgb: 246, 225, 232;
  --magenta-5-rgb: 249, 240, 242;
  --magenta-vivid-80-rgb: 79, 23, 46;
  --magenta-vivid-70-rgb: 115, 31, 68;
  --magenta-vivid-60-rgb: 171, 33, 101;
  --magenta-vivid-50-rgb: 215, 45, 121;
  --magenta-vivid-40-rgb: 253, 68, 150;
  --magenta-vivid-30-rgb: 255, 135, 178;
  --magenta-vivid-20-rgb: 255, 180, 207;
  --magenta-vivid-10-rgb: 255, 221, 234;
  --magenta-vivid-5-rgb: 255, 242, 245;
  --mint-90: #0d1a12;
  --mint-80: #193324;
  --mint-70: #204e34;
  --mint-60: #286846;
  --mint-50: #2e8367;
  --mint-40: #34a37e;
  --mint-30: #5abf95;
  --mint-20: #92d9bb;
  --mint-10: #c7efe2;
  --mint-5: #dbf6ed;
  --mint-cool-90: #111818;
  --mint-cool-80: #203131;
  --mint-cool-70: #2a4b45;
  --mint-cool-60: #376462;
  --mint-cool-50: #40807e;
  --mint-cool-40: #4f9e99;
  --mint-cool-30: #6fbab3;
  --mint-cool-20: #9bd4cf;
  --mint-cool-10: #c4eeeb;
  --mint-cool-5: #e0f7f6;
  --mint-vivid-80: #0d351e;
  --mint-vivid-70: #0c4e29;
  --mint-vivid-60: #146947;
  --mint-vivid-50: #008659;
  --mint-vivid-40: #00a871;
  --mint-vivid-30: #04c585;
  --mint-vivid-20: #0ceda6;
  --mint-vivid-10: #83fcd4;
  --mint-vivid-5: #c9fbeb;
  --mint-cool-vivid-80: #123131;
  --mint-cool-vivid-70: #0b4b3f;
  --mint-cool-vivid-60: #0f6460;
  --mint-cool-vivid-50: #008480;
  --mint-cool-vivid-40: #36a191;
  --mint-cool-vivid-30: #1dc2ae;
  --mint-cool-vivid-20: #40e0d0;
  --mint-cool-vivid-10: #7efbe1;
  --mint-cool-vivid-5: #d5fbf3;
  --mint-90-rgb: 13, 26, 18;
  --mint-80-rgb: 25, 51, 36;
  --mint-70-rgb: 32, 78, 52;
  --mint-60-rgb: 40, 104, 70;
  --mint-50-rgb: 46, 131, 103;
  --mint-40-rgb: 52, 163, 126;
  --mint-30-rgb: 90, 191, 149;
  --mint-20-rgb: 146, 217, 187;
  --mint-10-rgb: 199, 239, 226;
  --mint-5-rgb: 219, 246, 237;
  --mint-cool-90-rgb: 17, 24, 24;
  --mint-cool-80-rgb: 32, 49, 49;
  --mint-cool-70-rgb: 42, 75, 69;
  --mint-cool-60-rgb: 55, 100, 98;
  --mint-cool-50-rgb: 64, 128, 126;
  --mint-cool-40-rgb: 79, 158, 153;
  --mint-cool-30-rgb: 111, 186, 179;
  --mint-cool-20-rgb: 155, 212, 207;
  --mint-cool-10-rgb: 196, 238, 235;
  --mint-cool-5-rgb: 224, 247, 246;
  --mint-vivid-80-rgb: 13, 53, 30;
  --mint-vivid-70-rgb: 12, 78, 41;
  --mint-vivid-60-rgb: 20, 105, 71;
  --mint-vivid-50-rgb: 0, 134, 89;
  --mint-vivid-40-rgb: 0, 168, 113;
  --mint-vivid-30-rgb: 4, 197, 133;
  --mint-vivid-20-rgb: 12, 237, 166;
  --mint-vivid-10-rgb: 131, 252, 212;
  --mint-vivid-5-rgb: 201, 251, 235;
  --mint-cool-vivid-80-rgb: 18, 49, 49;
  --mint-cool-vivid-70-rgb: 11, 75, 63;
  --mint-cool-vivid-60-rgb: 15, 100, 96;
  --mint-cool-vivid-50-rgb: 0, 132, 128;
  --mint-cool-vivid-40-rgb: 54, 161, 145;
  --mint-cool-vivid-30-rgb: 29, 194, 174;
  --mint-cool-vivid-20-rgb: 64, 224, 208;
  --mint-cool-vivid-10-rgb: 126, 251, 225;
  --mint-cool-vivid-5-rgb: 213, 251, 243;
  --orange-90: #1b1614;
  --orange-80: #332d27;
  --orange-70: #524236;
  --orange-60: #775540;
  --orange-50: #a26739;
  --orange-40: #dd7533;
  --orange-30: #f09860;
  --orange-20: #f3bf90;
  --orange-10: #f2e4d4;
  --orange-5: #f6efe9;
  --orange-warm-90: #1c1615;
  --orange-warm-80: #3d2925;
  --orange-warm-70: #633a32;
  --orange-warm-60: #914734;
  --orange-warm-50: #bd5727;
  --orange-warm-40: #e17141;
  --orange-warm-30: #f3966d;
  --orange-warm-20: #f7bca2;
  --orange-warm-10: #fbe0d0;
  --orange-warm-5: #faeee5;
  --orange-vivid-80: #352313;
  --orange-vivid-70: #5f3617;
  --orange-vivid-60: #8c471c;
  --orange-vivid-50: #c05600;
  --orange-vivid-40: #e66f0e;
  --orange-vivid-30: #ff8c00;
  --orange-vivid-20: #ffbc78;
  --orange-vivid-10: #fce2c5;
  --orange-vivid-5: #fdf5e6;
  --orange-warm-vivid-80: #3d231d;
  --orange-warm-vivid-70: #782312;
  --orange-warm-vivid-60: #a72f10;
  --orange-warm-vivid-50: #cf4900;
  --orange-warm-vivid-40: #ff580a;
  --orange-warm-vivid-30: #fc906d;
  --orange-warm-vivid-20: #fbbaa7;
  --orange-warm-vivid-10: #ffe2d1;
  --orange-warm-vivid-5: #fff3ea;
  --orange-90-rgb: 27, 22, 20;
  --orange-80-rgb: 51, 45, 39;
  --orange-70-rgb: 82, 66, 54;
  --orange-60-rgb: 119, 85, 64;
  --orange-50-rgb: 162, 103, 57;
  --orange-40-rgb: 221, 117, 51;
  --orange-30-rgb: 240, 152, 96;
  --orange-20-rgb: 243, 191, 144;
  --orange-10-rgb: 242, 228, 212;
  --orange-5-rgb: 246, 239, 233;
  --orange-warm-90-rgb: 28, 22, 21;
  --orange-warm-80-rgb: 61, 41, 37;
  --orange-warm-70-rgb: 99, 58, 50;
  --orange-warm-60-rgb: 145, 71, 52;
  --orange-warm-50-rgb: 189, 87, 39;
  --orange-warm-40-rgb: 225, 113, 65;
  --orange-warm-30-rgb: 243, 150, 109;
  --orange-warm-20-rgb: 247, 188, 162;
  --orange-warm-10-rgb: 251, 224, 208;
  --orange-warm-5-rgb: 250, 238, 229;
  --orange-vivid-80-rgb: 53, 35, 19;
  --orange-vivid-70-rgb: 95, 54, 23;
  --orange-vivid-60-rgb: 140, 71, 28;
  --orange-vivid-50-rgb: 192, 86, 0;
  --orange-vivid-40-rgb: 230, 111, 14;
  --orange-vivid-30-rgb: 255, 140, 0;
  --orange-vivid-20-rgb: 255, 188, 120;
  --orange-vivid-10-rgb: 252, 226, 197;
  --orange-vivid-5-rgb: 253, 245, 230;
  --orange-warm-vivid-80-rgb: 61, 35, 29;
  --orange-warm-vivid-70-rgb: 120, 35, 18;
  --orange-warm-vivid-60-rgb: 167, 47, 16;
  --orange-warm-vivid-50-rgb: 207, 73, 0;
  --orange-warm-vivid-40-rgb: 255, 88, 10;
  --orange-warm-vivid-30-rgb: 252, 144, 109;
  --orange-warm-vivid-20-rgb: 251, 186, 167;
  --orange-warm-vivid-10-rgb: 255, 226, 209;
  --orange-warm-vivid-5-rgb: 255, 243, 234;
  --pure-100: #000;
  --pure-0: #fff;
  --pure-100-rgb: 0, 0, 0;
  --pure-0-rgb: 255, 255, 255;
  --red-90: #1b1616;
  --red-80: #3e2927;
  --red-70: #6f3331;
  --red-60: #a23737;
  --red-50: #d83933;
  --red-40: #e9695f;
  --red-30: #f2938c;
  --red-20: #f7bbb1;
  --red-10: #f8e1de;
  --red-5: #f9eeee;
  --red-cool-90: #1e1517;
  --red-cool-80: #40282c;
  --red-cool-70: #68363f;
  --red-cool-60: #9e394b;
  --red-cool-50: #cd425b;
  --red-cool-40: #e16b80;
  --red-cool-30: #e09aa6;
  --red-cool-20: #ecbec6;
  --red-cool-10: #f3e1e4;
  --red-cool-5: #f8eff1;
  --red-warm-90: #1f1c18;
  --red-warm-80: #332d29;
  --red-warm-70: #524236;
  --red-warm-60: #805039;
  --red-warm-50: #c3512c;
  --red-warm-40: #d27a56;
  --red-warm-30: #dca081;
  --red-warm-20: #ecc0a7;
  --red-warm-10: #f4e3db;
  --red-warm-5: #f6efea;
  --red-vivid-80: #5c1111;
  --red-vivid-70: #8b0a03;
  --red-vivid-60: #b50909;
  --red-vivid-50: #e52207;
  --red-vivid-40: #fb5a47;
  --red-vivid-30: #ff8d7b;
  --red-vivid-20: #fdb8ae;
  --red-vivid-10: #fde0db;
  --red-vivid-5: #fff3f2;
  --red-cool-vivid-80: #4f1c24;
  --red-cool-vivid-70: #822133;
  --red-cool-vivid-60: #b21d38;
  --red-cool-vivid-50: #e41d3d;
  --red-cool-vivid-40: #f45d79;
  --red-cool-vivid-30: #fd8ba0;
  --red-cool-vivid-20: #f8b9c5;
  --red-cool-vivid-10: #f8dfe2;
  --red-cool-vivid-5: #fff2f5;
  --red-warm-vivid-80: #3e2a1e;
  --red-warm-vivid-70: #63340f;
  --red-warm-vivid-60: #9c3d10;
  --red-warm-vivid-50: #d54309;
  --red-warm-vivid-40: #ef5e25;
  --red-warm-vivid-30: #f39268;
  --red-warm-vivid-20: #f6bd9c;
  --red-warm-vivid-10: #fce1d4;
  --red-warm-vivid-5: #fff5ee;
  --red-90-rgb: 27, 22, 22;
  --red-80-rgb: 62, 41, 39;
  --red-70-rgb: 111, 51, 49;
  --red-60-rgb: 162, 55, 55;
  --red-50-rgb: 216, 57, 51;
  --red-40-rgb: 233, 105, 95;
  --red-30-rgb: 242, 147, 140;
  --red-20-rgb: 247, 187, 177;
  --red-10-rgb: 248, 225, 222;
  --red-5-rgb: 249, 238, 238;
  --red-cool-90-rgb: 30, 21, 23;
  --red-cool-80-rgb: 64, 40, 44;
  --red-cool-70-rgb: 104, 54, 63;
  --red-cool-60-rgb: 158, 57, 75;
  --red-cool-50-rgb: 205, 66, 91;
  --red-cool-40-rgb: 225, 107, 128;
  --red-cool-30-rgb: 224, 154, 166;
  --red-cool-20-rgb: 236, 190, 198;
  --red-cool-10-rgb: 243, 225, 228;
  --red-cool-5-rgb: 248, 239, 241;
  --red-warm-90-rgb: 31, 28, 24;
  --red-warm-80-rgb: 51, 45, 41;
  --red-warm-70-rgb: 82, 66, 54;
  --red-warm-60-rgb: 128, 80, 57;
  --red-warm-50-rgb: 195, 81, 44;
  --red-warm-40-rgb: 210, 122, 86;
  --red-warm-30-rgb: 220, 160, 129;
  --red-warm-20-rgb: 236, 192, 167;
  --red-warm-10-rgb: 244, 227, 219;
  --red-warm-5-rgb: 246, 239, 234;
  --red-vivid-80-rgb: 92, 17, 17;
  --red-vivid-70-rgb: 139, 10, 3;
  --red-vivid-60-rgb: 181, 9, 9;
  --red-vivid-50-rgb: 229, 34, 7;
  --red-vivid-40-rgb: 251, 90, 71;
  --red-vivid-30-rgb: 255, 141, 123;
  --red-vivid-20-rgb: 253, 184, 174;
  --red-vivid-10-rgb: 253, 224, 219;
  --red-vivid-5-rgb: 255, 243, 242;
  --red-cool-vivid-80-rgb: 79, 28, 36;
  --red-cool-vivid-70-rgb: 130, 33, 51;
  --red-cool-vivid-60-rgb: 178, 29, 56;
  --red-cool-vivid-50-rgb: 228, 29, 61;
  --red-cool-vivid-40-rgb: 244, 93, 121;
  --red-cool-vivid-30-rgb: 253, 139, 160;
  --red-cool-vivid-20-rgb: 248, 185, 197;
  --red-cool-vivid-10-rgb: 248, 223, 226;
  --red-cool-vivid-5-rgb: 255, 242, 245;
  --red-warm-vivid-80-rgb: 62, 42, 30;
  --red-warm-vivid-70-rgb: 99, 52, 15;
  --red-warm-vivid-60-rgb: 156, 61, 16;
  --red-warm-vivid-50-rgb: 213, 67, 9;
  --red-warm-vivid-40-rgb: 239, 94, 37;
  --red-warm-vivid-30-rgb: 243, 146, 104;
  --red-warm-vivid-20-rgb: 246, 189, 156;
  --red-warm-vivid-10-rgb: 252, 225, 212;
  --red-warm-vivid-5-rgb: 255, 245, 238;
  --violet-90: #18161d;
  --violet-80: #312b3f;
  --violet-70: #4c3d69;
  --violet-60: #665190;
  --violet-50: #8168b3;
  --violet-40: #9d84d2;
  --violet-30: #b8a2e3;
  --violet-20: #d0c3e9;
  --violet-10: #ebe3f9;
  --violet-5: #f4f1f9;
  --violet-warm-90: #1b151b;
  --violet-warm-80: #382936;
  --violet-warm-70: #5c395a;
  --violet-warm-60: #864381;
  --violet-warm-50: #b04abd;
  --violet-warm-40: #bf77c8;
  --violet-warm-30: #d29ad8;
  --violet-warm-20: #e2bee4;
  --violet-warm-10: #f6dff8;
  --violet-warm-5: #f8f0f9;
  --violet-vivid-80: #39215e;
  --violet-vivid-70: #54278f;
  --violet-vivid-60: #783cb9;
  --violet-vivid-50: #9355dc;
  --violet-vivid-40: #ad79e9;
  --violet-vivid-30: #c39deb;
  --violet-vivid-20: #d5bfff;
  --violet-vivid-10: #ede3ff;
  --violet-vivid-5: #f7f2ff;
  --violet-warm-vivid-80: #481441;
  --violet-warm-vivid-70: #711e6c;
  --violet-warm-vivid-60: #93348c;
  --violet-warm-vivid-50: #be32d0;
  --violet-warm-vivid-40: #d85bef;
  --violet-warm-vivid-30: #ee83ff;
  --violet-warm-vivid-20: #f4b2ff;
  --violet-warm-vivid-10: #fbdcff;
  --violet-warm-vivid-5: #fef2ff;
  --violet-90-rgb: 24, 22, 29;
  --violet-80-rgb: 49, 43, 63;
  --violet-70-rgb: 76, 61, 105;
  --violet-60-rgb: 102, 81, 144;
  --violet-50-rgb: 129, 104, 179;
  --violet-40-rgb: 157, 132, 210;
  --violet-30-rgb: 184, 162, 227;
  --violet-20-rgb: 208, 195, 233;
  --violet-10-rgb: 235, 227, 249;
  --violet-5-rgb: 244, 241, 249;
  --violet-warm-90-rgb: 27, 21, 27;
  --violet-warm-80-rgb: 56, 41, 54;
  --violet-warm-70-rgb: 92, 57, 90;
  --violet-warm-60-rgb: 134, 67, 129;
  --violet-warm-50-rgb: 176, 74, 189;
  --violet-warm-40-rgb: 191, 119, 200;
  --violet-warm-30-rgb: 210, 154, 216;
  --violet-warm-20-rgb: 226, 190, 228;
  --violet-warm-10-rgb: 246, 223, 248;
  --violet-warm-5-rgb: 248, 240, 249;
  --violet-vivid-80-rgb: 57, 33, 94;
  --violet-vivid-70-rgb: 84, 39, 143;
  --violet-vivid-60-rgb: 120, 60, 185;
  --violet-vivid-50-rgb: 147, 85, 220;
  --violet-vivid-40-rgb: 173, 121, 233;
  --violet-vivid-30-rgb: 195, 157, 235;
  --violet-vivid-20-rgb: 213, 191, 255;
  --violet-vivid-10-rgb: 237, 227, 255;
  --violet-vivid-5-rgb: 247, 242, 255;
  --violet-warm-vivid-80-rgb: 72, 20, 65;
  --violet-warm-vivid-70-rgb: 113, 30, 108;
  --violet-warm-vivid-60-rgb: 147, 52, 140;
  --violet-warm-vivid-50-rgb: 190, 50, 208;
  --violet-warm-vivid-40-rgb: 216, 91, 239;
  --violet-warm-vivid-30-rgb: 238, 131, 255;
  --violet-warm-vivid-20-rgb: 244, 178, 255;
  --violet-warm-vivid-10-rgb: 251, 220, 255;
  --violet-warm-vivid-5-rgb: 254, 242, 255;
  --yellow-90: #1a1614;
  --yellow-80: #332d27;
  --yellow-70: #504332;
  --yellow-60: #6b5a39;
  --yellow-50: #8a7237;
  --yellow-40: #a88f48;
  --yellow-30: #c9ab48;
  --yellow-20: #e6c74c;
  --yellow-10: #f5e6af;
  --yellow-5: #faf3d1;
  --yellow-vivid-80: #422d19;
  --yellow-vivid-70: #5c4809;
  --yellow-vivid-60: #776017;
  --yellow-vivid-50: #947100;
  --yellow-vivid-40: #b38c00;
  --yellow-vivid-30: #ddaa01;
  --yellow-vivid-20: #ffcd07;
  --yellow-vivid-10: #fee685;
  --yellow-vivid-5: #fff5c2;
  --yellow-90-rgb: 26, 22, 20;
  --yellow-80-rgb: 51, 45, 39;
  --yellow-70-rgb: 80, 67, 50;
  --yellow-60-rgb: 107, 90, 57;
  --yellow-50-rgb: 138, 114, 55;
  --yellow-40-rgb: 168, 143, 72;
  --yellow-30-rgb: 201, 171, 72;
  --yellow-20-rgb: 230, 199, 76;
  --yellow-10-rgb: 245, 230, 175;
  --yellow-5-rgb: 250, 243, 209;
  --yellow-vivid-80-rgb: 66, 45, 25;
  --yellow-vivid-70-rgb: 92, 72, 9;
  --yellow-vivid-60-rgb: 119, 96, 23;
  --yellow-vivid-50-rgb: 148, 113, 0;
  --yellow-vivid-40-rgb: 179, 140, 0;
  --yellow-vivid-30-rgb: 221, 170, 1;
  --yellow-vivid-20-rgb: 255, 205, 7;
  --yellow-vivid-10-rgb: 254, 230, 133;
  --yellow-vivid-5-rgb: 255, 245, 194;
  --background: var(--background-light);
  --background-rgb: var(--background-light-rgb);
  --background-light: var(--pure-0);
  --background-light-rgb: var(--pure-0-rgb);
  --background-alternative: var(--gray-5);
  --background-alternative-rgb: var(--gray-5-rgb);
  --background-dark: var(--blue-warm-vivid-90);
  --background-dark-rgb: var(--blue-warm-vivid-90-rgb);
  --border-color: var(--gray-20);
  --border-color-alternative: var(--gray-40);
  --border-style: solid;
  --border-width: var(--surface-width-sm);
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --color-light: var(--gray-80);
  --color-light-rgb: var(--gray-80-rgb);
  --color-dark: var(--pure-0);
  --color-dark-rgb: var(--pure-0-rgb);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --interactive-light: var(--blue-warm-vivid-70);
  --interactive-light-rgb: var(--blue-warm-vivid-70-rgb);
  --interactive-dark: var(--blue-warm-20);
  --interactive-dark-rgb: var(--blue-warm-20-rgb);
  --interactive-alternative: var(--green-cool-vivid-50);
  --interactive-alternative-rgb: var(--green-cool-vivid-50-rgb);
  --info: var(--blue-warm-vivid-60);
  --info-alternative: var(--blue-warm-vivid-10);
  --info-rgb: var(--blue-warm-vivid-60-rgb);
  --info-alternative-rgb: var(--blue-warm-vivid-10-rgb);
  --success: var(--green-cool-vivid-50);
  --success-alternative: var(--green-cool-vivid-5);
  --success-rgb: var(--green-cool-vivid-50-rgb);
  --success-alternative-rgb: var(--green-cool-vivid-5-rgb);
  --warning: var(--yellow-vivid-20);
  --warning-alternative: var(--yellow-vivid-5);
  --warning-rgb: var(--yellow-vivid-20-rgb);
  --warning-alternative-rgb: var(--yellow-vivid-5-rgb);
  --danger: var(--red-vivid-50);
  --danger-alternative: var(--red-vivid-10);
  --danger-rgb: var(--red-vivid-50-rgb);
  --danger-alternative-rgb: var(--red-vivid-20-rgb);
  --font-family-base: Rawline, Raleway, sans-serif;
  --surface-overlay-scrim: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
  --surface-overlay-text: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
  --visited: var(--visited-light);
  --visited-light: var(--blue-warm-vivid-80);
  --visited-dark: var(--gray-20);
  --disabled: var(--surface-opacity-md);
  --hover: var(--hover-light);
  --hover-light: var(--surface-opacity-xs);
  --hover-dark: var(--surface-opacity-sm);
  --hover-effect: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
  --pressed: var(--pressed-light);
  --pressed-light: var(--surface-opacity-md);
  --pressed-dark: var(--surface-opacity-lg);
  --pressed-effect: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  --focus-style: dashed;
  --focus-color: var(--focus-color-light);
  --focus-color-light: var(--gold-vivid-40);
  --focus-color-dark: var(--gold-vivid-20);
  --focus: var(--focus-color);
  --focus-offset: var(--spacing-scale-half);
  --focus-width: var(--surface-width-lg);
  --active: var(--blue-warm-vivid-80);
  --active-rgb: var(--blue-warm-vivid-80-rgb);
  --selected: var(--blue-warm-vivid-50);
  --on: var(--blue-warm-vivid-40);
  --on-rgb: var(--blue-warm-vivid-40-rgb);
  --off: var(--gray-20);
  --off-rgb: var(--gray-20-rgb);
  --ondrag-border-color: var(--interactive);
  --ondrag-border-width: var(--surface-width-md);
  --ondrag-border-style: solid;
  --ondrag-shadow-offset-x: var(--surface-offset-none);
  --ondrag-shadow-offset-y: var(--surface-offset-md);
  --ondrag-shadow-blur: var(--surface-blur-lg);
  --ondrag-shadow-color: var(--interactive-rgb);
  --ondrag-shadow-opacity: var(--surface-opacity-sm);
  --ondrag-opacity: var(--surface-opacity-xl);
  --ondrag-rotate: -5deg;
  --ondrag-cursor: grabbing;
  --draggable-icon: grip-vertical;
  --draggable-cursor: grab;
  --dropzone-border-color: var(--interactive);
  --dropzone-border-width: var(--surface-width-sm);
  --dropzone-border-style: dashed;
  --ondrop-background: var(--interactive-rgb);
  --ondrop-opacity: var(--surface-opacity-sm);
  --ondrop-cursor: copy;
  --z-index-layer-0: 0;
  --z-index-layer-1: 1000;
  --z-index-layer-2: 2000;
  --z-index-layer-3: 3000;
  --z-index-layer-4: 4000;
  --color-primary-pastel-01: #c5d4eb;
  --color-primary-pastel-02: #dbe8fb;
  --color-primary-lighten-01: #2670e8;
  --color-primary-lighten-02: #5992ed;
  --color-primary-default: #1351b4;
  --color-primary-darken-01: #0c326f;
  --color-primary-darken-02: #071d41;
  --color-secondary-01: #fff;
  --color-secondary-02: #f8f8f8;
  --color-secondary-03: #ededed;
  --color-secondary-04: #ccc;
  --color-secondary-05: #9e9d9d;
  --color-secondary-06: #888;
  --color-secondary-07: #555;
  --color-secondary-08: #333;
  --color-secondary-09: #000;
  --color-highlight: #268744;
  --color-support-01: #36a191;
  --color-support-02: #f2e317;
  --color-support-03: #db4800;
  --color-support-04: #a26739;
  --color-support-05: #40e0d0;
  --color-support-06: #48cbeb;
  --color-support-07: #c72487;
  --color-support-08: #63007f;
  --color-support-09: #f08080;
  --color-support-10: #ff8c00;
  --color-support-11: #fdf5e6;
  --icon-size-base: 16px;
  --icon-size-xs: 8px;
  --icon-size-sm: 12px;
  --icon-size-lg: 20px;
  --icon-size-2x: 32px;
  --icon-size-3x: 48px;
  --icon-size-4x: 64px;
  --icon-size-5x: 80px;
  --icon-size-6x: 96px;
  --icon-size-7x: 112px;
  --icon-size-8x: 128px;
  --icon-size-9x: 144px;
  --icon-size-10x: 160px;
  --surface-width-none: 0;
  --surface-width-sm: 1px;
  --surface-width-md: 2px;
  --surface-width-lg: 4px;
  --surface-rounder-none: 0;
  --surface-rounder-sm: 4px;
  --surface-rounder-md: 8px;
  --surface-rounder-lg: 16px;
  --surface-rounder-pill: 999em;
  --surface-opacity-none: 0;
  --surface-opacity-default: 1;
  --surface-opacity-xs: .16;
  --surface-opacity-sm: .3;
  --surface-opacity-md: .45;
  --surface-opacity-lg: .65;
  --surface-opacity-xl: .85;
  --surface-border-solid-none: var(--surface-width-none) solid var(--color-secondary-06);
  --surface-border-solid-sm: var(--surface-width-sm) solid var(--color-secondary-06);
  --surface-border-solid-md: var(--surface-width-md) solid var(--color-secondary-06);
  --surface-border-solid-lg: var(--surface-width-lg) solid var(--color-secondary-06);
  --surface-border-dashed-none: var(--surface-width-none) dashed var(--color-secondary-06);
  --surface-border-dashed-sm: var(--surface-width-sm) dashed var(--color-secondary-06);
  --surface-border-dashed-md: var(--surface-width-md) dashed var(--color-secondary-06);
  --surface-border-dashed-lg: var(--surface-width-lg) dashed var(--color-secondary-06);
  --surface-blur-none: 0;
  --surface-blur-sm: 1px;
  --surface-blur-md: 3px;
  --surface-blur-lg: 6px;
  --surface-blur-xl: 9px;
  --surface-offset-none: 0;
  --surface-offset-sm: 1px;
  --surface-offset-md: 3px;
  --surface-offset-lg: 6px;
  --surface-offset-xl: 9px;
  --surface-offset-sm-n: -1px;
  --surface-offset-md-n: -3px;
  --surface-offset-lg-n: -6px;
  --surface-offset-xl-n: -9px;
  --surface-shadow-color: var(--rgb-secondary-09);
  --surface-shadow-none: none;
  --surface-shadow-sm: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-up: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-up: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-up: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-up: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-up: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-up: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-up: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-up: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-right: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-right: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-right: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-right: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-right: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-right: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-right: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-right: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-left: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-left: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-left: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-left: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-sm-inset-left: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-md-inset-left: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-lg-inset-left: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --surface-shadow-xl-inset-left: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
  --animation-ease: cubic-bezier(.25, .1, .25, 1);
  --animation-ease-in: cubic-bezier(.42, 0, 1, 1);
  --animation-ease-out: cubic-bezier(0, 0, .58, 1);
  --animation-ease-in-out: cubic-bezier(.42, 0, .58, 1);
  --animation-ease-linear: cubic-bezier(0, 0, 1, 1);
  --duration-very-fast: .1s;
  --duration-fast: .3s;
  --duration-moderate: .5s;
  --duration-slow: .8s;
  --duration-very-slow: 1s;
  --font-weight-thin: 100;
  --font-weight-extra-light: 200;
  --font-weight-light: 300;
  --font-weight-regular: 400;
  --font-weight-medium: 500;
  --font-weight-semi-bold: 600;
  --font-weight-bold: 700;
  --font-weight-extra-bold: 800;
  --font-weight-black: 900;
  --font-size-scale-base: 14px;
  --font-size-scale-down-01: 11.662px;
  --font-size-scale-down-02: 9.716px;
  --font-size-scale-down-03: 8.106px;
  --font-size-scale-up-01: 16.8px;
  --font-size-scale-up-02: 20.16px;
  --font-size-scale-up-03: 24.192px;
  --font-size-scale-up-04: 29.036px;
  --font-size-scale-up-05: 34.832px;
  --font-size-scale-up-06: 41.804px;
  --font-size-scale-up-07: 50.162px;
  --font-size-scale-up-08: 60.2px;
  --font-size-scale-up-09: 72.24px;
  --font-size-scale-up-10: 86.688px;
  --font-size-scale-up-11: 104.02px;
  --font-line-height-low: 1.15;
  --font-line-height-medium: 1.45;
  --font-line-height-high: 1.85;
  --grid-breakpoint-xs: 0;
  --grid-breakpoint-xs-max-width: 100%;
  --grid-breakpoint-sm: 576px;
  --grid-breakpoint-sm-max-width: 536px;
  --grid-breakpoint-md: 992px;
  --grid-breakpoint-md-max-width: 952px;
  --grid-breakpoint-lg: 1280px;
  --grid-breakpoint-lg-max-width: 1200px;
  --grid-breakpoint-xl: 1600px;
  --grid-breakpoint-xl-max-width: 1560px;
  --grid-portrait-maxwidth: 100%;
  --grid-portrait-gutter: 16px;
  --grid-portrait-columns: 4;
  --grid-portrait-margin: 8px;
  --grid-tablet-maxwidth: 100%;
  --grid-tablet-gutter: 24px;
  --grid-tablet-columns: 8;
  --grid-tablet-margin: 40px;
  --grid-desktop-maxwidth: 1200px;
  --grid-desktop-gutter: 24px;
  --grid-desktop-columns: 12;
  --grid-desktop-margin: 40px;
  --grid-tv-maxwidth: 1520px;
  --grid-tv-gutter: 40px;
  --grid-tv-columns: 12;
  --grid-tv-margin: 40px;
  --spacing-vertical-top: top;
  --spacing-vertical-center: center;
  --spacing-vertical-bottom: bottom;
  --spacing-horizontal-left: left;
  --spacing-horizontal-center: center;
  --spacing-horizontal-right: right;
  --spacing-scale-default: 0;
  --spacing-scale-half: 4px;
  --spacing-scale-base: 8px;
  --spacing-scale-baseh: 12px;
  --spacing-scale-2x: 16px;
  --spacing-scale-2xh: 20px;
  --spacing-scale-3x: 24px;
  --spacing-scale-3xh: 28px;
  --spacing-scale-4x: 32px;
  --spacing-scale-4xh: 36px;
  --spacing-scale-5x: 40px;
  --spacing-scale-5xh: 44px;
  --spacing-scale-6x: 48px;
  --spacing-scale-6xh: 52px;
  --spacing-scale-7x: 56px;
  --spacing-scale-7xh: 60px;
  --spacing-scale-8x: 64px;
  --spacing-scale-8xh: 68px;
  --spacing-scale-9x: 72px;
  --spacing-scale-9xh: 76px;
  --spacing-scale-10x: 80px;
  --spacing-scale-10xh: 84px;
  --rgb-primary-pastel-01: 197, 212, 235;
  --rgb-primary-pastel-02: 219, 232, 251;
  --rgb-primary-lighten-01: 38, 112, 232;
  --rgb-primary-lighten-02: 89, 146, 237;
  --rgb-primary-default: 19, 81, 180;
  --rgb-primary-darken-01: 12, 50, 111;
  --rgb-primary-darken-02: 7, 29, 65;
  --rgb-secondary-01: 255, 255, 255;
  --rgb-secondary-02: 248, 248, 248;
  --rgb-secondary-03: 237, 237, 237;
  --rgb-secondary-04: 204, 204, 204;
  --rgb-secondary-05: 158, 157, 157;
  --rgb-secondary-06: 136, 136, 136;
  --rgb-secondary-07: 85, 85, 85;
  --rgb-secondary-08: 51, 51, 51;
  --rgb-secondary-09: 0, 0, 0;
  --rgb-highlight: 38, 135, 68;
  --rgb-support-01: 54, 161, 145;
  --rgb-support-02: 242, 227, 23;
  --rgb-support-03: 219, 72, 0;
  --rgb-support-04: 162, 103, 57;
  --rgb-support-05: 64, 224, 208;
  --rgb-support-06: 72, 203, 235;
  --rgb-support-07: 199, 36, 135;
  --rgb-support-08: 99, 0, 127;
  --rgb-support-09: 240, 128, 128;
  --rgb-support-10: 255, 140, 0;
  --rgb-support-11: 253, 245, 230;
}

*, :after, :before {
  box-sizing: border-box;
}

html {
  text-size-adjust: 100%;
  line-height: var(--font-line-height-medium);
}

body {
  margin: 0;
}

main {
  display: block;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace;
  font-size: 1em;
}

a {
  background-color: #0000;
}

abbr[title] {
  border-bottom: 0;
  text-decoration: underline dotted;
}

b, strong {
  font-weight: bolder;
}

code, kbd, samp {
  font-family: monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub, sup {
  vertical-align: baseline;
  font-size: 75%;
  line-height: 0;
  position: relative;
}

sub {
  bottom: -.25em;
}

sup {
  top: -.5em;
}

img {
  border-style: none;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: var(--font-line-height-medium);
  margin: 0;
}

button, input {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[type="button"], [type="reset"], [type="submit"], button {
  appearance: button;
}

[type="button"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="reset"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type="button"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="reset"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

[type="submit"]:-moz-focusring {
  outline: 1px dotted buttontext;
}

button:-moz-focusring {
  outline: 1px dotted buttontext;
}

fieldset {
  padding: .35em .75em .625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  white-space: normal;
  max-width: 100%;
  padding: 0;
  display: table;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type="checkbox"], [type="radio"] {
  box-sizing: border-box;
  padding: 0;
}

[type="number"]::-webkit-inner-spin-button {
  height: auto;
}

[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  appearance: textfield;
  outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
  appearance: none;
}

::-webkit-file-upload-button {
  appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden], template {
  display: none;
}

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

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

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

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

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

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

@media (width >= 576px) {
  .d-sm-none {
    display: none !important;
  }

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

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

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

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

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

@media (width >= 992px) {
  .d-md-none {
    display: none !important;
  }

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

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

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

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

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

@media (width >= 1280px) {
  .d-lg-none {
    display: none !important;
  }

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

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

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

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

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

@media (width >= 1600px) {
  .d-xl-none {
    display: none !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.flex-fill {
  flex: auto !important;
}

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

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

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

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

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

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

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !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;
}

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

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

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

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

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

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

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

@media (width >= 576px) {
  .flex-sm-row {
    flex-direction: row !important;
  }

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

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

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

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

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

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

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

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

  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

  .flex-sm-fill {
    flex: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-content-sm-evenly {
    align-content: space-evenly !important;
  }

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

@media (width >= 992px) {
  .flex-md-row {
    flex-direction: row !important;
  }

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

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

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

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

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

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

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

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

  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

  .flex-md-fill {
    flex: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-content-md-evenly {
    align-content: space-evenly !important;
  }

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

@media (width >= 1280px) {
  .flex-lg-row {
    flex-direction: row !important;
  }

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

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

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

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

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

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

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

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

  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

  .flex-lg-fill {
    flex: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-content-lg-evenly {
    align-content: space-evenly !important;
  }

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

@media (width >= 1600px) {
  .flex-xl-row {
    flex-direction: row !important;
  }

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

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

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

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

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

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

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

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

  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }

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

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

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

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

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

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

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

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

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

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

  .flex-xl-fill {
    flex: auto !important;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .align-content-xl-evenly {
    align-content: space-evenly !important;
  }

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

.col, [class*="col-"] {
  padding-left: calc(var(--grid-gutter) * .5);
  padding-right: calc(var(--grid-gutter) * .5);
  width: 100%;
}

.col {
  flex: 1 0;
  min-width: 8.33333%;
}

.col-auto {
  flex: none;
  width: auto;
}

.col-1 {
  flex-basis: 8.33333%;
  max-width: 8.33333%;
}

.col-2 {
  flex-basis: 16.6667%;
  max-width: 16.6667%;
}

.col-3 {
  flex-basis: 25%;
  max-width: 25%;
}

.col-4 {
  flex-basis: 33.3333%;
  max-width: 33.3333%;
}

.col-5 {
  flex-basis: 41.6667%;
  max-width: 41.6667%;
}

.col-6 {
  flex-basis: 50%;
  max-width: 50%;
}

.col-7 {
  flex-basis: 58.3333%;
  max-width: 58.3333%;
}

.col-8 {
  flex-basis: 66.6667%;
  max-width: 66.6667%;
}

.col-9 {
  flex-basis: 75%;
  max-width: 75%;
}

.col-10 {
  flex-basis: 83.3333%;
  max-width: 83.3333%;
}

.col-11 {
  flex-basis: 91.6667%;
  max-width: 91.6667%;
}

.col-12 {
  flex-basis: 100%;
  max-width: 100%;
}

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
  --grid-margin: var(--grid-portrait-margin);
  --grid-maxwidth: var(--grid-portrait-maxwidth);
  max-width: var(--grid-maxwidth);
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.row {
  --grid-gutter: var(--grid-portrait-gutter);
  margin-left: calc(var(--grid-gutter) * -.5);
  margin-right: calc(var(--grid-gutter) * -.5);
  flex-wrap: wrap;
  display: flex;
}

@media (width >= 576px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    --grid-margin: var(--grid-tablet-margin);
  }

  .row {
    --grid-gutter: var(--grid-tablet-gutter);
  }

  .container, .container-sm {
    --grid-maxwidth: calc(var(--grid-breakpoint-sm)  - var(--grid-tablet-margin));
  }

  .col-sm {
    flex: 1 0;
    min-width: 8.33333%;
  }

  .col-sm-auto {
    flex: none;
    width: auto;
  }

  .col-sm-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-sm-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-sm-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-sm-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-sm-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-sm-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-sm-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-sm-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-sm-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (width >= 992px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    --grid-margin: var(--grid-tablet-margin);
  }

  .row {
    --grid-gutter: var(--grid-tablet-gutter);
  }

  .container, .container-md, .container-sm {
    --grid-maxwidth: calc(var(--grid-breakpoint-md)  - var(--grid-tablet-margin));
  }

  .col-md {
    flex: 1 0;
    min-width: 8.33333%;
  }

  .col-md-auto {
    flex: none;
    width: auto;
  }

  .col-md-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-md-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-md-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-md-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-md-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-md-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-md-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-md-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-md-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (width >= 1280px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    --grid-margin: var(--grid-desktop-margin);
  }

  .row {
    --grid-gutter: var(--grid-desktop-gutter);
  }

  .container, .container-lg, .container-md, .container-sm {
    --grid-maxwidth: calc(var(--grid-breakpoint-lg)  - var(--grid-desktop-margin));
  }

  .col-lg {
    flex: 1 0;
    min-width: 8.33333%;
  }

  .col-lg-auto {
    flex: none;
    width: auto;
  }

  .col-lg-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-lg-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-lg-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-lg-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-lg-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-lg-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-lg-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-lg-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-lg-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}

@media (width >= 1600px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    --grid-margin: var(--grid-tv-margin);
  }

  .row {
    --grid-gutter: var(--grid-tv-gutter);
  }

  .container, .container-lg, .container-md, .container-sm, .container-xl {
    --grid-maxwidth: calc(var(--grid-breakpoint-xl)  - var(--grid-tv-margin));
  }

  .col-xl {
    flex: 1 0;
    min-width: 8.33333%;
  }

  .col-xl-auto {
    flex: none;
    width: auto;
  }

  .col-xl-1 {
    flex-basis: 8.33333%;
    max-width: 8.33333%;
  }

  .col-xl-2 {
    flex-basis: 16.6667%;
    max-width: 16.6667%;
  }

  .col-xl-3 {
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-xl-4 {
    flex-basis: 33.3333%;
    max-width: 33.3333%;
  }

  .col-xl-5 {
    flex-basis: 41.6667%;
    max-width: 41.6667%;
  }

  .col-xl-6 {
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-xl-7 {
    flex-basis: 58.3333%;
    max-width: 58.3333%;
  }

  .col-xl-8 {
    flex-basis: 66.6667%;
    max-width: 66.6667%;
  }

  .col-xl-9 {
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-xl-10 {
    flex-basis: 83.3333%;
    max-width: 83.3333%;
  }

  .col-xl-11 {
    flex-basis: 91.6667%;
    max-width: 91.6667%;
  }

  .col-xl-12 {
    flex-basis: 100%;
    max-width: 100%;
  }
}

.m-0 {
  margin: var(--spacing-scale-default) !important;
}

.mx-0 {
  margin-left: var(--spacing-scale-default) !important;
  margin-right: var(--spacing-scale-default) !important;
}

.my-0 {
  margin-bottom: var(--spacing-scale-default) !important;
}

.mt-0, .my-0 {
  margin-top: var(--spacing-scale-default) !important;
}

.mr-0 {
  margin-right: var(--spacing-scale-default) !important;
}

.mb-0 {
  margin-bottom: var(--spacing-scale-default) !important;
}

.ml-0 {
  margin-left: var(--spacing-scale-default) !important;
}

.m-half {
  margin: var(--spacing-scale-half) !important;
}

.mx-half {
  margin-left: var(--spacing-scale-half) !important;
  margin-right: var(--spacing-scale-half) !important;
}

.my-half {
  margin-bottom: var(--spacing-scale-half) !important;
}

.mt-half, .my-half {
  margin-top: var(--spacing-scale-half) !important;
}

.mt-nhalf {
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.mr-half {
  margin-right: var(--spacing-scale-half) !important;
}

.mr-nhalf {
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.mb-half {
  margin-bottom: var(--spacing-scale-half) !important;
}

.mb-nhalf {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.ml-half {
  margin-left: var(--spacing-scale-half) !important;
}

.ml-nhalf {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
}

.m-nhalf {
  margin: calc(var(--spacing-scale-half) * -1) !important;
}

.mx-nhalf {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.my-nhalf {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.m-base {
  margin: var(--spacing-scale-base) !important;
}

.mx-base {
  margin-left: var(--spacing-scale-base) !important;
  margin-right: var(--spacing-scale-base) !important;
}

.my-base {
  margin-bottom: var(--spacing-scale-base) !important;
}

.mt-base, .my-base {
  margin-top: var(--spacing-scale-base) !important;
}

.mt-nbase {
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.mr-base {
  margin-right: var(--spacing-scale-base) !important;
}

.mr-nbase {
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.mb-base {
  margin-bottom: var(--spacing-scale-base) !important;
}

.mb-nbase {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.ml-base {
  margin-left: var(--spacing-scale-base) !important;
}

.ml-nbase {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
}

.m-nbase {
  margin: calc(var(--spacing-scale-base) * -1) !important;
}

.mx-nbase {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.my-nbase {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.m-baseh {
  margin: var(--spacing-scale-baseh) !important;
}

.mx-baseh {
  margin-left: var(--spacing-scale-baseh) !important;
  margin-right: var(--spacing-scale-baseh) !important;
}

.my-baseh {
  margin-bottom: var(--spacing-scale-baseh) !important;
}

.mt-baseh, .my-baseh {
  margin-top: var(--spacing-scale-baseh) !important;
}

.mt-nbaseh {
  margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mr-baseh {
  margin-right: var(--spacing-scale-baseh) !important;
}

.mr-nbaseh {
  margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mb-baseh {
  margin-bottom: var(--spacing-scale-baseh) !important;
}

.mb-nbaseh {
  margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}

.ml-baseh {
  margin-left: var(--spacing-scale-baseh) !important;
}

.ml-nbaseh {
  margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
}

.m-nbaseh {
  margin: calc(var(--spacing-scale-baseh) * -1) !important;
}

.mx-nbaseh {
  margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.my-nbaseh {
  margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.m-1 {
  margin: var(--spacing-scale-half) !important;
}

.mx-1 {
  margin-left: var(--spacing-scale-half) !important;
  margin-right: var(--spacing-scale-half) !important;
}

.my-1 {
  margin-bottom: var(--spacing-scale-half) !important;
}

.mt-1, .my-1 {
  margin-top: var(--spacing-scale-half) !important;
}

.mt-n1 {
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.mr-1 {
  margin-right: var(--spacing-scale-half) !important;
}

.mr-n1 {
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.mb-1 {
  margin-bottom: var(--spacing-scale-half) !important;
}

.mb-n1 {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.ml-1 {
  margin-left: var(--spacing-scale-half) !important;
}

.ml-n1 {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
}

.m-n1 {
  margin: calc(var(--spacing-scale-half) * -1) !important;
}

.mx-n1 {
  margin-left: calc(var(--spacing-scale-half) * -1) !important;
  margin-right: calc(var(--spacing-scale-half) * -1) !important;
}

.my-n1 {
  margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  margin-top: calc(var(--spacing-scale-half) * -1) !important;
}

.m-2 {
  margin: var(--spacing-scale-base) !important;
}

.mx-2 {
  margin-left: var(--spacing-scale-base) !important;
  margin-right: var(--spacing-scale-base) !important;
}

.my-2 {
  margin-bottom: var(--spacing-scale-base) !important;
}

.mt-2, .my-2 {
  margin-top: var(--spacing-scale-base) !important;
}

.mt-n2 {
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.mr-2 {
  margin-right: var(--spacing-scale-base) !important;
}

.mr-n2 {
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.mb-2 {
  margin-bottom: var(--spacing-scale-base) !important;
}

.mb-n2 {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.ml-2 {
  margin-left: var(--spacing-scale-base) !important;
}

.ml-n2 {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
}

.m-n2 {
  margin: calc(var(--spacing-scale-base) * -1) !important;
}

.mx-n2 {
  margin-left: calc(var(--spacing-scale-base) * -1) !important;
  margin-right: calc(var(--spacing-scale-base) * -1) !important;
}

.my-n2 {
  margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  margin-top: calc(var(--spacing-scale-base) * -1) !important;
}

.m-3 {
  margin: var(--spacing-scale-2x) !important;
}

.mx-3 {
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: var(--spacing-scale-2x) !important;
}

.my-3 {
  margin-bottom: var(--spacing-scale-2x) !important;
}

.mt-3, .my-3 {
  margin-top: var(--spacing-scale-2x) !important;
}

.mt-n3 {
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.mr-3 {
  margin-right: var(--spacing-scale-2x) !important;
}

.mr-n3 {
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.mb-3 {
  margin-bottom: var(--spacing-scale-2x) !important;
}

.mb-n3 {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.ml-3 {
  margin-left: var(--spacing-scale-2x) !important;
}

.ml-n3 {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-n3 {
  margin: calc(var(--spacing-scale-2x) * -1) !important;
}

.mx-n3 {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.my-n3 {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-4 {
  margin: var(--spacing-scale-3x) !important;
}

.mx-4 {
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: var(--spacing-scale-3x) !important;
}

.my-4 {
  margin-bottom: var(--spacing-scale-3x) !important;
}

.mt-4, .my-4 {
  margin-top: var(--spacing-scale-3x) !important;
}

.mt-n4 {
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.mr-4 {
  margin-right: var(--spacing-scale-3x) !important;
}

.mr-n4 {
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.mb-4 {
  margin-bottom: var(--spacing-scale-3x) !important;
}

.mb-n4 {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.ml-4 {
  margin-left: var(--spacing-scale-3x) !important;
}

.ml-n4 {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-n4 {
  margin: calc(var(--spacing-scale-3x) * -1) !important;
}

.mx-n4 {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.my-n4 {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-5 {
  margin: var(--spacing-scale-4x) !important;
}

.mx-5 {
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: var(--spacing-scale-4x) !important;
}

.my-5 {
  margin-bottom: var(--spacing-scale-4x) !important;
}

.mt-5, .my-5 {
  margin-top: var(--spacing-scale-4x) !important;
}

.mt-n5 {
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.mr-5 {
  margin-right: var(--spacing-scale-4x) !important;
}

.mr-n5 {
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.mb-5 {
  margin-bottom: var(--spacing-scale-4x) !important;
}

.mb-n5 {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.ml-5 {
  margin-left: var(--spacing-scale-4x) !important;
}

.ml-n5 {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-n5 {
  margin: calc(var(--spacing-scale-4x) * -1) !important;
}

.mx-n5 {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.my-n5 {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-6 {
  margin: var(--spacing-scale-5x) !important;
}

.mx-6 {
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: var(--spacing-scale-5x) !important;
}

.my-6 {
  margin-bottom: var(--spacing-scale-5x) !important;
}

.mt-6, .my-6 {
  margin-top: var(--spacing-scale-5x) !important;
}

.mt-n6 {
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.mr-6 {
  margin-right: var(--spacing-scale-5x) !important;
}

.mr-n6 {
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.mb-6 {
  margin-bottom: var(--spacing-scale-5x) !important;
}

.mb-n6 {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.ml-6 {
  margin-left: var(--spacing-scale-5x) !important;
}

.ml-n6 {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-n6 {
  margin: calc(var(--spacing-scale-5x) * -1) !important;
}

.mx-n6 {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.my-n6 {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-2x {
  margin: var(--spacing-scale-2x) !important;
}

.mx-2x {
  margin-left: var(--spacing-scale-2x) !important;
  margin-right: var(--spacing-scale-2x) !important;
}

.my-2x {
  margin-bottom: var(--spacing-scale-2x) !important;
}

.mt-2x, .my-2x {
  margin-top: var(--spacing-scale-2x) !important;
}

.mt-n2x {
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.mr-2x {
  margin-right: var(--spacing-scale-2x) !important;
}

.mr-n2x {
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.mb-2x {
  margin-bottom: var(--spacing-scale-2x) !important;
}

.mb-n2x {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.ml-2x {
  margin-left: var(--spacing-scale-2x) !important;
}

.ml-n2x {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-n2x {
  margin: calc(var(--spacing-scale-2x) * -1) !important;
}

.mx-n2x {
  margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  margin-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.my-n2x {
  margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  margin-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.m-2xh {
  margin: var(--spacing-scale-2xh) !important;
}

.mx-2xh {
  margin-left: var(--spacing-scale-2xh) !important;
  margin-right: var(--spacing-scale-2xh) !important;
}

.my-2xh {
  margin-bottom: var(--spacing-scale-2xh) !important;
}

.mt-2xh, .my-2xh {
  margin-top: var(--spacing-scale-2xh) !important;
}

.mt-n2xh {
  margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mr-2xh {
  margin-right: var(--spacing-scale-2xh) !important;
}

.mr-n2xh {
  margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mb-2xh {
  margin-bottom: var(--spacing-scale-2xh) !important;
}

.mb-n2xh {
  margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}

.ml-2xh {
  margin-left: var(--spacing-scale-2xh) !important;
}

.ml-n2xh {
  margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
}

.m-n2xh {
  margin: calc(var(--spacing-scale-2xh) * -1) !important;
}

.mx-n2xh {
  margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.my-n2xh {
  margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.m-3x {
  margin: var(--spacing-scale-3x) !important;
}

.mx-3x {
  margin-left: var(--spacing-scale-3x) !important;
  margin-right: var(--spacing-scale-3x) !important;
}

.my-3x {
  margin-bottom: var(--spacing-scale-3x) !important;
}

.mt-3x, .my-3x {
  margin-top: var(--spacing-scale-3x) !important;
}

.mt-n3x {
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.mr-3x {
  margin-right: var(--spacing-scale-3x) !important;
}

.mr-n3x {
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.mb-3x {
  margin-bottom: var(--spacing-scale-3x) !important;
}

.mb-n3x {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.ml-3x {
  margin-left: var(--spacing-scale-3x) !important;
}

.ml-n3x {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-n3x {
  margin: calc(var(--spacing-scale-3x) * -1) !important;
}

.mx-n3x {
  margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  margin-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.my-n3x {
  margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  margin-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.m-3xh {
  margin: var(--spacing-scale-3xh) !important;
}

.mx-3xh {
  margin-left: var(--spacing-scale-3xh) !important;
  margin-right: var(--spacing-scale-3xh) !important;
}

.my-3xh {
  margin-bottom: var(--spacing-scale-3xh) !important;
}

.mt-3xh, .my-3xh {
  margin-top: var(--spacing-scale-3xh) !important;
}

.mt-n3xh {
  margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mr-3xh {
  margin-right: var(--spacing-scale-3xh) !important;
}

.mr-n3xh {
  margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mb-3xh {
  margin-bottom: var(--spacing-scale-3xh) !important;
}

.mb-n3xh {
  margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}

.ml-3xh {
  margin-left: var(--spacing-scale-3xh) !important;
}

.ml-n3xh {
  margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
}

.m-n3xh {
  margin: calc(var(--spacing-scale-3xh) * -1) !important;
}

.mx-n3xh {
  margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.my-n3xh {
  margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.m-4x {
  margin: var(--spacing-scale-4x) !important;
}

.mx-4x {
  margin-left: var(--spacing-scale-4x) !important;
  margin-right: var(--spacing-scale-4x) !important;
}

.my-4x {
  margin-bottom: var(--spacing-scale-4x) !important;
}

.mt-4x, .my-4x {
  margin-top: var(--spacing-scale-4x) !important;
}

.mt-n4x {
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.mr-4x {
  margin-right: var(--spacing-scale-4x) !important;
}

.mr-n4x {
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.mb-4x {
  margin-bottom: var(--spacing-scale-4x) !important;
}

.mb-n4x {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.ml-4x {
  margin-left: var(--spacing-scale-4x) !important;
}

.ml-n4x {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-n4x {
  margin: calc(var(--spacing-scale-4x) * -1) !important;
}

.mx-n4x {
  margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  margin-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.my-n4x {
  margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  margin-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.m-4xh {
  margin: var(--spacing-scale-4xh) !important;
}

.mx-4xh {
  margin-left: var(--spacing-scale-4xh) !important;
  margin-right: var(--spacing-scale-4xh) !important;
}

.my-4xh {
  margin-bottom: var(--spacing-scale-4xh) !important;
}

.mt-4xh, .my-4xh {
  margin-top: var(--spacing-scale-4xh) !important;
}

.mt-n4xh {
  margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mr-4xh {
  margin-right: var(--spacing-scale-4xh) !important;
}

.mr-n4xh {
  margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mb-4xh {
  margin-bottom: var(--spacing-scale-4xh) !important;
}

.mb-n4xh {
  margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}

.ml-4xh {
  margin-left: var(--spacing-scale-4xh) !important;
}

.ml-n4xh {
  margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
}

.m-n4xh {
  margin: calc(var(--spacing-scale-4xh) * -1) !important;
}

.mx-n4xh {
  margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.my-n4xh {
  margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.m-5x {
  margin: var(--spacing-scale-5x) !important;
}

.mx-5x {
  margin-left: var(--spacing-scale-5x) !important;
  margin-right: var(--spacing-scale-5x) !important;
}

.my-5x {
  margin-bottom: var(--spacing-scale-5x) !important;
}

.mt-5x, .my-5x {
  margin-top: var(--spacing-scale-5x) !important;
}

.mt-n5x {
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.mr-5x {
  margin-right: var(--spacing-scale-5x) !important;
}

.mr-n5x {
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.mb-5x {
  margin-bottom: var(--spacing-scale-5x) !important;
}

.mb-n5x {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.ml-5x {
  margin-left: var(--spacing-scale-5x) !important;
}

.ml-n5x {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-n5x {
  margin: calc(var(--spacing-scale-5x) * -1) !important;
}

.mx-n5x {
  margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  margin-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.my-n5x {
  margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  margin-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.m-5xh {
  margin: var(--spacing-scale-5xh) !important;
}

.mx-5xh {
  margin-left: var(--spacing-scale-5xh) !important;
  margin-right: var(--spacing-scale-5xh) !important;
}

.my-5xh {
  margin-bottom: var(--spacing-scale-5xh) !important;
}

.mt-5xh, .my-5xh {
  margin-top: var(--spacing-scale-5xh) !important;
}

.mt-n5xh {
  margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mr-5xh {
  margin-right: var(--spacing-scale-5xh) !important;
}

.mr-n5xh {
  margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mb-5xh {
  margin-bottom: var(--spacing-scale-5xh) !important;
}

.mb-n5xh {
  margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}

.ml-5xh {
  margin-left: var(--spacing-scale-5xh) !important;
}

.ml-n5xh {
  margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
}

.m-n5xh {
  margin: calc(var(--spacing-scale-5xh) * -1) !important;
}

.mx-n5xh {
  margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.my-n5xh {
  margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.m-6x {
  margin: var(--spacing-scale-6x) !important;
}

.mx-6x {
  margin-left: var(--spacing-scale-6x) !important;
  margin-right: var(--spacing-scale-6x) !important;
}

.my-6x {
  margin-bottom: var(--spacing-scale-6x) !important;
}

.mt-6x, .my-6x {
  margin-top: var(--spacing-scale-6x) !important;
}

.mt-n6x {
  margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.mr-6x {
  margin-right: var(--spacing-scale-6x) !important;
}

.mr-n6x {
  margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.mb-6x {
  margin-bottom: var(--spacing-scale-6x) !important;
}

.mb-n6x {
  margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}

.ml-6x {
  margin-left: var(--spacing-scale-6x) !important;
}

.ml-n6x {
  margin-left: calc(var(--spacing-scale-6x) * -1) !important;
}

.m-n6x {
  margin: calc(var(--spacing-scale-6x) * -1) !important;
}

.mx-n6x {
  margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  margin-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.my-n6x {
  margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  margin-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.m-6xh {
  margin: var(--spacing-scale-6xh) !important;
}

.mx-6xh {
  margin-left: var(--spacing-scale-6xh) !important;
  margin-right: var(--spacing-scale-6xh) !important;
}

.my-6xh {
  margin-bottom: var(--spacing-scale-6xh) !important;
}

.mt-6xh, .my-6xh {
  margin-top: var(--spacing-scale-6xh) !important;
}

.mt-n6xh {
  margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mr-6xh {
  margin-right: var(--spacing-scale-6xh) !important;
}

.mr-n6xh {
  margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mb-6xh {
  margin-bottom: var(--spacing-scale-6xh) !important;
}

.mb-n6xh {
  margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}

.ml-6xh {
  margin-left: var(--spacing-scale-6xh) !important;
}

.ml-n6xh {
  margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
}

.m-n6xh {
  margin: calc(var(--spacing-scale-6xh) * -1) !important;
}

.mx-n6xh {
  margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.my-n6xh {
  margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.m-7x {
  margin: var(--spacing-scale-7x) !important;
}

.mx-7x {
  margin-left: var(--spacing-scale-7x) !important;
  margin-right: var(--spacing-scale-7x) !important;
}

.my-7x {
  margin-bottom: var(--spacing-scale-7x) !important;
}

.mt-7x, .my-7x {
  margin-top: var(--spacing-scale-7x) !important;
}

.mt-n7x {
  margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.mr-7x {
  margin-right: var(--spacing-scale-7x) !important;
}

.mr-n7x {
  margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.mb-7x {
  margin-bottom: var(--spacing-scale-7x) !important;
}

.mb-n7x {
  margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}

.ml-7x {
  margin-left: var(--spacing-scale-7x) !important;
}

.ml-n7x {
  margin-left: calc(var(--spacing-scale-7x) * -1) !important;
}

.m-n7x {
  margin: calc(var(--spacing-scale-7x) * -1) !important;
}

.mx-n7x {
  margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  margin-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.my-n7x {
  margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  margin-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.m-7xh {
  margin: var(--spacing-scale-7xh) !important;
}

.mx-7xh {
  margin-left: var(--spacing-scale-7xh) !important;
  margin-right: var(--spacing-scale-7xh) !important;
}

.my-7xh {
  margin-bottom: var(--spacing-scale-7xh) !important;
}

.mt-7xh, .my-7xh {
  margin-top: var(--spacing-scale-7xh) !important;
}

.mt-n7xh {
  margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mr-7xh {
  margin-right: var(--spacing-scale-7xh) !important;
}

.mr-n7xh {
  margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mb-7xh {
  margin-bottom: var(--spacing-scale-7xh) !important;
}

.mb-n7xh {
  margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}

.ml-7xh {
  margin-left: var(--spacing-scale-7xh) !important;
}

.ml-n7xh {
  margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
}

.m-n7xh {
  margin: calc(var(--spacing-scale-7xh) * -1) !important;
}

.mx-n7xh {
  margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.my-n7xh {
  margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.m-8x {
  margin: var(--spacing-scale-8x) !important;
}

.mx-8x {
  margin-left: var(--spacing-scale-8x) !important;
  margin-right: var(--spacing-scale-8x) !important;
}

.my-8x {
  margin-bottom: var(--spacing-scale-8x) !important;
}

.mt-8x, .my-8x {
  margin-top: var(--spacing-scale-8x) !important;
}

.mt-n8x {
  margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.mr-8x {
  margin-right: var(--spacing-scale-8x) !important;
}

.mr-n8x {
  margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.mb-8x {
  margin-bottom: var(--spacing-scale-8x) !important;
}

.mb-n8x {
  margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}

.ml-8x {
  margin-left: var(--spacing-scale-8x) !important;
}

.ml-n8x {
  margin-left: calc(var(--spacing-scale-8x) * -1) !important;
}

.m-n8x {
  margin: calc(var(--spacing-scale-8x) * -1) !important;
}

.mx-n8x {
  margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  margin-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.my-n8x {
  margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  margin-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.m-8xh {
  margin: var(--spacing-scale-8xh) !important;
}

.mx-8xh {
  margin-left: var(--spacing-scale-8xh) !important;
  margin-right: var(--spacing-scale-8xh) !important;
}

.my-8xh {
  margin-bottom: var(--spacing-scale-8xh) !important;
}

.mt-8xh, .my-8xh {
  margin-top: var(--spacing-scale-8xh) !important;
}

.mt-n8xh {
  margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mr-8xh {
  margin-right: var(--spacing-scale-8xh) !important;
}

.mr-n8xh {
  margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mb-8xh {
  margin-bottom: var(--spacing-scale-8xh) !important;
}

.mb-n8xh {
  margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}

.ml-8xh {
  margin-left: var(--spacing-scale-8xh) !important;
}

.ml-n8xh {
  margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
}

.m-n8xh {
  margin: calc(var(--spacing-scale-8xh) * -1) !important;
}

.mx-n8xh {
  margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.my-n8xh {
  margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.m-9x {
  margin: var(--spacing-scale-9x) !important;
}

.mx-9x {
  margin-left: var(--spacing-scale-9x) !important;
  margin-right: var(--spacing-scale-9x) !important;
}

.my-9x {
  margin-bottom: var(--spacing-scale-9x) !important;
}

.mt-9x, .my-9x {
  margin-top: var(--spacing-scale-9x) !important;
}

.mt-n9x {
  margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.mr-9x {
  margin-right: var(--spacing-scale-9x) !important;
}

.mr-n9x {
  margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.mb-9x {
  margin-bottom: var(--spacing-scale-9x) !important;
}

.mb-n9x {
  margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}

.ml-9x {
  margin-left: var(--spacing-scale-9x) !important;
}

.ml-n9x {
  margin-left: calc(var(--spacing-scale-9x) * -1) !important;
}

.m-n9x {
  margin: calc(var(--spacing-scale-9x) * -1) !important;
}

.mx-n9x {
  margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  margin-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.my-n9x {
  margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  margin-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.m-9xh {
  margin: var(--spacing-scale-9xh) !important;
}

.mx-9xh {
  margin-left: var(--spacing-scale-9xh) !important;
  margin-right: var(--spacing-scale-9xh) !important;
}

.my-9xh {
  margin-bottom: var(--spacing-scale-9xh) !important;
}

.mt-9xh, .my-9xh {
  margin-top: var(--spacing-scale-9xh) !important;
}

.mt-n9xh {
  margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mr-9xh {
  margin-right: var(--spacing-scale-9xh) !important;
}

.mr-n9xh {
  margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mb-9xh {
  margin-bottom: var(--spacing-scale-9xh) !important;
}

.mb-n9xh {
  margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}

.ml-9xh {
  margin-left: var(--spacing-scale-9xh) !important;
}

.ml-n9xh {
  margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
}

.m-n9xh {
  margin: calc(var(--spacing-scale-9xh) * -1) !important;
}

.mx-n9xh {
  margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.my-n9xh {
  margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.m-10x {
  margin: var(--spacing-scale-10x) !important;
}

.mx-10x {
  margin-left: var(--spacing-scale-10x) !important;
  margin-right: var(--spacing-scale-10x) !important;
}

.my-10x {
  margin-bottom: var(--spacing-scale-10x) !important;
}

.mt-10x, .my-10x {
  margin-top: var(--spacing-scale-10x) !important;
}

.mt-n10x {
  margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.mr-10x {
  margin-right: var(--spacing-scale-10x) !important;
}

.mr-n10x {
  margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.mb-10x {
  margin-bottom: var(--spacing-scale-10x) !important;
}

.mb-n10x {
  margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}

.ml-10x {
  margin-left: var(--spacing-scale-10x) !important;
}

.ml-n10x {
  margin-left: calc(var(--spacing-scale-10x) * -1) !important;
}

.m-n10x {
  margin: calc(var(--spacing-scale-10x) * -1) !important;
}

.mx-n10x {
  margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  margin-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.my-n10x {
  margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  margin-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.m-10xh {
  margin: var(--spacing-scale-10xh) !important;
}

.mx-10xh {
  margin-left: var(--spacing-scale-10xh) !important;
  margin-right: var(--spacing-scale-10xh) !important;
}

.my-10xh {
  margin-bottom: var(--spacing-scale-10xh) !important;
}

.mt-10xh, .my-10xh {
  margin-top: var(--spacing-scale-10xh) !important;
}

.mt-n10xh {
  margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mr-10xh {
  margin-right: var(--spacing-scale-10xh) !important;
}

.mr-n10xh {
  margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mb-10xh {
  margin-bottom: var(--spacing-scale-10xh) !important;
}

.mb-n10xh {
  margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}

.ml-10xh {
  margin-left: var(--spacing-scale-10xh) !important;
}

.ml-n10xh {
  margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
}

.m-n10xh {
  margin: calc(var(--spacing-scale-10xh) * -1) !important;
}

.mx-n10xh {
  margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.my-n10xh {
  margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

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

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

.my-auto {
  margin-bottom: auto !important;
}

.mt-auto, .my-auto {
  margin-top: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ml-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: var(--spacing-scale-default) !important;
}

.px-0 {
  padding-left: var(--spacing-scale-default) !important;
  padding-right: var(--spacing-scale-default) !important;
}

.py-0 {
  padding-bottom: var(--spacing-scale-default) !important;
}

.pt-0, .py-0 {
  padding-top: var(--spacing-scale-default) !important;
}

.pr-0 {
  padding-right: var(--spacing-scale-default) !important;
}

.pb-0 {
  padding-bottom: var(--spacing-scale-default) !important;
}

.pl-0 {
  padding-left: var(--spacing-scale-default) !important;
}

.p-half {
  padding: var(--spacing-scale-half) !important;
}

.px-half {
  padding-left: var(--spacing-scale-half) !important;
  padding-right: var(--spacing-scale-half) !important;
}

.py-half {
  padding-bottom: var(--spacing-scale-half) !important;
}

.pt-half, .py-half {
  padding-top: var(--spacing-scale-half) !important;
}

.pt-nhalf {
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.pr-half {
  padding-right: var(--spacing-scale-half) !important;
}

.pr-nhalf {
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.pb-half {
  padding-bottom: var(--spacing-scale-half) !important;
}

.pb-nhalf {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.pl-half {
  padding-left: var(--spacing-scale-half) !important;
}

.pl-nhalf {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
}

.p-nhalf {
  padding: calc(var(--spacing-scale-half) * -1) !important;
}

.px-nhalf {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.py-nhalf {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.p-base {
  padding: var(--spacing-scale-base) !important;
}

.px-base {
  padding-left: var(--spacing-scale-base) !important;
  padding-right: var(--spacing-scale-base) !important;
}

.py-base {
  padding-bottom: var(--spacing-scale-base) !important;
}

.pt-base, .py-base {
  padding-top: var(--spacing-scale-base) !important;
}

.pt-nbase {
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.pr-base {
  padding-right: var(--spacing-scale-base) !important;
}

.pr-nbase {
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.pb-base {
  padding-bottom: var(--spacing-scale-base) !important;
}

.pb-nbase {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.pl-base {
  padding-left: var(--spacing-scale-base) !important;
}

.pl-nbase {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
}

.p-nbase {
  padding: calc(var(--spacing-scale-base) * -1) !important;
}

.px-nbase {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.py-nbase {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.p-baseh {
  padding: var(--spacing-scale-baseh) !important;
}

.px-baseh {
  padding-left: var(--spacing-scale-baseh) !important;
  padding-right: var(--spacing-scale-baseh) !important;
}

.py-baseh {
  padding-bottom: var(--spacing-scale-baseh) !important;
}

.pt-baseh, .py-baseh {
  padding-top: var(--spacing-scale-baseh) !important;
}

.pt-nbaseh {
  padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pr-baseh {
  padding-right: var(--spacing-scale-baseh) !important;
}

.pr-nbaseh {
  padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pb-baseh {
  padding-bottom: var(--spacing-scale-baseh) !important;
}

.pb-nbaseh {
  padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
}

.pl-baseh {
  padding-left: var(--spacing-scale-baseh) !important;
}

.pl-nbaseh {
  padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
}

.p-nbaseh {
  padding: calc(var(--spacing-scale-baseh) * -1) !important;
}

.px-nbaseh {
  padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
}

.py-nbaseh {
  padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
}

.p-1 {
  padding: var(--spacing-scale-half) !important;
}

.px-1 {
  padding-left: var(--spacing-scale-half) !important;
  padding-right: var(--spacing-scale-half) !important;
}

.py-1 {
  padding-bottom: var(--spacing-scale-half) !important;
}

.pt-1, .py-1 {
  padding-top: var(--spacing-scale-half) !important;
}

.pt-n1 {
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.pr-1 {
  padding-right: var(--spacing-scale-half) !important;
}

.pr-n1 {
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.pb-1 {
  padding-bottom: var(--spacing-scale-half) !important;
}

.pb-n1 {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
}

.pl-1 {
  padding-left: var(--spacing-scale-half) !important;
}

.pl-n1 {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
}

.p-n1 {
  padding: calc(var(--spacing-scale-half) * -1) !important;
}

.px-n1 {
  padding-left: calc(var(--spacing-scale-half) * -1) !important;
  padding-right: calc(var(--spacing-scale-half) * -1) !important;
}

.py-n1 {
  padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  padding-top: calc(var(--spacing-scale-half) * -1) !important;
}

.p-2 {
  padding: var(--spacing-scale-base) !important;
}

.px-2 {
  padding-left: var(--spacing-scale-base) !important;
  padding-right: var(--spacing-scale-base) !important;
}

.py-2 {
  padding-bottom: var(--spacing-scale-base) !important;
}

.pt-2, .py-2 {
  padding-top: var(--spacing-scale-base) !important;
}

.pt-n2 {
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.pr-2 {
  padding-right: var(--spacing-scale-base) !important;
}

.pr-n2 {
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.pb-2 {
  padding-bottom: var(--spacing-scale-base) !important;
}

.pb-n2 {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
}

.pl-2 {
  padding-left: var(--spacing-scale-base) !important;
}

.pl-n2 {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
}

.p-n2 {
  padding: calc(var(--spacing-scale-base) * -1) !important;
}

.px-n2 {
  padding-left: calc(var(--spacing-scale-base) * -1) !important;
  padding-right: calc(var(--spacing-scale-base) * -1) !important;
}

.py-n2 {
  padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  padding-top: calc(var(--spacing-scale-base) * -1) !important;
}

.p-3 {
  padding: var(--spacing-scale-2x) !important;
}

.px-3 {
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: var(--spacing-scale-2x) !important;
}

.py-3 {
  padding-bottom: var(--spacing-scale-2x) !important;
}

.pt-3, .py-3 {
  padding-top: var(--spacing-scale-2x) !important;
}

.pt-n3 {
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.pr-3 {
  padding-right: var(--spacing-scale-2x) !important;
}

.pr-n3 {
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.pb-3 {
  padding-bottom: var(--spacing-scale-2x) !important;
}

.pb-n3 {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.pl-3 {
  padding-left: var(--spacing-scale-2x) !important;
}

.pl-n3 {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-n3 {
  padding: calc(var(--spacing-scale-2x) * -1) !important;
}

.px-n3 {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.py-n3 {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-4 {
  padding: var(--spacing-scale-3x) !important;
}

.px-4 {
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: var(--spacing-scale-3x) !important;
}

.py-4 {
  padding-bottom: var(--spacing-scale-3x) !important;
}

.pt-4, .py-4 {
  padding-top: var(--spacing-scale-3x) !important;
}

.pt-n4 {
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.pr-4 {
  padding-right: var(--spacing-scale-3x) !important;
}

.pr-n4 {
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.pb-4 {
  padding-bottom: var(--spacing-scale-3x) !important;
}

.pb-n4 {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.pl-4 {
  padding-left: var(--spacing-scale-3x) !important;
}

.pl-n4 {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-n4 {
  padding: calc(var(--spacing-scale-3x) * -1) !important;
}

.px-n4 {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.py-n4 {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-5 {
  padding: var(--spacing-scale-4x) !important;
}

.px-5 {
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: var(--spacing-scale-4x) !important;
}

.py-5 {
  padding-bottom: var(--spacing-scale-4x) !important;
}

.pt-5, .py-5 {
  padding-top: var(--spacing-scale-4x) !important;
}

.pt-n5 {
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.pr-5 {
  padding-right: var(--spacing-scale-4x) !important;
}

.pr-n5 {
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.pb-5 {
  padding-bottom: var(--spacing-scale-4x) !important;
}

.pb-n5 {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.pl-5 {
  padding-left: var(--spacing-scale-4x) !important;
}

.pl-n5 {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-n5 {
  padding: calc(var(--spacing-scale-4x) * -1) !important;
}

.px-n5 {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.py-n5 {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-6 {
  padding: var(--spacing-scale-5x) !important;
}

.px-6 {
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: var(--spacing-scale-5x) !important;
}

.py-6 {
  padding-bottom: var(--spacing-scale-5x) !important;
}

.pt-6, .py-6 {
  padding-top: var(--spacing-scale-5x) !important;
}

.pt-n6 {
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.pr-6 {
  padding-right: var(--spacing-scale-5x) !important;
}

.pr-n6 {
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.pb-6 {
  padding-bottom: var(--spacing-scale-5x) !important;
}

.pb-n6 {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.pl-6 {
  padding-left: var(--spacing-scale-5x) !important;
}

.pl-n6 {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-n6 {
  padding: calc(var(--spacing-scale-5x) * -1) !important;
}

.px-n6 {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.py-n6 {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-2x {
  padding: var(--spacing-scale-2x) !important;
}

.px-2x {
  padding-left: var(--spacing-scale-2x) !important;
  padding-right: var(--spacing-scale-2x) !important;
}

.py-2x {
  padding-bottom: var(--spacing-scale-2x) !important;
}

.pt-2x, .py-2x {
  padding-top: var(--spacing-scale-2x) !important;
}

.pt-n2x {
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.pr-2x {
  padding-right: var(--spacing-scale-2x) !important;
}

.pr-n2x {
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.pb-2x {
  padding-bottom: var(--spacing-scale-2x) !important;
}

.pb-n2x {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
}

.pl-2x {
  padding-left: var(--spacing-scale-2x) !important;
}

.pl-n2x {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-n2x {
  padding: calc(var(--spacing-scale-2x) * -1) !important;
}

.px-n2x {
  padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  padding-right: calc(var(--spacing-scale-2x) * -1) !important;
}

.py-n2x {
  padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  padding-top: calc(var(--spacing-scale-2x) * -1) !important;
}

.p-2xh {
  padding: var(--spacing-scale-2xh) !important;
}

.px-2xh {
  padding-left: var(--spacing-scale-2xh) !important;
  padding-right: var(--spacing-scale-2xh) !important;
}

.py-2xh {
  padding-bottom: var(--spacing-scale-2xh) !important;
}

.pt-2xh, .py-2xh {
  padding-top: var(--spacing-scale-2xh) !important;
}

.pt-n2xh {
  padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pr-2xh {
  padding-right: var(--spacing-scale-2xh) !important;
}

.pr-n2xh {
  padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pb-2xh {
  padding-bottom: var(--spacing-scale-2xh) !important;
}

.pb-n2xh {
  padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
}

.pl-2xh {
  padding-left: var(--spacing-scale-2xh) !important;
}

.pl-n2xh {
  padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
}

.p-n2xh {
  padding: calc(var(--spacing-scale-2xh) * -1) !important;
}

.px-n2xh {
  padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
}

.py-n2xh {
  padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
}

.p-3x {
  padding: var(--spacing-scale-3x) !important;
}

.px-3x {
  padding-left: var(--spacing-scale-3x) !important;
  padding-right: var(--spacing-scale-3x) !important;
}

.py-3x {
  padding-bottom: var(--spacing-scale-3x) !important;
}

.pt-3x, .py-3x {
  padding-top: var(--spacing-scale-3x) !important;
}

.pt-n3x {
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.pr-3x {
  padding-right: var(--spacing-scale-3x) !important;
}

.pr-n3x {
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.pb-3x {
  padding-bottom: var(--spacing-scale-3x) !important;
}

.pb-n3x {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
}

.pl-3x {
  padding-left: var(--spacing-scale-3x) !important;
}

.pl-n3x {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-n3x {
  padding: calc(var(--spacing-scale-3x) * -1) !important;
}

.px-n3x {
  padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  padding-right: calc(var(--spacing-scale-3x) * -1) !important;
}

.py-n3x {
  padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  padding-top: calc(var(--spacing-scale-3x) * -1) !important;
}

.p-3xh {
  padding: var(--spacing-scale-3xh) !important;
}

.px-3xh {
  padding-left: var(--spacing-scale-3xh) !important;
  padding-right: var(--spacing-scale-3xh) !important;
}

.py-3xh {
  padding-bottom: var(--spacing-scale-3xh) !important;
}

.pt-3xh, .py-3xh {
  padding-top: var(--spacing-scale-3xh) !important;
}

.pt-n3xh {
  padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pr-3xh {
  padding-right: var(--spacing-scale-3xh) !important;
}

.pr-n3xh {
  padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pb-3xh {
  padding-bottom: var(--spacing-scale-3xh) !important;
}

.pb-n3xh {
  padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
}

.pl-3xh {
  padding-left: var(--spacing-scale-3xh) !important;
}

.pl-n3xh {
  padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
}

.p-n3xh {
  padding: calc(var(--spacing-scale-3xh) * -1) !important;
}

.px-n3xh {
  padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
}

.py-n3xh {
  padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
}

.p-4x {
  padding: var(--spacing-scale-4x) !important;
}

.px-4x {
  padding-left: var(--spacing-scale-4x) !important;
  padding-right: var(--spacing-scale-4x) !important;
}

.py-4x {
  padding-bottom: var(--spacing-scale-4x) !important;
}

.pt-4x, .py-4x {
  padding-top: var(--spacing-scale-4x) !important;
}

.pt-n4x {
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.pr-4x {
  padding-right: var(--spacing-scale-4x) !important;
}

.pr-n4x {
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.pb-4x {
  padding-bottom: var(--spacing-scale-4x) !important;
}

.pb-n4x {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
}

.pl-4x {
  padding-left: var(--spacing-scale-4x) !important;
}

.pl-n4x {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-n4x {
  padding: calc(var(--spacing-scale-4x) * -1) !important;
}

.px-n4x {
  padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  padding-right: calc(var(--spacing-scale-4x) * -1) !important;
}

.py-n4x {
  padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  padding-top: calc(var(--spacing-scale-4x) * -1) !important;
}

.p-4xh {
  padding: var(--spacing-scale-4xh) !important;
}

.px-4xh {
  padding-left: var(--spacing-scale-4xh) !important;
  padding-right: var(--spacing-scale-4xh) !important;
}

.py-4xh {
  padding-bottom: var(--spacing-scale-4xh) !important;
}

.pt-4xh, .py-4xh {
  padding-top: var(--spacing-scale-4xh) !important;
}

.pt-n4xh {
  padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pr-4xh {
  padding-right: var(--spacing-scale-4xh) !important;
}

.pr-n4xh {
  padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pb-4xh {
  padding-bottom: var(--spacing-scale-4xh) !important;
}

.pb-n4xh {
  padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
}

.pl-4xh {
  padding-left: var(--spacing-scale-4xh) !important;
}

.pl-n4xh {
  padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
}

.p-n4xh {
  padding: calc(var(--spacing-scale-4xh) * -1) !important;
}

.px-n4xh {
  padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
}

.py-n4xh {
  padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
}

.p-5x {
  padding: var(--spacing-scale-5x) !important;
}

.px-5x {
  padding-left: var(--spacing-scale-5x) !important;
  padding-right: var(--spacing-scale-5x) !important;
}

.py-5x {
  padding-bottom: var(--spacing-scale-5x) !important;
}

.pt-5x, .py-5x {
  padding-top: var(--spacing-scale-5x) !important;
}

.pt-n5x {
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.pr-5x {
  padding-right: var(--spacing-scale-5x) !important;
}

.pr-n5x {
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.pb-5x {
  padding-bottom: var(--spacing-scale-5x) !important;
}

.pb-n5x {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
}

.pl-5x {
  padding-left: var(--spacing-scale-5x) !important;
}

.pl-n5x {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-n5x {
  padding: calc(var(--spacing-scale-5x) * -1) !important;
}

.px-n5x {
  padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  padding-right: calc(var(--spacing-scale-5x) * -1) !important;
}

.py-n5x {
  padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  padding-top: calc(var(--spacing-scale-5x) * -1) !important;
}

.p-5xh {
  padding: var(--spacing-scale-5xh) !important;
}

.px-5xh {
  padding-left: var(--spacing-scale-5xh) !important;
  padding-right: var(--spacing-scale-5xh) !important;
}

.py-5xh {
  padding-bottom: var(--spacing-scale-5xh) !important;
}

.pt-5xh, .py-5xh {
  padding-top: var(--spacing-scale-5xh) !important;
}

.pt-n5xh {
  padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pr-5xh {
  padding-right: var(--spacing-scale-5xh) !important;
}

.pr-n5xh {
  padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pb-5xh {
  padding-bottom: var(--spacing-scale-5xh) !important;
}

.pb-n5xh {
  padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
}

.pl-5xh {
  padding-left: var(--spacing-scale-5xh) !important;
}

.pl-n5xh {
  padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
}

.p-n5xh {
  padding: calc(var(--spacing-scale-5xh) * -1) !important;
}

.px-n5xh {
  padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
}

.py-n5xh {
  padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
}

.p-6x {
  padding: var(--spacing-scale-6x) !important;
}

.px-6x {
  padding-left: var(--spacing-scale-6x) !important;
  padding-right: var(--spacing-scale-6x) !important;
}

.py-6x {
  padding-bottom: var(--spacing-scale-6x) !important;
}

.pt-6x, .py-6x {
  padding-top: var(--spacing-scale-6x) !important;
}

.pt-n6x {
  padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.pr-6x {
  padding-right: var(--spacing-scale-6x) !important;
}

.pr-n6x {
  padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.pb-6x {
  padding-bottom: var(--spacing-scale-6x) !important;
}

.pb-n6x {
  padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
}

.pl-6x {
  padding-left: var(--spacing-scale-6x) !important;
}

.pl-n6x {
  padding-left: calc(var(--spacing-scale-6x) * -1) !important;
}

.p-n6x {
  padding: calc(var(--spacing-scale-6x) * -1) !important;
}

.px-n6x {
  padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  padding-right: calc(var(--spacing-scale-6x) * -1) !important;
}

.py-n6x {
  padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  padding-top: calc(var(--spacing-scale-6x) * -1) !important;
}

.p-6xh {
  padding: var(--spacing-scale-6xh) !important;
}

.px-6xh {
  padding-left: var(--spacing-scale-6xh) !important;
  padding-right: var(--spacing-scale-6xh) !important;
}

.py-6xh {
  padding-bottom: var(--spacing-scale-6xh) !important;
}

.pt-6xh, .py-6xh {
  padding-top: var(--spacing-scale-6xh) !important;
}

.pt-n6xh {
  padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pr-6xh {
  padding-right: var(--spacing-scale-6xh) !important;
}

.pr-n6xh {
  padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pb-6xh {
  padding-bottom: var(--spacing-scale-6xh) !important;
}

.pb-n6xh {
  padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
}

.pl-6xh {
  padding-left: var(--spacing-scale-6xh) !important;
}

.pl-n6xh {
  padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
}

.p-n6xh {
  padding: calc(var(--spacing-scale-6xh) * -1) !important;
}

.px-n6xh {
  padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
}

.py-n6xh {
  padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
}

.p-7x {
  padding: var(--spacing-scale-7x) !important;
}

.px-7x {
  padding-left: var(--spacing-scale-7x) !important;
  padding-right: var(--spacing-scale-7x) !important;
}

.py-7x {
  padding-bottom: var(--spacing-scale-7x) !important;
}

.pt-7x, .py-7x {
  padding-top: var(--spacing-scale-7x) !important;
}

.pt-n7x {
  padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.pr-7x {
  padding-right: var(--spacing-scale-7x) !important;
}

.pr-n7x {
  padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.pb-7x {
  padding-bottom: var(--spacing-scale-7x) !important;
}

.pb-n7x {
  padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
}

.pl-7x {
  padding-left: var(--spacing-scale-7x) !important;
}

.pl-n7x {
  padding-left: calc(var(--spacing-scale-7x) * -1) !important;
}

.p-n7x {
  padding: calc(var(--spacing-scale-7x) * -1) !important;
}

.px-n7x {
  padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  padding-right: calc(var(--spacing-scale-7x) * -1) !important;
}

.py-n7x {
  padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  padding-top: calc(var(--spacing-scale-7x) * -1) !important;
}

.p-7xh {
  padding: var(--spacing-scale-7xh) !important;
}

.px-7xh {
  padding-left: var(--spacing-scale-7xh) !important;
  padding-right: var(--spacing-scale-7xh) !important;
}

.py-7xh {
  padding-bottom: var(--spacing-scale-7xh) !important;
}

.pt-7xh, .py-7xh {
  padding-top: var(--spacing-scale-7xh) !important;
}

.pt-n7xh {
  padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pr-7xh {
  padding-right: var(--spacing-scale-7xh) !important;
}

.pr-n7xh {
  padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pb-7xh {
  padding-bottom: var(--spacing-scale-7xh) !important;
}

.pb-n7xh {
  padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
}

.pl-7xh {
  padding-left: var(--spacing-scale-7xh) !important;
}

.pl-n7xh {
  padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
}

.p-n7xh {
  padding: calc(var(--spacing-scale-7xh) * -1) !important;
}

.px-n7xh {
  padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
}

.py-n7xh {
  padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
}

.p-8x {
  padding: var(--spacing-scale-8x) !important;
}

.px-8x {
  padding-left: var(--spacing-scale-8x) !important;
  padding-right: var(--spacing-scale-8x) !important;
}

.py-8x {
  padding-bottom: var(--spacing-scale-8x) !important;
}

.pt-8x, .py-8x {
  padding-top: var(--spacing-scale-8x) !important;
}

.pt-n8x {
  padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.pr-8x {
  padding-right: var(--spacing-scale-8x) !important;
}

.pr-n8x {
  padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.pb-8x {
  padding-bottom: var(--spacing-scale-8x) !important;
}

.pb-n8x {
  padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
}

.pl-8x {
  padding-left: var(--spacing-scale-8x) !important;
}

.pl-n8x {
  padding-left: calc(var(--spacing-scale-8x) * -1) !important;
}

.p-n8x {
  padding: calc(var(--spacing-scale-8x) * -1) !important;
}

.px-n8x {
  padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  padding-right: calc(var(--spacing-scale-8x) * -1) !important;
}

.py-n8x {
  padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  padding-top: calc(var(--spacing-scale-8x) * -1) !important;
}

.p-8xh {
  padding: var(--spacing-scale-8xh) !important;
}

.px-8xh {
  padding-left: var(--spacing-scale-8xh) !important;
  padding-right: var(--spacing-scale-8xh) !important;
}

.py-8xh {
  padding-bottom: var(--spacing-scale-8xh) !important;
}

.pt-8xh, .py-8xh {
  padding-top: var(--spacing-scale-8xh) !important;
}

.pt-n8xh {
  padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pr-8xh {
  padding-right: var(--spacing-scale-8xh) !important;
}

.pr-n8xh {
  padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pb-8xh {
  padding-bottom: var(--spacing-scale-8xh) !important;
}

.pb-n8xh {
  padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
}

.pl-8xh {
  padding-left: var(--spacing-scale-8xh) !important;
}

.pl-n8xh {
  padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
}

.p-n8xh {
  padding: calc(var(--spacing-scale-8xh) * -1) !important;
}

.px-n8xh {
  padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
}

.py-n8xh {
  padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
}

.p-9x {
  padding: var(--spacing-scale-9x) !important;
}

.px-9x {
  padding-left: var(--spacing-scale-9x) !important;
  padding-right: var(--spacing-scale-9x) !important;
}

.py-9x {
  padding-bottom: var(--spacing-scale-9x) !important;
}

.pt-9x, .py-9x {
  padding-top: var(--spacing-scale-9x) !important;
}

.pt-n9x {
  padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.pr-9x {
  padding-right: var(--spacing-scale-9x) !important;
}

.pr-n9x {
  padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.pb-9x {
  padding-bottom: var(--spacing-scale-9x) !important;
}

.pb-n9x {
  padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
}

.pl-9x {
  padding-left: var(--spacing-scale-9x) !important;
}

.pl-n9x {
  padding-left: calc(var(--spacing-scale-9x) * -1) !important;
}

.p-n9x {
  padding: calc(var(--spacing-scale-9x) * -1) !important;
}

.px-n9x {
  padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  padding-right: calc(var(--spacing-scale-9x) * -1) !important;
}

.py-n9x {
  padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  padding-top: calc(var(--spacing-scale-9x) * -1) !important;
}

.p-9xh {
  padding: var(--spacing-scale-9xh) !important;
}

.px-9xh {
  padding-left: var(--spacing-scale-9xh) !important;
  padding-right: var(--spacing-scale-9xh) !important;
}

.py-9xh {
  padding-bottom: var(--spacing-scale-9xh) !important;
}

.pt-9xh, .py-9xh {
  padding-top: var(--spacing-scale-9xh) !important;
}

.pt-n9xh {
  padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pr-9xh {
  padding-right: var(--spacing-scale-9xh) !important;
}

.pr-n9xh {
  padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pb-9xh {
  padding-bottom: var(--spacing-scale-9xh) !important;
}

.pb-n9xh {
  padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
}

.pl-9xh {
  padding-left: var(--spacing-scale-9xh) !important;
}

.pl-n9xh {
  padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
}

.p-n9xh {
  padding: calc(var(--spacing-scale-9xh) * -1) !important;
}

.px-n9xh {
  padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
}

.py-n9xh {
  padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
}

.p-10x {
  padding: var(--spacing-scale-10x) !important;
}

.px-10x {
  padding-left: var(--spacing-scale-10x) !important;
  padding-right: var(--spacing-scale-10x) !important;
}

.py-10x {
  padding-bottom: var(--spacing-scale-10x) !important;
}

.pt-10x, .py-10x {
  padding-top: var(--spacing-scale-10x) !important;
}

.pt-n10x {
  padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.pr-10x {
  padding-right: var(--spacing-scale-10x) !important;
}

.pr-n10x {
  padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.pb-10x {
  padding-bottom: var(--spacing-scale-10x) !important;
}

.pb-n10x {
  padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
}

.pl-10x {
  padding-left: var(--spacing-scale-10x) !important;
}

.pl-n10x {
  padding-left: calc(var(--spacing-scale-10x) * -1) !important;
}

.p-n10x {
  padding: calc(var(--spacing-scale-10x) * -1) !important;
}

.px-n10x {
  padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  padding-right: calc(var(--spacing-scale-10x) * -1) !important;
}

.py-n10x {
  padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  padding-top: calc(var(--spacing-scale-10x) * -1) !important;
}

.p-10xh {
  padding: var(--spacing-scale-10xh) !important;
}

.px-10xh {
  padding-left: var(--spacing-scale-10xh) !important;
  padding-right: var(--spacing-scale-10xh) !important;
}

.py-10xh {
  padding-bottom: var(--spacing-scale-10xh) !important;
}

.pt-10xh, .py-10xh {
  padding-top: var(--spacing-scale-10xh) !important;
}

.pt-n10xh {
  padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pr-10xh {
  padding-right: var(--spacing-scale-10xh) !important;
}

.pr-n10xh {
  padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pb-10xh {
  padding-bottom: var(--spacing-scale-10xh) !important;
}

.pb-n10xh {
  padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
}

.pl-10xh {
  padding-left: var(--spacing-scale-10xh) !important;
}

.pl-n10xh {
  padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
}

.p-n10xh {
  padding: calc(var(--spacing-scale-10xh) * -1) !important;
}

.px-n10xh {
  padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
}

.py-n10xh {
  padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
}

@media (width >= 576px) {
  .m-sm-0 {
    margin: var(--spacing-scale-default) !important;
  }

  .mx-sm-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }

  .my-sm-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .mt-sm-0, .my-sm-0 {
    margin-top: var(--spacing-scale-default) !important;
  }

  .mr-sm-0 {
    margin-right: var(--spacing-scale-default) !important;
  }

  .mb-sm-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .ml-sm-0 {
    margin-left: var(--spacing-scale-default) !important;
  }

  .m-sm-half {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-sm-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-sm-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-sm-half, .my-sm-half {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-sm-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-sm-half {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-sm-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-sm-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-sm-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-sm-half {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-sm-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-sm-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-sm-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-sm-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-sm-base {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-sm-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-sm-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-sm-base, .my-sm-base {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-sm-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-sm-base {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-sm-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-sm-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-sm-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-sm-base {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-sm-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-sm-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-sm-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-sm-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-sm-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }

  .mx-sm-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .my-sm-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mt-sm-baseh, .my-sm-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }

  .mt-sm-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mr-sm-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .mr-sm-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mb-sm-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mb-sm-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .ml-sm-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }

  .ml-sm-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-sm-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mx-sm-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .my-sm-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-sm-1 {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-sm-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-sm-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-sm-1, .my-sm-1 {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-sm-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-sm-1 {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-sm-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-sm-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-sm-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-sm-1 {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-sm-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-sm-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-sm-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-sm-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-sm-2 {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-sm-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-sm-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-sm-2, .my-sm-2 {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-sm-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-sm-2 {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-sm-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-sm-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-sm-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-sm-2 {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-sm-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-sm-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-sm-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-sm-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-sm-3 {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-sm-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-sm-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-sm-3, .my-sm-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-sm-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-sm-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-sm-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-sm-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-sm-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-sm-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-sm-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-sm-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-sm-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-sm-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-sm-4 {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-sm-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-sm-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-sm-4, .my-sm-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-sm-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-sm-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-sm-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-sm-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-sm-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-sm-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-sm-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-sm-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-sm-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-sm-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-sm-5 {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-sm-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-sm-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-sm-5, .my-sm-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-sm-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-sm-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-sm-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-sm-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-sm-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-sm-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-sm-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-sm-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-sm-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-sm-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-sm-6 {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-sm-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-sm-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-sm-6, .my-sm-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-sm-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-sm-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-sm-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-sm-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-sm-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-sm-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-sm-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-sm-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-sm-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-sm-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-sm-2x {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-sm-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-sm-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-sm-2x, .my-sm-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-sm-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-sm-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-sm-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-sm-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-sm-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-sm-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-sm-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-sm-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-sm-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-sm-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-sm-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }

  .mx-sm-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .my-sm-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mt-sm-2xh, .my-sm-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }

  .mt-sm-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mr-sm-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .mr-sm-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mb-sm-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mb-sm-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .ml-sm-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }

  .ml-sm-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-sm-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mx-sm-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .my-sm-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-sm-3x {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-sm-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-sm-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-sm-3x, .my-sm-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-sm-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-sm-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-sm-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-sm-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-sm-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-sm-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-sm-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-sm-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-sm-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-sm-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-sm-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }

  .mx-sm-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .my-sm-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mt-sm-3xh, .my-sm-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }

  .mt-sm-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mr-sm-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .mr-sm-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mb-sm-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mb-sm-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .ml-sm-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }

  .ml-sm-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-sm-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mx-sm-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .my-sm-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-sm-4x {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-sm-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-sm-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-sm-4x, .my-sm-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-sm-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-sm-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-sm-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-sm-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-sm-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-sm-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-sm-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-sm-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-sm-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-sm-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-sm-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }

  .mx-sm-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .my-sm-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mt-sm-4xh, .my-sm-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }

  .mt-sm-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mr-sm-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .mr-sm-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mb-sm-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mb-sm-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .ml-sm-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }

  .ml-sm-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-sm-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mx-sm-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .my-sm-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-sm-5x {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-sm-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-sm-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-sm-5x, .my-sm-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-sm-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-sm-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-sm-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-sm-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-sm-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-sm-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-sm-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-sm-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-sm-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-sm-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-sm-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }

  .mx-sm-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .my-sm-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mt-sm-5xh, .my-sm-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }

  .mt-sm-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mr-sm-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .mr-sm-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mb-sm-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mb-sm-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .ml-sm-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }

  .ml-sm-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-sm-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mx-sm-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .my-sm-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-sm-6x {
    margin: var(--spacing-scale-6x) !important;
  }

  .mx-sm-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }

  .my-sm-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mt-sm-6x, .my-sm-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }

  .mt-sm-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mr-sm-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }

  .mr-sm-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mb-sm-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mb-sm-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .ml-sm-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }

  .ml-sm-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-sm-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mx-sm-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .my-sm-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-sm-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }

  .mx-sm-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .my-sm-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mt-sm-6xh, .my-sm-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }

  .mt-sm-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mr-sm-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .mr-sm-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mb-sm-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mb-sm-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .ml-sm-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }

  .ml-sm-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-sm-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mx-sm-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .my-sm-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-sm-7x {
    margin: var(--spacing-scale-7x) !important;
  }

  .mx-sm-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }

  .my-sm-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mt-sm-7x, .my-sm-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }

  .mt-sm-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mr-sm-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }

  .mr-sm-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mb-sm-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mb-sm-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .ml-sm-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }

  .ml-sm-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-sm-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mx-sm-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .my-sm-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-sm-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }

  .mx-sm-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .my-sm-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mt-sm-7xh, .my-sm-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }

  .mt-sm-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mr-sm-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .mr-sm-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mb-sm-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mb-sm-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .ml-sm-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }

  .ml-sm-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-sm-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mx-sm-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .my-sm-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-sm-8x {
    margin: var(--spacing-scale-8x) !important;
  }

  .mx-sm-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }

  .my-sm-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mt-sm-8x, .my-sm-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }

  .mt-sm-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mr-sm-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }

  .mr-sm-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mb-sm-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mb-sm-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .ml-sm-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }

  .ml-sm-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-sm-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mx-sm-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .my-sm-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-sm-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }

  .mx-sm-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .my-sm-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mt-sm-8xh, .my-sm-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }

  .mt-sm-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mr-sm-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .mr-sm-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mb-sm-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mb-sm-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .ml-sm-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }

  .ml-sm-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-sm-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mx-sm-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .my-sm-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-sm-9x {
    margin: var(--spacing-scale-9x) !important;
  }

  .mx-sm-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }

  .my-sm-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mt-sm-9x, .my-sm-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }

  .mt-sm-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mr-sm-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }

  .mr-sm-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mb-sm-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mb-sm-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .ml-sm-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }

  .ml-sm-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-sm-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mx-sm-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .my-sm-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-sm-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }

  .mx-sm-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .my-sm-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mt-sm-9xh, .my-sm-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }

  .mt-sm-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mr-sm-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .mr-sm-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mb-sm-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mb-sm-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .ml-sm-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }

  .ml-sm-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-sm-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mx-sm-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .my-sm-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-sm-10x {
    margin: var(--spacing-scale-10x) !important;
  }

  .mx-sm-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }

  .my-sm-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mt-sm-10x, .my-sm-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }

  .mt-sm-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mr-sm-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }

  .mr-sm-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mb-sm-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mb-sm-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .ml-sm-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }

  .ml-sm-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-sm-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mx-sm-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .my-sm-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-sm-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }

  .mx-sm-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .my-sm-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mt-sm-10xh, .my-sm-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }

  .mt-sm-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mr-sm-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .mr-sm-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mb-sm-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mb-sm-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .ml-sm-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }

  .ml-sm-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .m-sm-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mx-sm-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .my-sm-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

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

  .mx-sm-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-sm-auto {
    margin-bottom: auto !important;
  }

  .mt-sm-auto, .my-sm-auto {
    margin-top: auto !important;
  }

  .mr-sm-auto {
    margin-right: auto !important;
  }

  .mb-sm-auto {
    margin-bottom: auto !important;
  }

  .ml-sm-auto {
    margin-left: auto !important;
  }

  .p-sm-0 {
    padding: var(--spacing-scale-default) !important;
  }

  .px-sm-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }

  .py-sm-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pt-sm-0, .py-sm-0 {
    padding-top: var(--spacing-scale-default) !important;
  }

  .pr-sm-0 {
    padding-right: var(--spacing-scale-default) !important;
  }

  .pb-sm-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pl-sm-0 {
    padding-left: var(--spacing-scale-default) !important;
  }

  .p-sm-half {
    padding: var(--spacing-scale-half) !important;
  }

  .px-sm-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-sm-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-sm-half, .py-sm-half {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-sm-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-sm-half {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-sm-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-sm-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-sm-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-sm-half {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-sm-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-sm-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-sm-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-sm-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-sm-base {
    padding: var(--spacing-scale-base) !important;
  }

  .px-sm-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-sm-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-sm-base, .py-sm-base {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-sm-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-sm-base {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-sm-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-sm-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-sm-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-sm-base {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-sm-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-sm-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-sm-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-sm-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-sm-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }

  .px-sm-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .py-sm-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pt-sm-baseh, .py-sm-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }

  .pt-sm-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pr-sm-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .pr-sm-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pb-sm-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pb-sm-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pl-sm-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }

  .pl-sm-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-sm-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .px-sm-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .py-sm-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-sm-1 {
    padding: var(--spacing-scale-half) !important;
  }

  .px-sm-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-sm-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-sm-1, .py-sm-1 {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-sm-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-sm-1 {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-sm-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-sm-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-sm-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-sm-1 {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-sm-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-sm-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-sm-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-sm-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-sm-2 {
    padding: var(--spacing-scale-base) !important;
  }

  .px-sm-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-sm-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-sm-2, .py-sm-2 {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-sm-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-sm-2 {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-sm-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-sm-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-sm-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-sm-2 {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-sm-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-sm-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-sm-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-sm-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-sm-3 {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-sm-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-sm-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-sm-3, .py-sm-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-sm-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-sm-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-sm-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-sm-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-sm-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-sm-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-sm-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-sm-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-sm-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-sm-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-sm-4 {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-sm-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-sm-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-sm-4, .py-sm-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-sm-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-sm-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-sm-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-sm-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-sm-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-sm-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-sm-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-sm-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-sm-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-sm-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-sm-5 {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-sm-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-sm-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-sm-5, .py-sm-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-sm-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-sm-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-sm-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-sm-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-sm-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-sm-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-sm-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-sm-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-sm-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-sm-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-sm-6 {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-sm-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-sm-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-sm-6, .py-sm-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-sm-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-sm-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-sm-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-sm-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-sm-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-sm-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-sm-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-sm-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-sm-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-sm-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-sm-2x {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-sm-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-sm-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-sm-2x, .py-sm-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-sm-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-sm-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-sm-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-sm-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-sm-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-sm-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-sm-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-sm-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-sm-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-sm-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-sm-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }

  .px-sm-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .py-sm-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pt-sm-2xh, .py-sm-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }

  .pt-sm-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pr-sm-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .pr-sm-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pb-sm-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pb-sm-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pl-sm-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }

  .pl-sm-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-sm-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .px-sm-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .py-sm-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-sm-3x {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-sm-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-sm-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-sm-3x, .py-sm-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-sm-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-sm-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-sm-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-sm-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-sm-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-sm-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-sm-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-sm-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-sm-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-sm-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-sm-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }

  .px-sm-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .py-sm-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pt-sm-3xh, .py-sm-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }

  .pt-sm-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pr-sm-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .pr-sm-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pb-sm-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pb-sm-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pl-sm-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }

  .pl-sm-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-sm-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .px-sm-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .py-sm-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-sm-4x {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-sm-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-sm-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-sm-4x, .py-sm-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-sm-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-sm-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-sm-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-sm-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-sm-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-sm-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-sm-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-sm-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-sm-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-sm-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-sm-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }

  .px-sm-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .py-sm-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pt-sm-4xh, .py-sm-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }

  .pt-sm-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pr-sm-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .pr-sm-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pb-sm-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pb-sm-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pl-sm-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }

  .pl-sm-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-sm-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .px-sm-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .py-sm-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-sm-5x {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-sm-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-sm-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-sm-5x, .py-sm-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-sm-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-sm-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-sm-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-sm-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-sm-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-sm-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-sm-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-sm-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-sm-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-sm-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-sm-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }

  .px-sm-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .py-sm-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pt-sm-5xh, .py-sm-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }

  .pt-sm-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pr-sm-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .pr-sm-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pb-sm-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pb-sm-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pl-sm-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }

  .pl-sm-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-sm-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .px-sm-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .py-sm-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-sm-6x {
    padding: var(--spacing-scale-6x) !important;
  }

  .px-sm-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }

  .py-sm-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pt-sm-6x, .py-sm-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }

  .pt-sm-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pr-sm-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }

  .pr-sm-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pb-sm-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pb-sm-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pl-sm-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }

  .pl-sm-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-sm-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .px-sm-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .py-sm-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-sm-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }

  .px-sm-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .py-sm-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pt-sm-6xh, .py-sm-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }

  .pt-sm-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pr-sm-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .pr-sm-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pb-sm-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pb-sm-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pl-sm-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }

  .pl-sm-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-sm-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .px-sm-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .py-sm-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-sm-7x {
    padding: var(--spacing-scale-7x) !important;
  }

  .px-sm-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }

  .py-sm-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pt-sm-7x, .py-sm-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }

  .pt-sm-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pr-sm-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }

  .pr-sm-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pb-sm-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pb-sm-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pl-sm-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }

  .pl-sm-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-sm-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .px-sm-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .py-sm-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-sm-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }

  .px-sm-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .py-sm-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pt-sm-7xh, .py-sm-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }

  .pt-sm-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pr-sm-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .pr-sm-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pb-sm-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pb-sm-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pl-sm-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }

  .pl-sm-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-sm-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .px-sm-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .py-sm-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-sm-8x {
    padding: var(--spacing-scale-8x) !important;
  }

  .px-sm-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }

  .py-sm-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pt-sm-8x, .py-sm-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }

  .pt-sm-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pr-sm-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }

  .pr-sm-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pb-sm-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pb-sm-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pl-sm-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }

  .pl-sm-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-sm-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .px-sm-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .py-sm-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-sm-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }

  .px-sm-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .py-sm-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pt-sm-8xh, .py-sm-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }

  .pt-sm-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pr-sm-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .pr-sm-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pb-sm-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pb-sm-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pl-sm-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }

  .pl-sm-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-sm-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .px-sm-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .py-sm-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-sm-9x {
    padding: var(--spacing-scale-9x) !important;
  }

  .px-sm-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }

  .py-sm-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pt-sm-9x, .py-sm-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }

  .pt-sm-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pr-sm-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }

  .pr-sm-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pb-sm-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pb-sm-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pl-sm-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }

  .pl-sm-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-sm-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .px-sm-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .py-sm-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-sm-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }

  .px-sm-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .py-sm-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pt-sm-9xh, .py-sm-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }

  .pt-sm-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pr-sm-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .pr-sm-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pb-sm-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pb-sm-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pl-sm-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }

  .pl-sm-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-sm-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .px-sm-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .py-sm-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-sm-10x {
    padding: var(--spacing-scale-10x) !important;
  }

  .px-sm-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }

  .py-sm-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pt-sm-10x, .py-sm-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }

  .pt-sm-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pr-sm-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }

  .pr-sm-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pb-sm-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pb-sm-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pl-sm-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }

  .pl-sm-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-sm-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .px-sm-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .py-sm-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-sm-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }

  .px-sm-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .py-sm-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pt-sm-10xh, .py-sm-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }

  .pt-sm-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pr-sm-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .pr-sm-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pb-sm-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pb-sm-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pl-sm-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }

  .pl-sm-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .p-sm-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .px-sm-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .py-sm-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}

@media (width >= 992px) {
  .m-md-0 {
    margin: var(--spacing-scale-default) !important;
  }

  .mx-md-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }

  .my-md-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .mt-md-0, .my-md-0 {
    margin-top: var(--spacing-scale-default) !important;
  }

  .mr-md-0 {
    margin-right: var(--spacing-scale-default) !important;
  }

  .mb-md-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .ml-md-0 {
    margin-left: var(--spacing-scale-default) !important;
  }

  .m-md-half {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-md-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-md-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-md-half, .my-md-half {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-md-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-md-half {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-md-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-md-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-md-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-md-half {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-md-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-md-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-md-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-md-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-md-base {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-md-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-md-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-md-base, .my-md-base {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-md-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-md-base {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-md-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-md-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-md-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-md-base {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-md-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-md-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-md-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-md-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-md-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }

  .mx-md-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .my-md-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mt-md-baseh, .my-md-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }

  .mt-md-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mr-md-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .mr-md-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mb-md-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mb-md-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .ml-md-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }

  .ml-md-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-md-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mx-md-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .my-md-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-md-1 {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-md-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-md-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-md-1, .my-md-1 {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-md-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-md-1 {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-md-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-md-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-md-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-md-1 {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-md-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-md-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-md-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-md-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-md-2 {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-md-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-md-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-md-2, .my-md-2 {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-md-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-md-2 {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-md-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-md-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-md-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-md-2 {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-md-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-md-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-md-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-md-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-md-3 {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-md-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-md-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-md-3, .my-md-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-md-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-md-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-md-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-md-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-md-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-md-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-md-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-md-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-md-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-md-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-md-4 {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-md-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-md-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-md-4, .my-md-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-md-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-md-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-md-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-md-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-md-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-md-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-md-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-md-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-md-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-md-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-md-5 {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-md-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-md-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-md-5, .my-md-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-md-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-md-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-md-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-md-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-md-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-md-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-md-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-md-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-md-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-md-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-md-6 {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-md-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-md-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-md-6, .my-md-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-md-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-md-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-md-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-md-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-md-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-md-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-md-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-md-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-md-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-md-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-md-2x {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-md-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-md-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-md-2x, .my-md-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-md-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-md-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-md-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-md-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-md-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-md-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-md-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-md-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-md-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-md-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-md-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }

  .mx-md-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .my-md-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mt-md-2xh, .my-md-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }

  .mt-md-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mr-md-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .mr-md-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mb-md-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mb-md-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .ml-md-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }

  .ml-md-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-md-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mx-md-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .my-md-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-md-3x {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-md-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-md-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-md-3x, .my-md-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-md-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-md-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-md-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-md-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-md-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-md-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-md-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-md-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-md-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-md-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-md-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }

  .mx-md-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .my-md-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mt-md-3xh, .my-md-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }

  .mt-md-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mr-md-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .mr-md-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mb-md-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mb-md-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .ml-md-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }

  .ml-md-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-md-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mx-md-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .my-md-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-md-4x {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-md-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-md-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-md-4x, .my-md-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-md-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-md-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-md-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-md-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-md-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-md-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-md-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-md-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-md-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-md-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-md-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }

  .mx-md-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .my-md-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mt-md-4xh, .my-md-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }

  .mt-md-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mr-md-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .mr-md-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mb-md-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mb-md-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .ml-md-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }

  .ml-md-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-md-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mx-md-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .my-md-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-md-5x {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-md-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-md-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-md-5x, .my-md-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-md-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-md-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-md-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-md-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-md-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-md-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-md-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-md-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-md-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-md-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-md-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }

  .mx-md-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .my-md-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mt-md-5xh, .my-md-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }

  .mt-md-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mr-md-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .mr-md-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mb-md-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mb-md-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .ml-md-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }

  .ml-md-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-md-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mx-md-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .my-md-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-md-6x {
    margin: var(--spacing-scale-6x) !important;
  }

  .mx-md-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }

  .my-md-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mt-md-6x, .my-md-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }

  .mt-md-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mr-md-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }

  .mr-md-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mb-md-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mb-md-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .ml-md-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }

  .ml-md-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-md-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mx-md-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .my-md-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-md-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }

  .mx-md-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .my-md-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mt-md-6xh, .my-md-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }

  .mt-md-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mr-md-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .mr-md-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mb-md-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mb-md-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .ml-md-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }

  .ml-md-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-md-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mx-md-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .my-md-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-md-7x {
    margin: var(--spacing-scale-7x) !important;
  }

  .mx-md-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }

  .my-md-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mt-md-7x, .my-md-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }

  .mt-md-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mr-md-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }

  .mr-md-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mb-md-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mb-md-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .ml-md-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }

  .ml-md-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-md-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mx-md-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .my-md-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-md-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }

  .mx-md-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .my-md-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mt-md-7xh, .my-md-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }

  .mt-md-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mr-md-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .mr-md-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mb-md-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mb-md-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .ml-md-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }

  .ml-md-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-md-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mx-md-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .my-md-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-md-8x {
    margin: var(--spacing-scale-8x) !important;
  }

  .mx-md-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }

  .my-md-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mt-md-8x, .my-md-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }

  .mt-md-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mr-md-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }

  .mr-md-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mb-md-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mb-md-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .ml-md-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }

  .ml-md-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-md-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mx-md-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .my-md-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-md-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }

  .mx-md-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .my-md-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mt-md-8xh, .my-md-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }

  .mt-md-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mr-md-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .mr-md-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mb-md-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mb-md-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .ml-md-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }

  .ml-md-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-md-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mx-md-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .my-md-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-md-9x {
    margin: var(--spacing-scale-9x) !important;
  }

  .mx-md-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }

  .my-md-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mt-md-9x, .my-md-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }

  .mt-md-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mr-md-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }

  .mr-md-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mb-md-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mb-md-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .ml-md-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }

  .ml-md-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-md-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mx-md-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .my-md-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-md-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }

  .mx-md-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .my-md-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mt-md-9xh, .my-md-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }

  .mt-md-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mr-md-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .mr-md-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mb-md-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mb-md-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .ml-md-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }

  .ml-md-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-md-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mx-md-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .my-md-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-md-10x {
    margin: var(--spacing-scale-10x) !important;
  }

  .mx-md-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }

  .my-md-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mt-md-10x, .my-md-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }

  .mt-md-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mr-md-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }

  .mr-md-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mb-md-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mb-md-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .ml-md-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }

  .ml-md-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-md-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mx-md-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .my-md-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-md-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }

  .mx-md-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .my-md-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mt-md-10xh, .my-md-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }

  .mt-md-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mr-md-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .mr-md-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mb-md-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mb-md-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .ml-md-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }

  .ml-md-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .m-md-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mx-md-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .my-md-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

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

  .mx-md-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-md-auto {
    margin-bottom: auto !important;
  }

  .mt-md-auto, .my-md-auto {
    margin-top: auto !important;
  }

  .mr-md-auto {
    margin-right: auto !important;
  }

  .mb-md-auto {
    margin-bottom: auto !important;
  }

  .ml-md-auto {
    margin-left: auto !important;
  }

  .p-md-0 {
    padding: var(--spacing-scale-default) !important;
  }

  .px-md-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }

  .py-md-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pt-md-0, .py-md-0 {
    padding-top: var(--spacing-scale-default) !important;
  }

  .pr-md-0 {
    padding-right: var(--spacing-scale-default) !important;
  }

  .pb-md-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pl-md-0 {
    padding-left: var(--spacing-scale-default) !important;
  }

  .p-md-half {
    padding: var(--spacing-scale-half) !important;
  }

  .px-md-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-md-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-md-half, .py-md-half {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-md-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-md-half {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-md-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-md-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-md-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-md-half {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-md-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-md-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-md-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-md-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-md-base {
    padding: var(--spacing-scale-base) !important;
  }

  .px-md-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-md-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-md-base, .py-md-base {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-md-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-md-base {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-md-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-md-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-md-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-md-base {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-md-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-md-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-md-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-md-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-md-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }

  .px-md-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .py-md-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pt-md-baseh, .py-md-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }

  .pt-md-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pr-md-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .pr-md-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pb-md-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pb-md-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pl-md-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }

  .pl-md-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-md-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .px-md-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .py-md-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-md-1 {
    padding: var(--spacing-scale-half) !important;
  }

  .px-md-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-md-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-md-1, .py-md-1 {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-md-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-md-1 {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-md-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-md-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-md-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-md-1 {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-md-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-md-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-md-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-md-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-md-2 {
    padding: var(--spacing-scale-base) !important;
  }

  .px-md-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-md-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-md-2, .py-md-2 {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-md-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-md-2 {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-md-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-md-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-md-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-md-2 {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-md-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-md-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-md-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-md-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-md-3 {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-md-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-md-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-md-3, .py-md-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-md-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-md-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-md-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-md-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-md-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-md-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-md-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-md-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-md-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-md-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-md-4 {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-md-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-md-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-md-4, .py-md-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-md-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-md-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-md-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-md-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-md-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-md-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-md-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-md-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-md-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-md-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-md-5 {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-md-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-md-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-md-5, .py-md-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-md-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-md-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-md-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-md-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-md-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-md-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-md-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-md-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-md-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-md-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-md-6 {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-md-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-md-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-md-6, .py-md-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-md-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-md-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-md-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-md-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-md-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-md-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-md-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-md-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-md-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-md-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-md-2x {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-md-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-md-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-md-2x, .py-md-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-md-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-md-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-md-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-md-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-md-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-md-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-md-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-md-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-md-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-md-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-md-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }

  .px-md-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .py-md-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pt-md-2xh, .py-md-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }

  .pt-md-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pr-md-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .pr-md-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pb-md-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pb-md-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pl-md-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }

  .pl-md-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-md-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .px-md-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .py-md-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-md-3x {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-md-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-md-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-md-3x, .py-md-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-md-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-md-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-md-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-md-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-md-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-md-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-md-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-md-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-md-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-md-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-md-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }

  .px-md-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .py-md-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pt-md-3xh, .py-md-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }

  .pt-md-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pr-md-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .pr-md-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pb-md-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pb-md-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pl-md-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }

  .pl-md-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-md-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .px-md-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .py-md-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-md-4x {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-md-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-md-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-md-4x, .py-md-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-md-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-md-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-md-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-md-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-md-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-md-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-md-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-md-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-md-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-md-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-md-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }

  .px-md-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .py-md-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pt-md-4xh, .py-md-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }

  .pt-md-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pr-md-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .pr-md-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pb-md-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pb-md-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pl-md-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }

  .pl-md-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-md-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .px-md-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .py-md-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-md-5x {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-md-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-md-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-md-5x, .py-md-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-md-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-md-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-md-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-md-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-md-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-md-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-md-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-md-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-md-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-md-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-md-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }

  .px-md-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .py-md-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pt-md-5xh, .py-md-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }

  .pt-md-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pr-md-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .pr-md-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pb-md-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pb-md-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pl-md-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }

  .pl-md-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-md-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .px-md-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .py-md-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-md-6x {
    padding: var(--spacing-scale-6x) !important;
  }

  .px-md-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }

  .py-md-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pt-md-6x, .py-md-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }

  .pt-md-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pr-md-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }

  .pr-md-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pb-md-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pb-md-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pl-md-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }

  .pl-md-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-md-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .px-md-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .py-md-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-md-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }

  .px-md-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .py-md-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pt-md-6xh, .py-md-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }

  .pt-md-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pr-md-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .pr-md-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pb-md-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pb-md-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pl-md-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }

  .pl-md-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-md-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .px-md-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .py-md-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-md-7x {
    padding: var(--spacing-scale-7x) !important;
  }

  .px-md-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }

  .py-md-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pt-md-7x, .py-md-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }

  .pt-md-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pr-md-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }

  .pr-md-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pb-md-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pb-md-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pl-md-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }

  .pl-md-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-md-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .px-md-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .py-md-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-md-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }

  .px-md-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .py-md-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pt-md-7xh, .py-md-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }

  .pt-md-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pr-md-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .pr-md-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pb-md-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pb-md-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pl-md-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }

  .pl-md-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-md-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .px-md-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .py-md-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-md-8x {
    padding: var(--spacing-scale-8x) !important;
  }

  .px-md-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }

  .py-md-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pt-md-8x, .py-md-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }

  .pt-md-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pr-md-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }

  .pr-md-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pb-md-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pb-md-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pl-md-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }

  .pl-md-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-md-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .px-md-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .py-md-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-md-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }

  .px-md-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .py-md-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pt-md-8xh, .py-md-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }

  .pt-md-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pr-md-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .pr-md-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pb-md-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pb-md-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pl-md-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }

  .pl-md-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-md-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .px-md-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .py-md-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-md-9x {
    padding: var(--spacing-scale-9x) !important;
  }

  .px-md-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }

  .py-md-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pt-md-9x, .py-md-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }

  .pt-md-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pr-md-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }

  .pr-md-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pb-md-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pb-md-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pl-md-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }

  .pl-md-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-md-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .px-md-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .py-md-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-md-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }

  .px-md-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .py-md-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pt-md-9xh, .py-md-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }

  .pt-md-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pr-md-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .pr-md-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pb-md-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pb-md-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pl-md-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }

  .pl-md-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-md-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .px-md-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .py-md-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-md-10x {
    padding: var(--spacing-scale-10x) !important;
  }

  .px-md-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }

  .py-md-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pt-md-10x, .py-md-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }

  .pt-md-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pr-md-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }

  .pr-md-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pb-md-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pb-md-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pl-md-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }

  .pl-md-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-md-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .px-md-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .py-md-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-md-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }

  .px-md-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .py-md-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pt-md-10xh, .py-md-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }

  .pt-md-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pr-md-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .pr-md-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pb-md-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pb-md-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pl-md-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }

  .pl-md-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .p-md-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .px-md-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .py-md-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}

@media (width >= 1280px) {
  .m-lg-0 {
    margin: var(--spacing-scale-default) !important;
  }

  .mx-lg-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }

  .my-lg-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .mt-lg-0, .my-lg-0 {
    margin-top: var(--spacing-scale-default) !important;
  }

  .mr-lg-0 {
    margin-right: var(--spacing-scale-default) !important;
  }

  .mb-lg-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .ml-lg-0 {
    margin-left: var(--spacing-scale-default) !important;
  }

  .m-lg-half {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-lg-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-lg-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-lg-half, .my-lg-half {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-lg-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-lg-half {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-lg-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-lg-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-lg-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-lg-half {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-lg-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-lg-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-lg-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-lg-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-lg-base {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-lg-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-lg-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-lg-base, .my-lg-base {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-lg-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-lg-base {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-lg-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-lg-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-lg-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-lg-base {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-lg-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-lg-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-lg-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-lg-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-lg-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }

  .mx-lg-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .my-lg-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mt-lg-baseh, .my-lg-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }

  .mt-lg-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mr-lg-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .mr-lg-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mb-lg-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mb-lg-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .ml-lg-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }

  .ml-lg-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-lg-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mx-lg-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .my-lg-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-lg-1 {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-lg-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-lg-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-lg-1, .my-lg-1 {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-lg-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-lg-1 {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-lg-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-lg-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-lg-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-lg-1 {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-lg-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-lg-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-lg-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-lg-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-lg-2 {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-lg-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-lg-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-lg-2, .my-lg-2 {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-lg-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-lg-2 {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-lg-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-lg-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-lg-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-lg-2 {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-lg-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-lg-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-lg-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-lg-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-lg-3 {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-lg-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-lg-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-lg-3, .my-lg-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-lg-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-lg-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-lg-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-lg-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-lg-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-lg-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-lg-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-lg-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-lg-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-lg-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-lg-4 {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-lg-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-lg-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-lg-4, .my-lg-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-lg-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-lg-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-lg-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-lg-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-lg-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-lg-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-lg-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-lg-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-lg-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-lg-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-lg-5 {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-lg-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-lg-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-lg-5, .my-lg-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-lg-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-lg-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-lg-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-lg-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-lg-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-lg-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-lg-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-lg-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-lg-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-lg-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-lg-6 {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-lg-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-lg-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-lg-6, .my-lg-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-lg-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-lg-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-lg-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-lg-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-lg-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-lg-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-lg-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-lg-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-lg-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-lg-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-lg-2x {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-lg-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-lg-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-lg-2x, .my-lg-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-lg-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-lg-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-lg-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-lg-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-lg-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-lg-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-lg-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-lg-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-lg-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-lg-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-lg-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }

  .mx-lg-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .my-lg-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mt-lg-2xh, .my-lg-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }

  .mt-lg-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mr-lg-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .mr-lg-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mb-lg-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mb-lg-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .ml-lg-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }

  .ml-lg-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-lg-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mx-lg-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .my-lg-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-lg-3x {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-lg-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-lg-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-lg-3x, .my-lg-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-lg-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-lg-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-lg-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-lg-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-lg-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-lg-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-lg-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-lg-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-lg-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-lg-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-lg-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }

  .mx-lg-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .my-lg-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mt-lg-3xh, .my-lg-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }

  .mt-lg-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mr-lg-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .mr-lg-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mb-lg-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mb-lg-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .ml-lg-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }

  .ml-lg-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-lg-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mx-lg-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .my-lg-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-lg-4x {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-lg-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-lg-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-lg-4x, .my-lg-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-lg-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-lg-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-lg-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-lg-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-lg-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-lg-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-lg-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-lg-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-lg-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-lg-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-lg-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }

  .mx-lg-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .my-lg-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mt-lg-4xh, .my-lg-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }

  .mt-lg-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mr-lg-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .mr-lg-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mb-lg-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mb-lg-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .ml-lg-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }

  .ml-lg-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-lg-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mx-lg-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .my-lg-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-lg-5x {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-lg-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-lg-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-lg-5x, .my-lg-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-lg-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-lg-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-lg-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-lg-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-lg-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-lg-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-lg-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-lg-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-lg-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-lg-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-lg-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }

  .mx-lg-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .my-lg-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mt-lg-5xh, .my-lg-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }

  .mt-lg-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mr-lg-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .mr-lg-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mb-lg-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mb-lg-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .ml-lg-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }

  .ml-lg-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-lg-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mx-lg-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .my-lg-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-lg-6x {
    margin: var(--spacing-scale-6x) !important;
  }

  .mx-lg-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }

  .my-lg-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mt-lg-6x, .my-lg-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }

  .mt-lg-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mr-lg-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }

  .mr-lg-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mb-lg-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mb-lg-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .ml-lg-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }

  .ml-lg-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-lg-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mx-lg-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .my-lg-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-lg-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }

  .mx-lg-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .my-lg-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mt-lg-6xh, .my-lg-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }

  .mt-lg-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mr-lg-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .mr-lg-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mb-lg-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mb-lg-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .ml-lg-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }

  .ml-lg-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-lg-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mx-lg-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .my-lg-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-lg-7x {
    margin: var(--spacing-scale-7x) !important;
  }

  .mx-lg-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }

  .my-lg-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mt-lg-7x, .my-lg-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }

  .mt-lg-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mr-lg-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }

  .mr-lg-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mb-lg-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mb-lg-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .ml-lg-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }

  .ml-lg-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-lg-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mx-lg-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .my-lg-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-lg-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }

  .mx-lg-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .my-lg-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mt-lg-7xh, .my-lg-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }

  .mt-lg-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mr-lg-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .mr-lg-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mb-lg-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mb-lg-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .ml-lg-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }

  .ml-lg-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-lg-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mx-lg-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .my-lg-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-lg-8x {
    margin: var(--spacing-scale-8x) !important;
  }

  .mx-lg-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }

  .my-lg-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mt-lg-8x, .my-lg-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }

  .mt-lg-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mr-lg-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }

  .mr-lg-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mb-lg-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mb-lg-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .ml-lg-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }

  .ml-lg-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-lg-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mx-lg-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .my-lg-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-lg-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }

  .mx-lg-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .my-lg-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mt-lg-8xh, .my-lg-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }

  .mt-lg-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mr-lg-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .mr-lg-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mb-lg-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mb-lg-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .ml-lg-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }

  .ml-lg-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-lg-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mx-lg-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .my-lg-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-lg-9x {
    margin: var(--spacing-scale-9x) !important;
  }

  .mx-lg-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }

  .my-lg-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mt-lg-9x, .my-lg-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }

  .mt-lg-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mr-lg-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }

  .mr-lg-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mb-lg-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mb-lg-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .ml-lg-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }

  .ml-lg-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-lg-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mx-lg-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .my-lg-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-lg-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }

  .mx-lg-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .my-lg-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mt-lg-9xh, .my-lg-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }

  .mt-lg-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mr-lg-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .mr-lg-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mb-lg-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mb-lg-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .ml-lg-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }

  .ml-lg-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-lg-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mx-lg-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .my-lg-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-lg-10x {
    margin: var(--spacing-scale-10x) !important;
  }

  .mx-lg-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }

  .my-lg-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mt-lg-10x, .my-lg-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }

  .mt-lg-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mr-lg-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }

  .mr-lg-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mb-lg-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mb-lg-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .ml-lg-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }

  .ml-lg-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-lg-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mx-lg-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .my-lg-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-lg-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }

  .mx-lg-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .my-lg-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mt-lg-10xh, .my-lg-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }

  .mt-lg-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mr-lg-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .mr-lg-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mb-lg-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mb-lg-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .ml-lg-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }

  .ml-lg-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .m-lg-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mx-lg-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .my-lg-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

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

  .mx-lg-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-lg-auto {
    margin-bottom: auto !important;
  }

  .mt-lg-auto, .my-lg-auto {
    margin-top: auto !important;
  }

  .mr-lg-auto {
    margin-right: auto !important;
  }

  .mb-lg-auto {
    margin-bottom: auto !important;
  }

  .ml-lg-auto {
    margin-left: auto !important;
  }

  .p-lg-0 {
    padding: var(--spacing-scale-default) !important;
  }

  .px-lg-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }

  .py-lg-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pt-lg-0, .py-lg-0 {
    padding-top: var(--spacing-scale-default) !important;
  }

  .pr-lg-0 {
    padding-right: var(--spacing-scale-default) !important;
  }

  .pb-lg-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pl-lg-0 {
    padding-left: var(--spacing-scale-default) !important;
  }

  .p-lg-half {
    padding: var(--spacing-scale-half) !important;
  }

  .px-lg-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-lg-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-lg-half, .py-lg-half {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-lg-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-lg-half {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-lg-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-lg-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-lg-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-lg-half {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-lg-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-lg-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-lg-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-lg-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-lg-base {
    padding: var(--spacing-scale-base) !important;
  }

  .px-lg-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-lg-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-lg-base, .py-lg-base {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-lg-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-lg-base {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-lg-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-lg-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-lg-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-lg-base {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-lg-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-lg-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-lg-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-lg-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-lg-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }

  .px-lg-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .py-lg-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pt-lg-baseh, .py-lg-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }

  .pt-lg-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pr-lg-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .pr-lg-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pb-lg-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pb-lg-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pl-lg-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }

  .pl-lg-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-lg-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .px-lg-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .py-lg-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-lg-1 {
    padding: var(--spacing-scale-half) !important;
  }

  .px-lg-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-lg-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-lg-1, .py-lg-1 {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-lg-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-lg-1 {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-lg-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-lg-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-lg-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-lg-1 {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-lg-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-lg-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-lg-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-lg-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-lg-2 {
    padding: var(--spacing-scale-base) !important;
  }

  .px-lg-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-lg-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-lg-2, .py-lg-2 {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-lg-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-lg-2 {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-lg-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-lg-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-lg-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-lg-2 {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-lg-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-lg-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-lg-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-lg-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-lg-3 {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-lg-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-lg-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-lg-3, .py-lg-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-lg-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-lg-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-lg-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-lg-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-lg-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-lg-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-lg-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-lg-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-lg-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-lg-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-lg-4 {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-lg-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-lg-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-lg-4, .py-lg-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-lg-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-lg-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-lg-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-lg-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-lg-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-lg-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-lg-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-lg-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-lg-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-lg-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-lg-5 {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-lg-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-lg-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-lg-5, .py-lg-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-lg-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-lg-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-lg-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-lg-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-lg-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-lg-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-lg-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-lg-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-lg-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-lg-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-lg-6 {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-lg-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-lg-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-lg-6, .py-lg-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-lg-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-lg-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-lg-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-lg-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-lg-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-lg-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-lg-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-lg-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-lg-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-lg-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-lg-2x {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-lg-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-lg-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-lg-2x, .py-lg-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-lg-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-lg-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-lg-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-lg-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-lg-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-lg-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-lg-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-lg-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-lg-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-lg-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-lg-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }

  .px-lg-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .py-lg-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pt-lg-2xh, .py-lg-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }

  .pt-lg-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pr-lg-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .pr-lg-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pb-lg-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pb-lg-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pl-lg-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }

  .pl-lg-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-lg-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .px-lg-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .py-lg-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-lg-3x {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-lg-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-lg-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-lg-3x, .py-lg-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-lg-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-lg-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-lg-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-lg-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-lg-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-lg-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-lg-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-lg-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-lg-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-lg-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-lg-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }

  .px-lg-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .py-lg-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pt-lg-3xh, .py-lg-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }

  .pt-lg-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pr-lg-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .pr-lg-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pb-lg-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pb-lg-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pl-lg-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }

  .pl-lg-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-lg-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .px-lg-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .py-lg-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-lg-4x {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-lg-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-lg-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-lg-4x, .py-lg-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-lg-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-lg-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-lg-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-lg-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-lg-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-lg-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-lg-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-lg-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-lg-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-lg-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-lg-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }

  .px-lg-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .py-lg-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pt-lg-4xh, .py-lg-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }

  .pt-lg-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pr-lg-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .pr-lg-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pb-lg-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pb-lg-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pl-lg-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }

  .pl-lg-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-lg-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .px-lg-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .py-lg-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-lg-5x {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-lg-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-lg-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-lg-5x, .py-lg-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-lg-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-lg-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-lg-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-lg-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-lg-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-lg-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-lg-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-lg-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-lg-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-lg-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-lg-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }

  .px-lg-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .py-lg-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pt-lg-5xh, .py-lg-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }

  .pt-lg-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pr-lg-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .pr-lg-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pb-lg-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pb-lg-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pl-lg-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }

  .pl-lg-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-lg-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .px-lg-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .py-lg-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-lg-6x {
    padding: var(--spacing-scale-6x) !important;
  }

  .px-lg-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }

  .py-lg-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pt-lg-6x, .py-lg-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }

  .pt-lg-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pr-lg-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }

  .pr-lg-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pb-lg-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pb-lg-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pl-lg-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }

  .pl-lg-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-lg-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .px-lg-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .py-lg-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-lg-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }

  .px-lg-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .py-lg-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pt-lg-6xh, .py-lg-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }

  .pt-lg-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pr-lg-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .pr-lg-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pb-lg-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pb-lg-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pl-lg-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }

  .pl-lg-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-lg-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .px-lg-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .py-lg-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-lg-7x {
    padding: var(--spacing-scale-7x) !important;
  }

  .px-lg-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }

  .py-lg-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pt-lg-7x, .py-lg-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }

  .pt-lg-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pr-lg-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }

  .pr-lg-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pb-lg-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pb-lg-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pl-lg-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }

  .pl-lg-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-lg-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .px-lg-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .py-lg-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-lg-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }

  .px-lg-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .py-lg-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pt-lg-7xh, .py-lg-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }

  .pt-lg-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pr-lg-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .pr-lg-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pb-lg-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pb-lg-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pl-lg-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }

  .pl-lg-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-lg-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .px-lg-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .py-lg-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-lg-8x {
    padding: var(--spacing-scale-8x) !important;
  }

  .px-lg-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }

  .py-lg-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pt-lg-8x, .py-lg-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }

  .pt-lg-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pr-lg-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }

  .pr-lg-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pb-lg-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pb-lg-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pl-lg-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }

  .pl-lg-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-lg-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .px-lg-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .py-lg-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-lg-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }

  .px-lg-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .py-lg-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pt-lg-8xh, .py-lg-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }

  .pt-lg-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pr-lg-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .pr-lg-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pb-lg-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pb-lg-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pl-lg-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }

  .pl-lg-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-lg-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .px-lg-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .py-lg-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-lg-9x {
    padding: var(--spacing-scale-9x) !important;
  }

  .px-lg-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }

  .py-lg-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pt-lg-9x, .py-lg-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }

  .pt-lg-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pr-lg-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }

  .pr-lg-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pb-lg-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pb-lg-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pl-lg-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }

  .pl-lg-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-lg-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .px-lg-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .py-lg-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-lg-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }

  .px-lg-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .py-lg-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pt-lg-9xh, .py-lg-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }

  .pt-lg-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pr-lg-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .pr-lg-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pb-lg-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pb-lg-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pl-lg-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }

  .pl-lg-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-lg-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .px-lg-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .py-lg-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-lg-10x {
    padding: var(--spacing-scale-10x) !important;
  }

  .px-lg-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }

  .py-lg-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pt-lg-10x, .py-lg-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }

  .pt-lg-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pr-lg-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }

  .pr-lg-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pb-lg-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pb-lg-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pl-lg-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }

  .pl-lg-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-lg-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .px-lg-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .py-lg-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-lg-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }

  .px-lg-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .py-lg-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pt-lg-10xh, .py-lg-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }

  .pt-lg-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pr-lg-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .pr-lg-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pb-lg-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pb-lg-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pl-lg-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }

  .pl-lg-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .p-lg-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .px-lg-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .py-lg-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}

@media (width >= 1600px) {
  .m-xl-0 {
    margin: var(--spacing-scale-default) !important;
  }

  .mx-xl-0 {
    margin-left: var(--spacing-scale-default) !important;
    margin-right: var(--spacing-scale-default) !important;
  }

  .my-xl-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .mt-xl-0, .my-xl-0 {
    margin-top: var(--spacing-scale-default) !important;
  }

  .mr-xl-0 {
    margin-right: var(--spacing-scale-default) !important;
  }

  .mb-xl-0 {
    margin-bottom: var(--spacing-scale-default) !important;
  }

  .ml-xl-0 {
    margin-left: var(--spacing-scale-default) !important;
  }

  .m-xl-half {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-xl-half {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-xl-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-xl-half, .my-xl-half {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-xl-nhalf {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-xl-half {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-xl-nhalf {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-xl-half {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-xl-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-xl-half {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-xl-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-xl-nhalf {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-xl-nhalf {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-xl-nhalf {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-xl-base {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-xl-base {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-xl-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-xl-base, .my-xl-base {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-xl-nbase {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-xl-base {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-xl-nbase {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-xl-base {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-xl-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-xl-base {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-xl-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-xl-nbase {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-xl-nbase {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-xl-nbase {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-xl-baseh {
    margin: var(--spacing-scale-baseh) !important;
  }

  .mx-xl-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .my-xl-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mt-xl-baseh, .my-xl-baseh {
    margin-top: var(--spacing-scale-baseh) !important;
  }

  .mt-xl-nbaseh {
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mr-xl-baseh {
    margin-right: var(--spacing-scale-baseh) !important;
  }

  .mr-xl-nbaseh {
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mb-xl-baseh {
    margin-bottom: var(--spacing-scale-baseh) !important;
  }

  .mb-xl-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .ml-xl-baseh {
    margin-left: var(--spacing-scale-baseh) !important;
  }

  .ml-xl-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-xl-nbaseh {
    margin: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .mx-xl-nbaseh {
    margin-left: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .my-xl-nbaseh {
    margin-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    margin-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .m-xl-1 {
    margin: var(--spacing-scale-half) !important;
  }

  .mx-xl-1 {
    margin-left: var(--spacing-scale-half) !important;
    margin-right: var(--spacing-scale-half) !important;
  }

  .my-xl-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mt-xl-1, .my-xl-1 {
    margin-top: var(--spacing-scale-half) !important;
  }

  .mt-xl-n1 {
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mr-xl-1 {
    margin-right: var(--spacing-scale-half) !important;
  }

  .mr-xl-n1 {
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mb-xl-1 {
    margin-bottom: var(--spacing-scale-half) !important;
  }

  .mb-xl-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .ml-xl-1 {
    margin-left: var(--spacing-scale-half) !important;
  }

  .ml-xl-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-xl-n1 {
    margin: calc(var(--spacing-scale-half) * -1) !important;
  }

  .mx-xl-n1 {
    margin-left: calc(var(--spacing-scale-half) * -1) !important;
    margin-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .my-xl-n1 {
    margin-bottom: calc(var(--spacing-scale-half) * -1) !important;
    margin-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .m-xl-2 {
    margin: var(--spacing-scale-base) !important;
  }

  .mx-xl-2 {
    margin-left: var(--spacing-scale-base) !important;
    margin-right: var(--spacing-scale-base) !important;
  }

  .my-xl-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mt-xl-2, .my-xl-2 {
    margin-top: var(--spacing-scale-base) !important;
  }

  .mt-xl-n2 {
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mr-xl-2 {
    margin-right: var(--spacing-scale-base) !important;
  }

  .mr-xl-n2 {
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mb-xl-2 {
    margin-bottom: var(--spacing-scale-base) !important;
  }

  .mb-xl-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .ml-xl-2 {
    margin-left: var(--spacing-scale-base) !important;
  }

  .ml-xl-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-xl-n2 {
    margin: calc(var(--spacing-scale-base) * -1) !important;
  }

  .mx-xl-n2 {
    margin-left: calc(var(--spacing-scale-base) * -1) !important;
    margin-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .my-xl-n2 {
    margin-bottom: calc(var(--spacing-scale-base) * -1) !important;
    margin-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .m-xl-3 {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-xl-3 {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-xl-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-xl-3, .my-xl-3 {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-xl-n3 {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-xl-3 {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-xl-n3 {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-xl-3 {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-xl-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-xl-3 {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-xl-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-xl-n3 {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-xl-n3 {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-xl-n3 {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-xl-4 {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-xl-4 {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-xl-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-xl-4, .my-xl-4 {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-xl-n4 {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-xl-4 {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-xl-n4 {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-xl-4 {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-xl-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-xl-4 {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-xl-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-xl-n4 {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-xl-n4 {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-xl-n4 {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-xl-5 {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-xl-5 {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-xl-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-xl-5, .my-xl-5 {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-xl-n5 {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-xl-5 {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-xl-n5 {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-xl-5 {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-xl-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-xl-5 {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-xl-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-xl-n5 {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-xl-n5 {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-xl-n5 {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-xl-6 {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-xl-6 {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-xl-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-xl-6, .my-xl-6 {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-xl-n6 {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-xl-6 {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-xl-n6 {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-xl-6 {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-xl-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-xl-6 {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-xl-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-xl-n6 {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-xl-n6 {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-xl-n6 {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-xl-2x {
    margin: var(--spacing-scale-2x) !important;
  }

  .mx-xl-2x {
    margin-left: var(--spacing-scale-2x) !important;
    margin-right: var(--spacing-scale-2x) !important;
  }

  .my-xl-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mt-xl-2x, .my-xl-2x {
    margin-top: var(--spacing-scale-2x) !important;
  }

  .mt-xl-n2x {
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mr-xl-2x {
    margin-right: var(--spacing-scale-2x) !important;
  }

  .mr-xl-n2x {
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mb-xl-2x {
    margin-bottom: var(--spacing-scale-2x) !important;
  }

  .mb-xl-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .ml-xl-2x {
    margin-left: var(--spacing-scale-2x) !important;
  }

  .ml-xl-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-xl-n2x {
    margin: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .mx-xl-n2x {
    margin-left: calc(var(--spacing-scale-2x) * -1) !important;
    margin-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .my-xl-n2x {
    margin-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    margin-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .m-xl-2xh {
    margin: var(--spacing-scale-2xh) !important;
  }

  .mx-xl-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .my-xl-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mt-xl-2xh, .my-xl-2xh {
    margin-top: var(--spacing-scale-2xh) !important;
  }

  .mt-xl-n2xh {
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mr-xl-2xh {
    margin-right: var(--spacing-scale-2xh) !important;
  }

  .mr-xl-n2xh {
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mb-xl-2xh {
    margin-bottom: var(--spacing-scale-2xh) !important;
  }

  .mb-xl-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .ml-xl-2xh {
    margin-left: var(--spacing-scale-2xh) !important;
  }

  .ml-xl-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-xl-n2xh {
    margin: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .mx-xl-n2xh {
    margin-left: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .my-xl-n2xh {
    margin-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .m-xl-3x {
    margin: var(--spacing-scale-3x) !important;
  }

  .mx-xl-3x {
    margin-left: var(--spacing-scale-3x) !important;
    margin-right: var(--spacing-scale-3x) !important;
  }

  .my-xl-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mt-xl-3x, .my-xl-3x {
    margin-top: var(--spacing-scale-3x) !important;
  }

  .mt-xl-n3x {
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mr-xl-3x {
    margin-right: var(--spacing-scale-3x) !important;
  }

  .mr-xl-n3x {
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mb-xl-3x {
    margin-bottom: var(--spacing-scale-3x) !important;
  }

  .mb-xl-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .ml-xl-3x {
    margin-left: var(--spacing-scale-3x) !important;
  }

  .ml-xl-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-xl-n3x {
    margin: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .mx-xl-n3x {
    margin-left: calc(var(--spacing-scale-3x) * -1) !important;
    margin-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .my-xl-n3x {
    margin-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    margin-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .m-xl-3xh {
    margin: var(--spacing-scale-3xh) !important;
  }

  .mx-xl-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .my-xl-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mt-xl-3xh, .my-xl-3xh {
    margin-top: var(--spacing-scale-3xh) !important;
  }

  .mt-xl-n3xh {
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mr-xl-3xh {
    margin-right: var(--spacing-scale-3xh) !important;
  }

  .mr-xl-n3xh {
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mb-xl-3xh {
    margin-bottom: var(--spacing-scale-3xh) !important;
  }

  .mb-xl-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .ml-xl-3xh {
    margin-left: var(--spacing-scale-3xh) !important;
  }

  .ml-xl-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-xl-n3xh {
    margin: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .mx-xl-n3xh {
    margin-left: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .my-xl-n3xh {
    margin-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .m-xl-4x {
    margin: var(--spacing-scale-4x) !important;
  }

  .mx-xl-4x {
    margin-left: var(--spacing-scale-4x) !important;
    margin-right: var(--spacing-scale-4x) !important;
  }

  .my-xl-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mt-xl-4x, .my-xl-4x {
    margin-top: var(--spacing-scale-4x) !important;
  }

  .mt-xl-n4x {
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mr-xl-4x {
    margin-right: var(--spacing-scale-4x) !important;
  }

  .mr-xl-n4x {
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mb-xl-4x {
    margin-bottom: var(--spacing-scale-4x) !important;
  }

  .mb-xl-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .ml-xl-4x {
    margin-left: var(--spacing-scale-4x) !important;
  }

  .ml-xl-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-xl-n4x {
    margin: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .mx-xl-n4x {
    margin-left: calc(var(--spacing-scale-4x) * -1) !important;
    margin-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .my-xl-n4x {
    margin-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    margin-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .m-xl-4xh {
    margin: var(--spacing-scale-4xh) !important;
  }

  .mx-xl-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .my-xl-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mt-xl-4xh, .my-xl-4xh {
    margin-top: var(--spacing-scale-4xh) !important;
  }

  .mt-xl-n4xh {
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mr-xl-4xh {
    margin-right: var(--spacing-scale-4xh) !important;
  }

  .mr-xl-n4xh {
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mb-xl-4xh {
    margin-bottom: var(--spacing-scale-4xh) !important;
  }

  .mb-xl-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .ml-xl-4xh {
    margin-left: var(--spacing-scale-4xh) !important;
  }

  .ml-xl-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-xl-n4xh {
    margin: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .mx-xl-n4xh {
    margin-left: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .my-xl-n4xh {
    margin-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .m-xl-5x {
    margin: var(--spacing-scale-5x) !important;
  }

  .mx-xl-5x {
    margin-left: var(--spacing-scale-5x) !important;
    margin-right: var(--spacing-scale-5x) !important;
  }

  .my-xl-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mt-xl-5x, .my-xl-5x {
    margin-top: var(--spacing-scale-5x) !important;
  }

  .mt-xl-n5x {
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mr-xl-5x {
    margin-right: var(--spacing-scale-5x) !important;
  }

  .mr-xl-n5x {
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mb-xl-5x {
    margin-bottom: var(--spacing-scale-5x) !important;
  }

  .mb-xl-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .ml-xl-5x {
    margin-left: var(--spacing-scale-5x) !important;
  }

  .ml-xl-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-xl-n5x {
    margin: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .mx-xl-n5x {
    margin-left: calc(var(--spacing-scale-5x) * -1) !important;
    margin-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .my-xl-n5x {
    margin-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    margin-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .m-xl-5xh {
    margin: var(--spacing-scale-5xh) !important;
  }

  .mx-xl-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .my-xl-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mt-xl-5xh, .my-xl-5xh {
    margin-top: var(--spacing-scale-5xh) !important;
  }

  .mt-xl-n5xh {
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mr-xl-5xh {
    margin-right: var(--spacing-scale-5xh) !important;
  }

  .mr-xl-n5xh {
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mb-xl-5xh {
    margin-bottom: var(--spacing-scale-5xh) !important;
  }

  .mb-xl-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .ml-xl-5xh {
    margin-left: var(--spacing-scale-5xh) !important;
  }

  .ml-xl-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-xl-n5xh {
    margin: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .mx-xl-n5xh {
    margin-left: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .my-xl-n5xh {
    margin-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .m-xl-6x {
    margin: var(--spacing-scale-6x) !important;
  }

  .mx-xl-6x {
    margin-left: var(--spacing-scale-6x) !important;
    margin-right: var(--spacing-scale-6x) !important;
  }

  .my-xl-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mt-xl-6x, .my-xl-6x {
    margin-top: var(--spacing-scale-6x) !important;
  }

  .mt-xl-n6x {
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mr-xl-6x {
    margin-right: var(--spacing-scale-6x) !important;
  }

  .mr-xl-n6x {
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mb-xl-6x {
    margin-bottom: var(--spacing-scale-6x) !important;
  }

  .mb-xl-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .ml-xl-6x {
    margin-left: var(--spacing-scale-6x) !important;
  }

  .ml-xl-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-xl-n6x {
    margin: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .mx-xl-n6x {
    margin-left: calc(var(--spacing-scale-6x) * -1) !important;
    margin-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .my-xl-n6x {
    margin-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    margin-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .m-xl-6xh {
    margin: var(--spacing-scale-6xh) !important;
  }

  .mx-xl-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .my-xl-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mt-xl-6xh, .my-xl-6xh {
    margin-top: var(--spacing-scale-6xh) !important;
  }

  .mt-xl-n6xh {
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mr-xl-6xh {
    margin-right: var(--spacing-scale-6xh) !important;
  }

  .mr-xl-n6xh {
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mb-xl-6xh {
    margin-bottom: var(--spacing-scale-6xh) !important;
  }

  .mb-xl-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .ml-xl-6xh {
    margin-left: var(--spacing-scale-6xh) !important;
  }

  .ml-xl-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-xl-n6xh {
    margin: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .mx-xl-n6xh {
    margin-left: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .my-xl-n6xh {
    margin-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .m-xl-7x {
    margin: var(--spacing-scale-7x) !important;
  }

  .mx-xl-7x {
    margin-left: var(--spacing-scale-7x) !important;
    margin-right: var(--spacing-scale-7x) !important;
  }

  .my-xl-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mt-xl-7x, .my-xl-7x {
    margin-top: var(--spacing-scale-7x) !important;
  }

  .mt-xl-n7x {
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mr-xl-7x {
    margin-right: var(--spacing-scale-7x) !important;
  }

  .mr-xl-n7x {
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mb-xl-7x {
    margin-bottom: var(--spacing-scale-7x) !important;
  }

  .mb-xl-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .ml-xl-7x {
    margin-left: var(--spacing-scale-7x) !important;
  }

  .ml-xl-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-xl-n7x {
    margin: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .mx-xl-n7x {
    margin-left: calc(var(--spacing-scale-7x) * -1) !important;
    margin-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .my-xl-n7x {
    margin-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    margin-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .m-xl-7xh {
    margin: var(--spacing-scale-7xh) !important;
  }

  .mx-xl-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .my-xl-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mt-xl-7xh, .my-xl-7xh {
    margin-top: var(--spacing-scale-7xh) !important;
  }

  .mt-xl-n7xh {
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mr-xl-7xh {
    margin-right: var(--spacing-scale-7xh) !important;
  }

  .mr-xl-n7xh {
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mb-xl-7xh {
    margin-bottom: var(--spacing-scale-7xh) !important;
  }

  .mb-xl-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .ml-xl-7xh {
    margin-left: var(--spacing-scale-7xh) !important;
  }

  .ml-xl-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-xl-n7xh {
    margin: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .mx-xl-n7xh {
    margin-left: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .my-xl-n7xh {
    margin-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .m-xl-8x {
    margin: var(--spacing-scale-8x) !important;
  }

  .mx-xl-8x {
    margin-left: var(--spacing-scale-8x) !important;
    margin-right: var(--spacing-scale-8x) !important;
  }

  .my-xl-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mt-xl-8x, .my-xl-8x {
    margin-top: var(--spacing-scale-8x) !important;
  }

  .mt-xl-n8x {
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mr-xl-8x {
    margin-right: var(--spacing-scale-8x) !important;
  }

  .mr-xl-n8x {
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mb-xl-8x {
    margin-bottom: var(--spacing-scale-8x) !important;
  }

  .mb-xl-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .ml-xl-8x {
    margin-left: var(--spacing-scale-8x) !important;
  }

  .ml-xl-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-xl-n8x {
    margin: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .mx-xl-n8x {
    margin-left: calc(var(--spacing-scale-8x) * -1) !important;
    margin-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .my-xl-n8x {
    margin-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    margin-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .m-xl-8xh {
    margin: var(--spacing-scale-8xh) !important;
  }

  .mx-xl-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .my-xl-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mt-xl-8xh, .my-xl-8xh {
    margin-top: var(--spacing-scale-8xh) !important;
  }

  .mt-xl-n8xh {
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mr-xl-8xh {
    margin-right: var(--spacing-scale-8xh) !important;
  }

  .mr-xl-n8xh {
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mb-xl-8xh {
    margin-bottom: var(--spacing-scale-8xh) !important;
  }

  .mb-xl-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .ml-xl-8xh {
    margin-left: var(--spacing-scale-8xh) !important;
  }

  .ml-xl-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-xl-n8xh {
    margin: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .mx-xl-n8xh {
    margin-left: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .my-xl-n8xh {
    margin-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .m-xl-9x {
    margin: var(--spacing-scale-9x) !important;
  }

  .mx-xl-9x {
    margin-left: var(--spacing-scale-9x) !important;
    margin-right: var(--spacing-scale-9x) !important;
  }

  .my-xl-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mt-xl-9x, .my-xl-9x {
    margin-top: var(--spacing-scale-9x) !important;
  }

  .mt-xl-n9x {
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mr-xl-9x {
    margin-right: var(--spacing-scale-9x) !important;
  }

  .mr-xl-n9x {
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mb-xl-9x {
    margin-bottom: var(--spacing-scale-9x) !important;
  }

  .mb-xl-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .ml-xl-9x {
    margin-left: var(--spacing-scale-9x) !important;
  }

  .ml-xl-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-xl-n9x {
    margin: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .mx-xl-n9x {
    margin-left: calc(var(--spacing-scale-9x) * -1) !important;
    margin-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .my-xl-n9x {
    margin-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    margin-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .m-xl-9xh {
    margin: var(--spacing-scale-9xh) !important;
  }

  .mx-xl-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .my-xl-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mt-xl-9xh, .my-xl-9xh {
    margin-top: var(--spacing-scale-9xh) !important;
  }

  .mt-xl-n9xh {
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mr-xl-9xh {
    margin-right: var(--spacing-scale-9xh) !important;
  }

  .mr-xl-n9xh {
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mb-xl-9xh {
    margin-bottom: var(--spacing-scale-9xh) !important;
  }

  .mb-xl-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .ml-xl-9xh {
    margin-left: var(--spacing-scale-9xh) !important;
  }

  .ml-xl-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-xl-n9xh {
    margin: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .mx-xl-n9xh {
    margin-left: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .my-xl-n9xh {
    margin-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .m-xl-10x {
    margin: var(--spacing-scale-10x) !important;
  }

  .mx-xl-10x {
    margin-left: var(--spacing-scale-10x) !important;
    margin-right: var(--spacing-scale-10x) !important;
  }

  .my-xl-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mt-xl-10x, .my-xl-10x {
    margin-top: var(--spacing-scale-10x) !important;
  }

  .mt-xl-n10x {
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mr-xl-10x {
    margin-right: var(--spacing-scale-10x) !important;
  }

  .mr-xl-n10x {
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mb-xl-10x {
    margin-bottom: var(--spacing-scale-10x) !important;
  }

  .mb-xl-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .ml-xl-10x {
    margin-left: var(--spacing-scale-10x) !important;
  }

  .ml-xl-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-xl-n10x {
    margin: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .mx-xl-n10x {
    margin-left: calc(var(--spacing-scale-10x) * -1) !important;
    margin-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .my-xl-n10x {
    margin-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    margin-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .m-xl-10xh {
    margin: var(--spacing-scale-10xh) !important;
  }

  .mx-xl-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .my-xl-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mt-xl-10xh, .my-xl-10xh {
    margin-top: var(--spacing-scale-10xh) !important;
  }

  .mt-xl-n10xh {
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mr-xl-10xh {
    margin-right: var(--spacing-scale-10xh) !important;
  }

  .mr-xl-n10xh {
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mb-xl-10xh {
    margin-bottom: var(--spacing-scale-10xh) !important;
  }

  .mb-xl-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .ml-xl-10xh {
    margin-left: var(--spacing-scale-10xh) !important;
  }

  .ml-xl-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .m-xl-n10xh {
    margin: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .mx-xl-n10xh {
    margin-left: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .my-xl-n10xh {
    margin-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    margin-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

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

  .mx-xl-auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .my-xl-auto {
    margin-bottom: auto !important;
  }

  .mt-xl-auto, .my-xl-auto {
    margin-top: auto !important;
  }

  .mr-xl-auto {
    margin-right: auto !important;
  }

  .mb-xl-auto {
    margin-bottom: auto !important;
  }

  .ml-xl-auto {
    margin-left: auto !important;
  }

  .p-xl-0 {
    padding: var(--spacing-scale-default) !important;
  }

  .px-xl-0 {
    padding-left: var(--spacing-scale-default) !important;
    padding-right: var(--spacing-scale-default) !important;
  }

  .py-xl-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pt-xl-0, .py-xl-0 {
    padding-top: var(--spacing-scale-default) !important;
  }

  .pr-xl-0 {
    padding-right: var(--spacing-scale-default) !important;
  }

  .pb-xl-0 {
    padding-bottom: var(--spacing-scale-default) !important;
  }

  .pl-xl-0 {
    padding-left: var(--spacing-scale-default) !important;
  }

  .p-xl-half {
    padding: var(--spacing-scale-half) !important;
  }

  .px-xl-half {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-xl-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-xl-half, .py-xl-half {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-xl-nhalf {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-xl-half {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-xl-nhalf {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-xl-half {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-xl-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-xl-half {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-xl-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-xl-nhalf {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-xl-nhalf {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-xl-nhalf {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-xl-base {
    padding: var(--spacing-scale-base) !important;
  }

  .px-xl-base {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-xl-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-xl-base, .py-xl-base {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-xl-nbase {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-xl-base {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-xl-nbase {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-xl-base {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-xl-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-xl-base {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-xl-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-xl-nbase {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-xl-nbase {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-xl-nbase {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-xl-baseh {
    padding: var(--spacing-scale-baseh) !important;
  }

  .px-xl-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .py-xl-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pt-xl-baseh, .py-xl-baseh {
    padding-top: var(--spacing-scale-baseh) !important;
  }

  .pt-xl-nbaseh {
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pr-xl-baseh {
    padding-right: var(--spacing-scale-baseh) !important;
  }

  .pr-xl-nbaseh {
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pb-xl-baseh {
    padding-bottom: var(--spacing-scale-baseh) !important;
  }

  .pb-xl-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .pl-xl-baseh {
    padding-left: var(--spacing-scale-baseh) !important;
  }

  .pl-xl-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-xl-nbaseh {
    padding: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .px-xl-nbaseh {
    padding-left: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-right: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .py-xl-nbaseh {
    padding-bottom: calc(var(--spacing-scale-baseh) * -1) !important;
    padding-top: calc(var(--spacing-scale-baseh) * -1) !important;
  }

  .p-xl-1 {
    padding: var(--spacing-scale-half) !important;
  }

  .px-xl-1 {
    padding-left: var(--spacing-scale-half) !important;
    padding-right: var(--spacing-scale-half) !important;
  }

  .py-xl-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pt-xl-1, .py-xl-1 {
    padding-top: var(--spacing-scale-half) !important;
  }

  .pt-xl-n1 {
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pr-xl-1 {
    padding-right: var(--spacing-scale-half) !important;
  }

  .pr-xl-n1 {
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pb-xl-1 {
    padding-bottom: var(--spacing-scale-half) !important;
  }

  .pb-xl-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
  }

  .pl-xl-1 {
    padding-left: var(--spacing-scale-half) !important;
  }

  .pl-xl-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-xl-n1 {
    padding: calc(var(--spacing-scale-half) * -1) !important;
  }

  .px-xl-n1 {
    padding-left: calc(var(--spacing-scale-half) * -1) !important;
    padding-right: calc(var(--spacing-scale-half) * -1) !important;
  }

  .py-xl-n1 {
    padding-bottom: calc(var(--spacing-scale-half) * -1) !important;
    padding-top: calc(var(--spacing-scale-half) * -1) !important;
  }

  .p-xl-2 {
    padding: var(--spacing-scale-base) !important;
  }

  .px-xl-2 {
    padding-left: var(--spacing-scale-base) !important;
    padding-right: var(--spacing-scale-base) !important;
  }

  .py-xl-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pt-xl-2, .py-xl-2 {
    padding-top: var(--spacing-scale-base) !important;
  }

  .pt-xl-n2 {
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pr-xl-2 {
    padding-right: var(--spacing-scale-base) !important;
  }

  .pr-xl-n2 {
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pb-xl-2 {
    padding-bottom: var(--spacing-scale-base) !important;
  }

  .pb-xl-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
  }

  .pl-xl-2 {
    padding-left: var(--spacing-scale-base) !important;
  }

  .pl-xl-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-xl-n2 {
    padding: calc(var(--spacing-scale-base) * -1) !important;
  }

  .px-xl-n2 {
    padding-left: calc(var(--spacing-scale-base) * -1) !important;
    padding-right: calc(var(--spacing-scale-base) * -1) !important;
  }

  .py-xl-n2 {
    padding-bottom: calc(var(--spacing-scale-base) * -1) !important;
    padding-top: calc(var(--spacing-scale-base) * -1) !important;
  }

  .p-xl-3 {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-xl-3 {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-xl-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-xl-3, .py-xl-3 {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-xl-n3 {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-xl-3 {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-xl-n3 {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-xl-3 {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-xl-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-xl-3 {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-xl-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-xl-n3 {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-xl-n3 {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-xl-n3 {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-xl-4 {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-xl-4 {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-xl-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-xl-4, .py-xl-4 {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-xl-n4 {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-xl-4 {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-xl-n4 {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-xl-4 {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-xl-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-xl-4 {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-xl-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-xl-n4 {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-xl-n4 {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-xl-n4 {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-xl-5 {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-xl-5 {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-xl-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-xl-5, .py-xl-5 {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-xl-n5 {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-xl-5 {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-xl-n5 {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-xl-5 {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-xl-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-xl-5 {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-xl-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-xl-n5 {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-xl-n5 {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-xl-n5 {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-xl-6 {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-xl-6 {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-xl-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-xl-6, .py-xl-6 {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-xl-n6 {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-xl-6 {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-xl-n6 {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-xl-6 {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-xl-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-xl-6 {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-xl-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-xl-n6 {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-xl-n6 {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-xl-n6 {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-xl-2x {
    padding: var(--spacing-scale-2x) !important;
  }

  .px-xl-2x {
    padding-left: var(--spacing-scale-2x) !important;
    padding-right: var(--spacing-scale-2x) !important;
  }

  .py-xl-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pt-xl-2x, .py-xl-2x {
    padding-top: var(--spacing-scale-2x) !important;
  }

  .pt-xl-n2x {
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pr-xl-2x {
    padding-right: var(--spacing-scale-2x) !important;
  }

  .pr-xl-n2x {
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pb-xl-2x {
    padding-bottom: var(--spacing-scale-2x) !important;
  }

  .pb-xl-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .pl-xl-2x {
    padding-left: var(--spacing-scale-2x) !important;
  }

  .pl-xl-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-xl-n2x {
    padding: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .px-xl-n2x {
    padding-left: calc(var(--spacing-scale-2x) * -1) !important;
    padding-right: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .py-xl-n2x {
    padding-bottom: calc(var(--spacing-scale-2x) * -1) !important;
    padding-top: calc(var(--spacing-scale-2x) * -1) !important;
  }

  .p-xl-2xh {
    padding: var(--spacing-scale-2xh) !important;
  }

  .px-xl-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .py-xl-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pt-xl-2xh, .py-xl-2xh {
    padding-top: var(--spacing-scale-2xh) !important;
  }

  .pt-xl-n2xh {
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pr-xl-2xh {
    padding-right: var(--spacing-scale-2xh) !important;
  }

  .pr-xl-n2xh {
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pb-xl-2xh {
    padding-bottom: var(--spacing-scale-2xh) !important;
  }

  .pb-xl-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .pl-xl-2xh {
    padding-left: var(--spacing-scale-2xh) !important;
  }

  .pl-xl-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-xl-n2xh {
    padding: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .px-xl-n2xh {
    padding-left: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .py-xl-n2xh {
    padding-bottom: calc(var(--spacing-scale-2xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-2xh) * -1) !important;
  }

  .p-xl-3x {
    padding: var(--spacing-scale-3x) !important;
  }

  .px-xl-3x {
    padding-left: var(--spacing-scale-3x) !important;
    padding-right: var(--spacing-scale-3x) !important;
  }

  .py-xl-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pt-xl-3x, .py-xl-3x {
    padding-top: var(--spacing-scale-3x) !important;
  }

  .pt-xl-n3x {
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pr-xl-3x {
    padding-right: var(--spacing-scale-3x) !important;
  }

  .pr-xl-n3x {
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pb-xl-3x {
    padding-bottom: var(--spacing-scale-3x) !important;
  }

  .pb-xl-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .pl-xl-3x {
    padding-left: var(--spacing-scale-3x) !important;
  }

  .pl-xl-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-xl-n3x {
    padding: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .px-xl-n3x {
    padding-left: calc(var(--spacing-scale-3x) * -1) !important;
    padding-right: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .py-xl-n3x {
    padding-bottom: calc(var(--spacing-scale-3x) * -1) !important;
    padding-top: calc(var(--spacing-scale-3x) * -1) !important;
  }

  .p-xl-3xh {
    padding: var(--spacing-scale-3xh) !important;
  }

  .px-xl-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .py-xl-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pt-xl-3xh, .py-xl-3xh {
    padding-top: var(--spacing-scale-3xh) !important;
  }

  .pt-xl-n3xh {
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pr-xl-3xh {
    padding-right: var(--spacing-scale-3xh) !important;
  }

  .pr-xl-n3xh {
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pb-xl-3xh {
    padding-bottom: var(--spacing-scale-3xh) !important;
  }

  .pb-xl-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .pl-xl-3xh {
    padding-left: var(--spacing-scale-3xh) !important;
  }

  .pl-xl-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-xl-n3xh {
    padding: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .px-xl-n3xh {
    padding-left: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .py-xl-n3xh {
    padding-bottom: calc(var(--spacing-scale-3xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-3xh) * -1) !important;
  }

  .p-xl-4x {
    padding: var(--spacing-scale-4x) !important;
  }

  .px-xl-4x {
    padding-left: var(--spacing-scale-4x) !important;
    padding-right: var(--spacing-scale-4x) !important;
  }

  .py-xl-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pt-xl-4x, .py-xl-4x {
    padding-top: var(--spacing-scale-4x) !important;
  }

  .pt-xl-n4x {
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pr-xl-4x {
    padding-right: var(--spacing-scale-4x) !important;
  }

  .pr-xl-n4x {
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pb-xl-4x {
    padding-bottom: var(--spacing-scale-4x) !important;
  }

  .pb-xl-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .pl-xl-4x {
    padding-left: var(--spacing-scale-4x) !important;
  }

  .pl-xl-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-xl-n4x {
    padding: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .px-xl-n4x {
    padding-left: calc(var(--spacing-scale-4x) * -1) !important;
    padding-right: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .py-xl-n4x {
    padding-bottom: calc(var(--spacing-scale-4x) * -1) !important;
    padding-top: calc(var(--spacing-scale-4x) * -1) !important;
  }

  .p-xl-4xh {
    padding: var(--spacing-scale-4xh) !important;
  }

  .px-xl-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .py-xl-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pt-xl-4xh, .py-xl-4xh {
    padding-top: var(--spacing-scale-4xh) !important;
  }

  .pt-xl-n4xh {
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pr-xl-4xh {
    padding-right: var(--spacing-scale-4xh) !important;
  }

  .pr-xl-n4xh {
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pb-xl-4xh {
    padding-bottom: var(--spacing-scale-4xh) !important;
  }

  .pb-xl-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .pl-xl-4xh {
    padding-left: var(--spacing-scale-4xh) !important;
  }

  .pl-xl-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-xl-n4xh {
    padding: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .px-xl-n4xh {
    padding-left: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .py-xl-n4xh {
    padding-bottom: calc(var(--spacing-scale-4xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-4xh) * -1) !important;
  }

  .p-xl-5x {
    padding: var(--spacing-scale-5x) !important;
  }

  .px-xl-5x {
    padding-left: var(--spacing-scale-5x) !important;
    padding-right: var(--spacing-scale-5x) !important;
  }

  .py-xl-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pt-xl-5x, .py-xl-5x {
    padding-top: var(--spacing-scale-5x) !important;
  }

  .pt-xl-n5x {
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pr-xl-5x {
    padding-right: var(--spacing-scale-5x) !important;
  }

  .pr-xl-n5x {
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pb-xl-5x {
    padding-bottom: var(--spacing-scale-5x) !important;
  }

  .pb-xl-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .pl-xl-5x {
    padding-left: var(--spacing-scale-5x) !important;
  }

  .pl-xl-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-xl-n5x {
    padding: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .px-xl-n5x {
    padding-left: calc(var(--spacing-scale-5x) * -1) !important;
    padding-right: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .py-xl-n5x {
    padding-bottom: calc(var(--spacing-scale-5x) * -1) !important;
    padding-top: calc(var(--spacing-scale-5x) * -1) !important;
  }

  .p-xl-5xh {
    padding: var(--spacing-scale-5xh) !important;
  }

  .px-xl-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .py-xl-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pt-xl-5xh, .py-xl-5xh {
    padding-top: var(--spacing-scale-5xh) !important;
  }

  .pt-xl-n5xh {
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pr-xl-5xh {
    padding-right: var(--spacing-scale-5xh) !important;
  }

  .pr-xl-n5xh {
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pb-xl-5xh {
    padding-bottom: var(--spacing-scale-5xh) !important;
  }

  .pb-xl-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .pl-xl-5xh {
    padding-left: var(--spacing-scale-5xh) !important;
  }

  .pl-xl-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-xl-n5xh {
    padding: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .px-xl-n5xh {
    padding-left: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .py-xl-n5xh {
    padding-bottom: calc(var(--spacing-scale-5xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-5xh) * -1) !important;
  }

  .p-xl-6x {
    padding: var(--spacing-scale-6x) !important;
  }

  .px-xl-6x {
    padding-left: var(--spacing-scale-6x) !important;
    padding-right: var(--spacing-scale-6x) !important;
  }

  .py-xl-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pt-xl-6x, .py-xl-6x {
    padding-top: var(--spacing-scale-6x) !important;
  }

  .pt-xl-n6x {
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pr-xl-6x {
    padding-right: var(--spacing-scale-6x) !important;
  }

  .pr-xl-n6x {
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pb-xl-6x {
    padding-bottom: var(--spacing-scale-6x) !important;
  }

  .pb-xl-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .pl-xl-6x {
    padding-left: var(--spacing-scale-6x) !important;
  }

  .pl-xl-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-xl-n6x {
    padding: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .px-xl-n6x {
    padding-left: calc(var(--spacing-scale-6x) * -1) !important;
    padding-right: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .py-xl-n6x {
    padding-bottom: calc(var(--spacing-scale-6x) * -1) !important;
    padding-top: calc(var(--spacing-scale-6x) * -1) !important;
  }

  .p-xl-6xh {
    padding: var(--spacing-scale-6xh) !important;
  }

  .px-xl-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .py-xl-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pt-xl-6xh, .py-xl-6xh {
    padding-top: var(--spacing-scale-6xh) !important;
  }

  .pt-xl-n6xh {
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pr-xl-6xh {
    padding-right: var(--spacing-scale-6xh) !important;
  }

  .pr-xl-n6xh {
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pb-xl-6xh {
    padding-bottom: var(--spacing-scale-6xh) !important;
  }

  .pb-xl-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .pl-xl-6xh {
    padding-left: var(--spacing-scale-6xh) !important;
  }

  .pl-xl-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-xl-n6xh {
    padding: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .px-xl-n6xh {
    padding-left: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .py-xl-n6xh {
    padding-bottom: calc(var(--spacing-scale-6xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-6xh) * -1) !important;
  }

  .p-xl-7x {
    padding: var(--spacing-scale-7x) !important;
  }

  .px-xl-7x {
    padding-left: var(--spacing-scale-7x) !important;
    padding-right: var(--spacing-scale-7x) !important;
  }

  .py-xl-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pt-xl-7x, .py-xl-7x {
    padding-top: var(--spacing-scale-7x) !important;
  }

  .pt-xl-n7x {
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pr-xl-7x {
    padding-right: var(--spacing-scale-7x) !important;
  }

  .pr-xl-n7x {
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pb-xl-7x {
    padding-bottom: var(--spacing-scale-7x) !important;
  }

  .pb-xl-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .pl-xl-7x {
    padding-left: var(--spacing-scale-7x) !important;
  }

  .pl-xl-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-xl-n7x {
    padding: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .px-xl-n7x {
    padding-left: calc(var(--spacing-scale-7x) * -1) !important;
    padding-right: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .py-xl-n7x {
    padding-bottom: calc(var(--spacing-scale-7x) * -1) !important;
    padding-top: calc(var(--spacing-scale-7x) * -1) !important;
  }

  .p-xl-7xh {
    padding: var(--spacing-scale-7xh) !important;
  }

  .px-xl-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .py-xl-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pt-xl-7xh, .py-xl-7xh {
    padding-top: var(--spacing-scale-7xh) !important;
  }

  .pt-xl-n7xh {
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pr-xl-7xh {
    padding-right: var(--spacing-scale-7xh) !important;
  }

  .pr-xl-n7xh {
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pb-xl-7xh {
    padding-bottom: var(--spacing-scale-7xh) !important;
  }

  .pb-xl-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .pl-xl-7xh {
    padding-left: var(--spacing-scale-7xh) !important;
  }

  .pl-xl-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-xl-n7xh {
    padding: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .px-xl-n7xh {
    padding-left: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .py-xl-n7xh {
    padding-bottom: calc(var(--spacing-scale-7xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-7xh) * -1) !important;
  }

  .p-xl-8x {
    padding: var(--spacing-scale-8x) !important;
  }

  .px-xl-8x {
    padding-left: var(--spacing-scale-8x) !important;
    padding-right: var(--spacing-scale-8x) !important;
  }

  .py-xl-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pt-xl-8x, .py-xl-8x {
    padding-top: var(--spacing-scale-8x) !important;
  }

  .pt-xl-n8x {
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pr-xl-8x {
    padding-right: var(--spacing-scale-8x) !important;
  }

  .pr-xl-n8x {
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pb-xl-8x {
    padding-bottom: var(--spacing-scale-8x) !important;
  }

  .pb-xl-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .pl-xl-8x {
    padding-left: var(--spacing-scale-8x) !important;
  }

  .pl-xl-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-xl-n8x {
    padding: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .px-xl-n8x {
    padding-left: calc(var(--spacing-scale-8x) * -1) !important;
    padding-right: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .py-xl-n8x {
    padding-bottom: calc(var(--spacing-scale-8x) * -1) !important;
    padding-top: calc(var(--spacing-scale-8x) * -1) !important;
  }

  .p-xl-8xh {
    padding: var(--spacing-scale-8xh) !important;
  }

  .px-xl-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .py-xl-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pt-xl-8xh, .py-xl-8xh {
    padding-top: var(--spacing-scale-8xh) !important;
  }

  .pt-xl-n8xh {
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pr-xl-8xh {
    padding-right: var(--spacing-scale-8xh) !important;
  }

  .pr-xl-n8xh {
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pb-xl-8xh {
    padding-bottom: var(--spacing-scale-8xh) !important;
  }

  .pb-xl-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .pl-xl-8xh {
    padding-left: var(--spacing-scale-8xh) !important;
  }

  .pl-xl-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-xl-n8xh {
    padding: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .px-xl-n8xh {
    padding-left: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .py-xl-n8xh {
    padding-bottom: calc(var(--spacing-scale-8xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-8xh) * -1) !important;
  }

  .p-xl-9x {
    padding: var(--spacing-scale-9x) !important;
  }

  .px-xl-9x {
    padding-left: var(--spacing-scale-9x) !important;
    padding-right: var(--spacing-scale-9x) !important;
  }

  .py-xl-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pt-xl-9x, .py-xl-9x {
    padding-top: var(--spacing-scale-9x) !important;
  }

  .pt-xl-n9x {
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pr-xl-9x {
    padding-right: var(--spacing-scale-9x) !important;
  }

  .pr-xl-n9x {
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pb-xl-9x {
    padding-bottom: var(--spacing-scale-9x) !important;
  }

  .pb-xl-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .pl-xl-9x {
    padding-left: var(--spacing-scale-9x) !important;
  }

  .pl-xl-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-xl-n9x {
    padding: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .px-xl-n9x {
    padding-left: calc(var(--spacing-scale-9x) * -1) !important;
    padding-right: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .py-xl-n9x {
    padding-bottom: calc(var(--spacing-scale-9x) * -1) !important;
    padding-top: calc(var(--spacing-scale-9x) * -1) !important;
  }

  .p-xl-9xh {
    padding: var(--spacing-scale-9xh) !important;
  }

  .px-xl-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .py-xl-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pt-xl-9xh, .py-xl-9xh {
    padding-top: var(--spacing-scale-9xh) !important;
  }

  .pt-xl-n9xh {
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pr-xl-9xh {
    padding-right: var(--spacing-scale-9xh) !important;
  }

  .pr-xl-n9xh {
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pb-xl-9xh {
    padding-bottom: var(--spacing-scale-9xh) !important;
  }

  .pb-xl-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .pl-xl-9xh {
    padding-left: var(--spacing-scale-9xh) !important;
  }

  .pl-xl-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-xl-n9xh {
    padding: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .px-xl-n9xh {
    padding-left: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .py-xl-n9xh {
    padding-bottom: calc(var(--spacing-scale-9xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-9xh) * -1) !important;
  }

  .p-xl-10x {
    padding: var(--spacing-scale-10x) !important;
  }

  .px-xl-10x {
    padding-left: var(--spacing-scale-10x) !important;
    padding-right: var(--spacing-scale-10x) !important;
  }

  .py-xl-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pt-xl-10x, .py-xl-10x {
    padding-top: var(--spacing-scale-10x) !important;
  }

  .pt-xl-n10x {
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pr-xl-10x {
    padding-right: var(--spacing-scale-10x) !important;
  }

  .pr-xl-n10x {
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pb-xl-10x {
    padding-bottom: var(--spacing-scale-10x) !important;
  }

  .pb-xl-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .pl-xl-10x {
    padding-left: var(--spacing-scale-10x) !important;
  }

  .pl-xl-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-xl-n10x {
    padding: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .px-xl-n10x {
    padding-left: calc(var(--spacing-scale-10x) * -1) !important;
    padding-right: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .py-xl-n10x {
    padding-bottom: calc(var(--spacing-scale-10x) * -1) !important;
    padding-top: calc(var(--spacing-scale-10x) * -1) !important;
  }

  .p-xl-10xh {
    padding: var(--spacing-scale-10xh) !important;
  }

  .px-xl-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .py-xl-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pt-xl-10xh, .py-xl-10xh {
    padding-top: var(--spacing-scale-10xh) !important;
  }

  .pt-xl-n10xh {
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pr-xl-10xh {
    padding-right: var(--spacing-scale-10xh) !important;
  }

  .pr-xl-n10xh {
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pb-xl-10xh {
    padding-bottom: var(--spacing-scale-10xh) !important;
  }

  .pb-xl-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .pl-xl-10xh {
    padding-left: var(--spacing-scale-10xh) !important;
  }

  .pl-xl-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .p-xl-n10xh {
    padding: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .px-xl-n10xh {
    padding-left: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-right: calc(var(--spacing-scale-10xh) * -1) !important;
  }

  .py-xl-n10xh {
    padding-bottom: calc(var(--spacing-scale-10xh) * -1) !important;
    padding-top: calc(var(--spacing-scale-10xh) * -1) !important;
  }
}

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

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

@media (width >= 576px) {
  .overflow-sm-auto {
    overflow: auto !important;
  }

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

@media (width >= 992px) {
  .overflow-md-auto {
    overflow: auto !important;
  }

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

@media (width >= 1280px) {
  .overflow-lg-auto {
    overflow: auto !important;
  }

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

@media (width >= 1600px) {
  .overflow-xl-auto {
    overflow: auto !important;
  }

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

body {
  --bg-color: var(--background);
  --bg-color-rgb: var(--background-rgb);
  --bg-color-hsl: var(--background-hsl);
  --font-size: var(--font-size-scale-base);
  --font-weight: var(--font-weight-regular);
  --link-color: var(--interactive);
  --link-color-rgb: var(--interactive-rgb);
  --link-color-hsl: var(--interactive-hsl);
  --line-height: var(--font-line-height-medium);
  --text-color: var(--color);
  --text-color-rgb: var(--color-rgb);
  --text-color-hsl: var(--color-hsl);
  background: var(--bg-color);
  color: var(--text-color);
  font-family: var(--font-family-base);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
}

p {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: 0;
}

p a {
  text-decoration: underline;
}

@media (width >= 576px) {
  p {
    font-size: var(--font-size-scale-up-01);
  }
}

a {
  --focus-offset: var(--spacing-scale-half);
}

a:focus {
  outline: none;
}

a.focus-visible, a:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

a:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

a {
  color: var(--interactive);
  text-decoration: none;
}

.main-content a {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

.h1, h1 {
  color: var(--color);
  font-size: var(--font-size-scale-up-04);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: 0;
}

@media (width >= 576px) {
  .h1, h1 {
    font-size: var(--font-size-scale-up-06);
    font-weight: var(--font-weight-light);
    margin-bottom: var(--spacing-scale-4x);
  }
}

.h2, h2 {
  color: var(--color);
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
  padding-bottom: var(--spacing-scale-2xh);
}

@media (width >= 576px) {
  .h2, h2 {
    font-size: var(--font-size-scale-up-05);
    font-weight: var(--font-weight-regular);
  }
}

.h3, h3 {
  color: var(--color);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-3xh);
}

@media (width >= 576px) {
  .h3, h3 {
    font-size: var(--font-size-scale-up-04);
    font-weight: var(--font-weight-medium);
  }
}

.h4, h4 {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2xh);
  margin-top: var(--spacing-scale-2x);
}

@media (width >= 576px) {
  .h4, h4 {
    font-size: var(--font-size-scale-up-03);
    font-weight: var(--font-weight-semi-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}

.h5, h5 {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}

@media (width >= 576px) {
  .h5, h5 {
    font-size: var(--font-size-scale-up-02);
    font-weight: var(--font-weight-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}

.h6, h6 {
  color: var(--color);
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-extra-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding-bottom: var(--spacing-scale-base);
  text-transform: uppercase;
}

@media (width >= 576px) {
  .h6, h6 {
    font-size: var(--font-size-scale-up-01);
    font-weight: var(--font-weight-extra-bold);
    margin-top: var(--spacing-scale-3xh);
  }
}

ol, ul {
  margin-bottom: var(--spacing-scale-2x);
  padding: 0 0 0 var(--spacing-scale-5x);
  margin-top: 0;
}

blockquote {
  background-color: var(--color-secondary-02);
  margin: var(--spacing-scale-2x) 0;
  padding: var(--spacing-scale-2x);
  border-left: 4px solid #268744;
  font-style: italic;
  position: relative;
}

blockquote > :last-child {
  margin-bottom: 0;
}

table {
  --table-background: var(--background);
  --table-color: var(--color);
  --table-border-color: var(--gray-20);
  --table-border-style: solid;
  --table-border-width: 1px;
  --table-hover: var(--color-rgb);
  --table-padding: var(--spacing-scale-3x);
  --table-font-weight: var(--font-weight-medium);
  --table-th-background: var(--background-alternative);
  --table-th-font-weight: var(--font-weight-semi-bold);
  --table-row-size: var(--spacing-scale-2x);
  border-collapse: collapse;
  width: 100%;
}

th {
  background-color: var(--background-alternative);
  font-weight: var(--table-th-font-weight);
}

td {
  font-weight: var(--table-font-weight);
}

td, th {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  padding: var(--table-row-size) var(--table-padding);
}

td:not([align]), th:not([align]) {
  text-align: left;
}

tr.is-selected, tr.selected {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

tr.is-selected td, tr.is-selected th, tr.selected td, tr.selected th {
  background-color: var(--selected);
}

tr:hover td {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

tbody td, tbody th {
  border-bottom: var(--table-border-width) var(--table-border-style) var(--table-border-color);
}

.label, label {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
}

.fieldset, fieldset {
  border: var(--surface-width-none);
  margin-bottom: var(--spacing-scale-5x);
  margin-top: 0;
  padding: 0;
}

.legend, legend {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
}

.placeholder, ::placeholder {
  color: var(--color-light);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  line-height: var(--font-line-height-medium);
  margin-bottom: var(--spacing-scale-half);
  margin-top: var(--spacing-scale-half);
  opacity: 1;
}

.input, input, textarea {
  color: var(--color-light);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  margin-bottom: var(--spacing-scale-half);
}

.code, .help, code {
  font-size: var(--font-size-scale-base);
}

.code, code {
  color: var(--gray-80);
  font-family: monospace;
  font-weight: var(--font-weight-medium);
  line-height: var(--font-line-height-low);
  padding: var(--spacing-scale-half);
  border-radius: 4px;
  display: inline-block;
}

.code, .pre, code, pre {
  background: var(--gray-5);
}

.pre, pre {
  margin: var(--spacing-scale-2x) 0 var(--spacing-scale-4x);
  padding: var(--spacing-scale-2x);
}

.pre code, pre code {
  padding: 0;
  display: inline;
}

.mark, mark {
  background: var(--red-warm-vivid-10);
  color: var(--color);
}

.border-solid-none {
  border: var(--surface-width-none) solid var(--color-secondary-06) !important;
}

.border-solid-sm {
  border: var(--surface-width-sm) solid var(--color-secondary-06) !important;
}

.border-solid-md {
  border: var(--surface-width-md) solid var(--color-secondary-06) !important;
}

.border-solid-lg {
  border: var(--surface-width-lg) solid var(--color-secondary-06) !important;
}

.border-dashed-none {
  border: var(--surface-width-none) dashed var(--color-secondary-06) !important;
}

.border-dashed-sm {
  border: var(--surface-width-sm) dashed var(--color-secondary-06) !important;
}

.border-dashed-md {
  border: var(--surface-width-md) dashed var(--color-secondary-06) !important;
}

.border-dashed-lg {
  border: var(--surface-width-lg) dashed var(--color-secondary-06) !important;
}

.border-top {
  border-top: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-right {
  border-right: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-bottom {
  border-bottom: var(--border-width) var(--border-style) var(--border-color) !important;
}

.border-left {
  border-left: var(--border-width) var(--border-style) var(--border-color) !important;
}

.rounder-none {
  --radius: var(--surface-rounder-none);
}

.rounder-none, .rounder-sm {
  border-radius: var(--radius) !important;
}

.rounder-sm {
  --radius: var(--surface-rounder-sm);
}

.rounder-md {
  --radius: var(--surface-rounder-md);
}

.rounder-lg, .rounder-md {
  border-radius: var(--radius) !important;
}

.rounder-lg {
  --radius: var(--surface-rounder-lg);
}

.rounder-pill {
  --radius: var(--surface-rounder-pill);
  border-radius: var(--radius) !important;
}

.opacity-none {
  opacity: 0;
}

.opacity-default {
  opacity: 1;
}

.opacity-xs {
  opacity: .16;
}

.opacity-sm {
  opacity: .3;
}

.opacity-md {
  opacity: .45;
}

.opacity-lg {
  opacity: .65;
}

.opacity-xl {
  opacity: .85;
}

.overlay-scrim {
  background: rgba(var(--rgb-secondary-09), var(--surface-opacity-md));
}

.overlay-text {
  background: linear-gradient(rgba(var(--rgb-secondary-01), var(--surface-opacity-none)), rgba(var(--rgb-secondary-09), var(--surface-opacity-default)));
}

.bg-blue-90 {
  --background: var(--blue-90);
  background: var(--blue-90) !important;
}

.text-blue-90 {
  color: var(--blue-90) !important;
}

.border-blue-90 {
  border-color: var(--blue-90) !important;
}

.bg-blue-80 {
  --background: var(--blue-80);
  background: var(--blue-80) !important;
}

.text-blue-80 {
  color: var(--blue-80) !important;
}

.border-blue-80 {
  border-color: var(--blue-80) !important;
}

.bg-blue-70 {
  --background: var(--blue-70);
  background: var(--blue-70) !important;
}

.text-blue-70 {
  color: var(--blue-70) !important;
}

.border-blue-70 {
  border-color: var(--blue-70) !important;
}

.bg-blue-60 {
  --background: var(--blue-60);
  background: var(--blue-60) !important;
}

.text-blue-60 {
  color: var(--blue-60) !important;
}

.border-blue-60 {
  border-color: var(--blue-60) !important;
}

.bg-blue-50 {
  --background: var(--blue-50);
  background: var(--blue-50) !important;
}

.text-blue-50 {
  color: var(--blue-50) !important;
}

.border-blue-50 {
  border-color: var(--blue-50) !important;
}

.bg-blue-40 {
  --background: var(--blue-40);
  background: var(--blue-40) !important;
}

.text-blue-40 {
  color: var(--blue-40) !important;
}

.border-blue-40 {
  border-color: var(--blue-40) !important;
}

.bg-blue-30 {
  --background: var(--blue-30);
  background: var(--blue-30) !important;
}

.text-blue-30 {
  color: var(--blue-30) !important;
}

.border-blue-30 {
  border-color: var(--blue-30) !important;
}

.bg-blue-20 {
  --background: var(--blue-20);
  background: var(--blue-20) !important;
}

.text-blue-20 {
  color: var(--blue-20) !important;
}

.border-blue-20 {
  border-color: var(--blue-20) !important;
}

.bg-blue-10 {
  --background: var(--blue-10);
  background: var(--blue-10) !important;
}

.text-blue-10 {
  color: var(--blue-10) !important;
}

.border-blue-10 {
  border-color: var(--blue-10) !important;
}

.bg-blue-5 {
  --background: var(--blue-5);
  background: var(--blue-5) !important;
}

.text-blue-5 {
  color: var(--blue-5) !important;
}

.border-blue-5 {
  border-color: var(--blue-5) !important;
}

.bg-blue-cool-90 {
  --background: var(--blue-cool-90);
  background: var(--blue-cool-90) !important;
}

.text-blue-cool-90 {
  color: var(--blue-cool-90) !important;
}

.border-blue-cool-90 {
  border-color: var(--blue-cool-90) !important;
}

.bg-blue-cool-80 {
  --background: var(--blue-cool-80);
  background: var(--blue-cool-80) !important;
}

.text-blue-cool-80 {
  color: var(--blue-cool-80) !important;
}

.border-blue-cool-80 {
  border-color: var(--blue-cool-80) !important;
}

.bg-blue-cool-70 {
  --background: var(--blue-cool-70);
  background: var(--blue-cool-70) !important;
}

.text-blue-cool-70 {
  color: var(--blue-cool-70) !important;
}

.border-blue-cool-70 {
  border-color: var(--blue-cool-70) !important;
}

.bg-blue-cool-60 {
  --background: var(--blue-cool-60);
  background: var(--blue-cool-60) !important;
}

.text-blue-cool-60 {
  color: var(--blue-cool-60) !important;
}

.border-blue-cool-60 {
  border-color: var(--blue-cool-60) !important;
}

.bg-blue-cool-50 {
  --background: var(--blue-cool-50);
  background: var(--blue-cool-50) !important;
}

.text-blue-cool-50 {
  color: var(--blue-cool-50) !important;
}

.border-blue-cool-50 {
  border-color: var(--blue-cool-50) !important;
}

.bg-blue-cool-40 {
  --background: var(--blue-cool-40);
  background: var(--blue-cool-40) !important;
}

.text-blue-cool-40 {
  color: var(--blue-cool-40) !important;
}

.border-blue-cool-40 {
  border-color: var(--blue-cool-40) !important;
}

.bg-blue-cool-30 {
  --background: var(--blue-cool-30);
  background: var(--blue-cool-30) !important;
}

.text-blue-cool-30 {
  color: var(--blue-cool-30) !important;
}

.border-blue-cool-30 {
  border-color: var(--blue-cool-30) !important;
}

.bg-blue-cool-20 {
  --background: var(--blue-cool-20);
  background: var(--blue-cool-20) !important;
}

.text-blue-cool-20 {
  color: var(--blue-cool-20) !important;
}

.border-blue-cool-20 {
  border-color: var(--blue-cool-20) !important;
}

.bg-blue-cool-10 {
  --background: var(--blue-cool-10);
  background: var(--blue-cool-10) !important;
}

.text-blue-cool-10 {
  color: var(--blue-cool-10) !important;
}

.border-blue-cool-10 {
  border-color: var(--blue-cool-10) !important;
}

.bg-blue-cool-5 {
  --background: var(--blue-cool-5);
  background: var(--blue-cool-5) !important;
}

.text-blue-cool-5 {
  color: var(--blue-cool-5) !important;
}

.border-blue-cool-5 {
  border-color: var(--blue-cool-5) !important;
}

.bg-blue-warm-90 {
  --background: var(--blue-warm-90);
  background: var(--blue-warm-90) !important;
}

.text-blue-warm-90 {
  color: var(--blue-warm-90) !important;
}

.border-blue-warm-90 {
  border-color: var(--blue-warm-90) !important;
}

.bg-blue-warm-80 {
  --background: var(--blue-warm-80);
  background: var(--blue-warm-80) !important;
}

.text-blue-warm-80 {
  color: var(--blue-warm-80) !important;
}

.border-blue-warm-80 {
  border-color: var(--blue-warm-80) !important;
}

.bg-blue-warm-70 {
  --background: var(--blue-warm-70);
  background: var(--blue-warm-70) !important;
}

.text-blue-warm-70 {
  color: var(--blue-warm-70) !important;
}

.border-blue-warm-70 {
  border-color: var(--blue-warm-70) !important;
}

.bg-blue-warm-60 {
  --background: var(--blue-warm-60);
  background: var(--blue-warm-60) !important;
}

.text-blue-warm-60 {
  color: var(--blue-warm-60) !important;
}

.border-blue-warm-60 {
  border-color: var(--blue-warm-60) !important;
}

.bg-blue-warm-50 {
  --background: var(--blue-warm-50);
  background: var(--blue-warm-50) !important;
}

.text-blue-warm-50 {
  color: var(--blue-warm-50) !important;
}

.border-blue-warm-50 {
  border-color: var(--blue-warm-50) !important;
}

.bg-blue-warm-40 {
  --background: var(--blue-warm-40);
  background: var(--blue-warm-40) !important;
}

.text-blue-warm-40 {
  color: var(--blue-warm-40) !important;
}

.border-blue-warm-40 {
  border-color: var(--blue-warm-40) !important;
}

.bg-blue-warm-30 {
  --background: var(--blue-warm-30);
  background: var(--blue-warm-30) !important;
}

.text-blue-warm-30 {
  color: var(--blue-warm-30) !important;
}

.border-blue-warm-30 {
  border-color: var(--blue-warm-30) !important;
}

.bg-blue-warm-20 {
  --background: var(--blue-warm-20);
  background: var(--blue-warm-20) !important;
}

.text-blue-warm-20 {
  color: var(--blue-warm-20) !important;
}

.border-blue-warm-20 {
  border-color: var(--blue-warm-20) !important;
}

.bg-blue-warm-10 {
  --background: var(--blue-warm-10);
  background: var(--blue-warm-10) !important;
}

.text-blue-warm-10 {
  color: var(--blue-warm-10) !important;
}

.border-blue-warm-10 {
  border-color: var(--blue-warm-10) !important;
}

.bg-blue-warm-5 {
  --background: var(--blue-warm-5);
  background: var(--blue-warm-5) !important;
}

.text-blue-warm-5 {
  color: var(--blue-warm-5) !important;
}

.border-blue-warm-5 {
  border-color: var(--blue-warm-5) !important;
}

.bg-blue-vivid-80 {
  --background: var(--blue-vivid-80);
  background: var(--blue-vivid-80) !important;
}

.text-blue-vivid-80 {
  color: var(--blue-vivid-80) !important;
}

.border-blue-vivid-80 {
  border-color: var(--blue-vivid-80) !important;
}

.bg-blue-vivid-70 {
  --background: var(--blue-vivid-70);
  background: var(--blue-vivid-70) !important;
}

.text-blue-vivid-70 {
  color: var(--blue-vivid-70) !important;
}

.border-blue-vivid-70 {
  border-color: var(--blue-vivid-70) !important;
}

.bg-blue-vivid-60 {
  --background: var(--blue-vivid-60);
  background: var(--blue-vivid-60) !important;
}

.text-blue-vivid-60 {
  color: var(--blue-vivid-60) !important;
}

.border-blue-vivid-60 {
  border-color: var(--blue-vivid-60) !important;
}

.bg-blue-vivid-50 {
  --background: var(--blue-vivid-50);
  background: var(--blue-vivid-50) !important;
}

.text-blue-vivid-50 {
  color: var(--blue-vivid-50) !important;
}

.border-blue-vivid-50 {
  border-color: var(--blue-vivid-50) !important;
}

.bg-blue-vivid-40 {
  --background: var(--blue-vivid-40);
  background: var(--blue-vivid-40) !important;
}

.text-blue-vivid-40 {
  color: var(--blue-vivid-40) !important;
}

.border-blue-vivid-40 {
  border-color: var(--blue-vivid-40) !important;
}

.bg-blue-vivid-30 {
  --background: var(--blue-vivid-30);
  background: var(--blue-vivid-30) !important;
}

.text-blue-vivid-30 {
  color: var(--blue-vivid-30) !important;
}

.border-blue-vivid-30 {
  border-color: var(--blue-vivid-30) !important;
}

.bg-blue-vivid-20 {
  --background: var(--blue-vivid-20);
  background: var(--blue-vivid-20) !important;
}

.text-blue-vivid-20 {
  color: var(--blue-vivid-20) !important;
}

.border-blue-vivid-20 {
  border-color: var(--blue-vivid-20) !important;
}

.bg-blue-vivid-10 {
  --background: var(--blue-vivid-10);
  background: var(--blue-vivid-10) !important;
}

.text-blue-vivid-10 {
  color: var(--blue-vivid-10) !important;
}

.border-blue-vivid-10 {
  border-color: var(--blue-vivid-10) !important;
}

.bg-blue-vivid-5 {
  --background: var(--blue-vivid-5);
  background: var(--blue-vivid-5) !important;
}

.text-blue-vivid-5 {
  color: var(--blue-vivid-5) !important;
}

.border-blue-vivid-5 {
  border-color: var(--blue-vivid-5) !important;
}

.bg-blue-cool-vivid-80 {
  --background: var(--blue-cool-vivid-80);
  background: var(--blue-cool-vivid-80) !important;
}

.text-blue-cool-vivid-80 {
  color: var(--blue-cool-vivid-80) !important;
}

.border-blue-cool-vivid-80 {
  border-color: var(--blue-cool-vivid-80) !important;
}

.bg-blue-cool-vivid-70 {
  --background: var(--blue-cool-vivid-70);
  background: var(--blue-cool-vivid-70) !important;
}

.text-blue-cool-vivid-70 {
  color: var(--blue-cool-vivid-70) !important;
}

.border-blue-cool-vivid-70 {
  border-color: var(--blue-cool-vivid-70) !important;
}

.bg-blue-cool-vivid-60 {
  --background: var(--blue-cool-vivid-60);
  background: var(--blue-cool-vivid-60) !important;
}

.text-blue-cool-vivid-60 {
  color: var(--blue-cool-vivid-60) !important;
}

.border-blue-cool-vivid-60 {
  border-color: var(--blue-cool-vivid-60) !important;
}

.bg-blue-cool-vivid-50 {
  --background: var(--blue-cool-vivid-50);
  background: var(--blue-cool-vivid-50) !important;
}

.text-blue-cool-vivid-50 {
  color: var(--blue-cool-vivid-50) !important;
}

.border-blue-cool-vivid-50 {
  border-color: var(--blue-cool-vivid-50) !important;
}

.bg-blue-cool-vivid-40 {
  --background: var(--blue-cool-vivid-40);
  background: var(--blue-cool-vivid-40) !important;
}

.text-blue-cool-vivid-40 {
  color: var(--blue-cool-vivid-40) !important;
}

.border-blue-cool-vivid-40 {
  border-color: var(--blue-cool-vivid-40) !important;
}

.bg-blue-cool-vivid-30 {
  --background: var(--blue-cool-vivid-30);
  background: var(--blue-cool-vivid-30) !important;
}

.text-blue-cool-vivid-30 {
  color: var(--blue-cool-vivid-30) !important;
}

.border-blue-cool-vivid-30 {
  border-color: var(--blue-cool-vivid-30) !important;
}

.bg-blue-cool-vivid-20 {
  --background: var(--blue-cool-vivid-20);
  background: var(--blue-cool-vivid-20) !important;
}

.text-blue-cool-vivid-20 {
  color: var(--blue-cool-vivid-20) !important;
}

.border-blue-cool-vivid-20 {
  border-color: var(--blue-cool-vivid-20) !important;
}

.bg-blue-cool-vivid-10 {
  --background: var(--blue-cool-vivid-10);
  background: var(--blue-cool-vivid-10) !important;
}

.text-blue-cool-vivid-10 {
  color: var(--blue-cool-vivid-10) !important;
}

.border-blue-cool-vivid-10 {
  border-color: var(--blue-cool-vivid-10) !important;
}

.bg-blue-cool-vivid-5 {
  --background: var(--blue-cool-vivid-5);
  background: var(--blue-cool-vivid-5) !important;
}

.text-blue-cool-vivid-5 {
  color: var(--blue-cool-vivid-5) !important;
}

.border-blue-cool-vivid-5 {
  border-color: var(--blue-cool-vivid-5) !important;
}

.bg-blue-warm-vivid-90 {
  --background: var(--blue-warm-vivid-90);
  background: var(--blue-warm-vivid-90) !important;
}

.text-blue-warm-vivid-90 {
  color: var(--blue-warm-vivid-90) !important;
}

.border-blue-warm-vivid-90 {
  border-color: var(--blue-warm-vivid-90) !important;
}

.bg-blue-warm-vivid-80 {
  --background: var(--blue-warm-vivid-80);
  background: var(--blue-warm-vivid-80) !important;
}

.text-blue-warm-vivid-80 {
  color: var(--blue-warm-vivid-80) !important;
}

.border-blue-warm-vivid-80 {
  border-color: var(--blue-warm-vivid-80) !important;
}

.bg-blue-warm-vivid-70 {
  --background: var(--blue-warm-vivid-70);
  background: var(--blue-warm-vivid-70) !important;
}

.text-blue-warm-vivid-70 {
  color: var(--blue-warm-vivid-70) !important;
}

.border-blue-warm-vivid-70 {
  border-color: var(--blue-warm-vivid-70) !important;
}

.bg-blue-warm-vivid-60 {
  --background: var(--blue-warm-vivid-60);
  background: var(--blue-warm-vivid-60) !important;
}

.text-blue-warm-vivid-60 {
  color: var(--blue-warm-vivid-60) !important;
}

.border-blue-warm-vivid-60 {
  border-color: var(--blue-warm-vivid-60) !important;
}

.bg-blue-warm-vivid-50 {
  --background: var(--blue-warm-vivid-50);
  background: var(--blue-warm-vivid-50) !important;
}

.text-blue-warm-vivid-50 {
  color: var(--blue-warm-vivid-50) !important;
}

.border-blue-warm-vivid-50 {
  border-color: var(--blue-warm-vivid-50) !important;
}

.bg-blue-warm-vivid-40 {
  --background: var(--blue-warm-vivid-40);
  background: var(--blue-warm-vivid-40) !important;
}

.text-blue-warm-vivid-40 {
  color: var(--blue-warm-vivid-40) !important;
}

.border-blue-warm-vivid-40 {
  border-color: var(--blue-warm-vivid-40) !important;
}

.bg-blue-warm-vivid-30 {
  --background: var(--blue-warm-vivid-30);
  background: var(--blue-warm-vivid-30) !important;
}

.text-blue-warm-vivid-30 {
  color: var(--blue-warm-vivid-30) !important;
}

.border-blue-warm-vivid-30 {
  border-color: var(--blue-warm-vivid-30) !important;
}

.bg-blue-warm-vivid-20 {
  --background: var(--blue-warm-vivid-20);
  background: var(--blue-warm-vivid-20) !important;
}

.text-blue-warm-vivid-20 {
  color: var(--blue-warm-vivid-20) !important;
}

.border-blue-warm-vivid-20 {
  border-color: var(--blue-warm-vivid-20) !important;
}

.bg-blue-warm-vivid-10 {
  --background: var(--blue-warm-vivid-10);
  background: var(--blue-warm-vivid-10) !important;
}

.text-blue-warm-vivid-10 {
  color: var(--blue-warm-vivid-10) !important;
}

.border-blue-warm-vivid-10 {
  border-color: var(--blue-warm-vivid-10) !important;
}

.bg-blue-warm-vivid-5 {
  --background: var(--blue-warm-vivid-5);
  background: var(--blue-warm-vivid-5) !important;
}

.text-blue-warm-vivid-5 {
  color: var(--blue-warm-vivid-5) !important;
}

.border-blue-warm-vivid-5 {
  border-color: var(--blue-warm-vivid-5) !important;
}

.bg-cyan-90 {
  --background: var(--cyan-90);
  background: var(--cyan-90) !important;
}

.text-cyan-90 {
  color: var(--cyan-90) !important;
}

.border-cyan-90 {
  border-color: var(--cyan-90) !important;
}

.bg-cyan-80 {
  --background: var(--cyan-80);
  background: var(--cyan-80) !important;
}

.text-cyan-80 {
  color: var(--cyan-80) !important;
}

.border-cyan-80 {
  border-color: var(--cyan-80) !important;
}

.bg-cyan-70 {
  --background: var(--cyan-70);
  background: var(--cyan-70) !important;
}

.text-cyan-70 {
  color: var(--cyan-70) !important;
}

.border-cyan-70 {
  border-color: var(--cyan-70) !important;
}

.bg-cyan-60 {
  --background: var(--cyan-60);
  background: var(--cyan-60) !important;
}

.text-cyan-60 {
  color: var(--cyan-60) !important;
}

.border-cyan-60 {
  border-color: var(--cyan-60) !important;
}

.bg-cyan-50 {
  --background: var(--cyan-50);
  background: var(--cyan-50) !important;
}

.text-cyan-50 {
  color: var(--cyan-50) !important;
}

.border-cyan-50 {
  border-color: var(--cyan-50) !important;
}

.bg-cyan-40 {
  --background: var(--cyan-40);
  background: var(--cyan-40) !important;
}

.text-cyan-40 {
  color: var(--cyan-40) !important;
}

.border-cyan-40 {
  border-color: var(--cyan-40) !important;
}

.bg-cyan-30 {
  --background: var(--cyan-30);
  background: var(--cyan-30) !important;
}

.text-cyan-30 {
  color: var(--cyan-30) !important;
}

.border-cyan-30 {
  border-color: var(--cyan-30) !important;
}

.bg-cyan-20 {
  --background: var(--cyan-20);
  background: var(--cyan-20) !important;
}

.text-cyan-20 {
  color: var(--cyan-20) !important;
}

.border-cyan-20 {
  border-color: var(--cyan-20) !important;
}

.bg-cyan-10 {
  --background: var(--cyan-10);
  background: var(--cyan-10) !important;
}

.text-cyan-10 {
  color: var(--cyan-10) !important;
}

.border-cyan-10 {
  border-color: var(--cyan-10) !important;
}

.bg-cyan-5 {
  --background: var(--cyan-5);
  background: var(--cyan-5) !important;
}

.text-cyan-5 {
  color: var(--cyan-5) !important;
}

.border-cyan-5 {
  border-color: var(--cyan-5) !important;
}

.bg-cyan-vivid-80 {
  --background: var(--cyan-vivid-80);
  background: var(--cyan-vivid-80) !important;
}

.text-cyan-vivid-80 {
  color: var(--cyan-vivid-80) !important;
}

.border-cyan-vivid-80 {
  border-color: var(--cyan-vivid-80) !important;
}

.bg-cyan-vivid-70 {
  --background: var(--cyan-vivid-70);
  background: var(--cyan-vivid-70) !important;
}

.text-cyan-vivid-70 {
  color: var(--cyan-vivid-70) !important;
}

.border-cyan-vivid-70 {
  border-color: var(--cyan-vivid-70) !important;
}

.bg-cyan-vivid-60 {
  --background: var(--cyan-vivid-60);
  background: var(--cyan-vivid-60) !important;
}

.text-cyan-vivid-60 {
  color: var(--cyan-vivid-60) !important;
}

.border-cyan-vivid-60 {
  border-color: var(--cyan-vivid-60) !important;
}

.bg-cyan-vivid-50 {
  --background: var(--cyan-vivid-50);
  background: var(--cyan-vivid-50) !important;
}

.text-cyan-vivid-50 {
  color: var(--cyan-vivid-50) !important;
}

.border-cyan-vivid-50 {
  border-color: var(--cyan-vivid-50) !important;
}

.bg-cyan-vivid-40 {
  --background: var(--cyan-vivid-40);
  background: var(--cyan-vivid-40) !important;
}

.text-cyan-vivid-40 {
  color: var(--cyan-vivid-40) !important;
}

.border-cyan-vivid-40 {
  border-color: var(--cyan-vivid-40) !important;
}

.bg-cyan-vivid-30 {
  --background: var(--cyan-vivid-30);
  background: var(--cyan-vivid-30) !important;
}

.text-cyan-vivid-30 {
  color: var(--cyan-vivid-30) !important;
}

.border-cyan-vivid-30 {
  border-color: var(--cyan-vivid-30) !important;
}

.bg-cyan-vivid-20 {
  --background: var(--cyan-vivid-20);
  background: var(--cyan-vivid-20) !important;
}

.text-cyan-vivid-20 {
  color: var(--cyan-vivid-20) !important;
}

.border-cyan-vivid-20 {
  border-color: var(--cyan-vivid-20) !important;
}

.bg-cyan-vivid-10 {
  --background: var(--cyan-vivid-10);
  background: var(--cyan-vivid-10) !important;
}

.text-cyan-vivid-10 {
  color: var(--cyan-vivid-10) !important;
}

.border-cyan-vivid-10 {
  border-color: var(--cyan-vivid-10) !important;
}

.bg-cyan-vivid-5 {
  --background: var(--cyan-vivid-5);
  background: var(--cyan-vivid-5) !important;
}

.text-cyan-vivid-5 {
  color: var(--cyan-vivid-5) !important;
}

.border-cyan-vivid-5 {
  border-color: var(--cyan-vivid-5) !important;
}

.bg-gold-90 {
  --background: var(--gold-90);
  background: var(--gold-90) !important;
}

.text-gold-90 {
  color: var(--gold-90) !important;
}

.border-gold-90 {
  border-color: var(--gold-90) !important;
}

.bg-gold-80 {
  --background: var(--gold-80);
  background: var(--gold-80) !important;
}

.text-gold-80 {
  color: var(--gold-80) !important;
}

.border-gold-80 {
  border-color: var(--gold-80) !important;
}

.bg-gold-70 {
  --background: var(--gold-70);
  background: var(--gold-70) !important;
}

.text-gold-70 {
  color: var(--gold-70) !important;
}

.border-gold-70 {
  border-color: var(--gold-70) !important;
}

.bg-gold-60 {
  --background: var(--gold-60);
  background: var(--gold-60) !important;
}

.text-gold-60 {
  color: var(--gold-60) !important;
}

.border-gold-60 {
  border-color: var(--gold-60) !important;
}

.bg-gold-50 {
  --background: var(--gold-50);
  background: var(--gold-50) !important;
}

.text-gold-50 {
  color: var(--gold-50) !important;
}

.border-gold-50 {
  border-color: var(--gold-50) !important;
}

.bg-gold-40 {
  --background: var(--gold-40);
  background: var(--gold-40) !important;
}

.text-gold-40 {
  color: var(--gold-40) !important;
}

.border-gold-40 {
  border-color: var(--gold-40) !important;
}

.bg-gold-30 {
  --background: var(--gold-30);
  background: var(--gold-30) !important;
}

.text-gold-30 {
  color: var(--gold-30) !important;
}

.border-gold-30 {
  border-color: var(--gold-30) !important;
}

.bg-gold-20 {
  --background: var(--gold-20);
  background: var(--gold-20) !important;
}

.text-gold-20 {
  color: var(--gold-20) !important;
}

.border-gold-20 {
  border-color: var(--gold-20) !important;
}

.bg-gold-10 {
  --background: var(--gold-10);
  background: var(--gold-10) !important;
}

.text-gold-10 {
  color: var(--gold-10) !important;
}

.border-gold-10 {
  border-color: var(--gold-10) !important;
}

.bg-gold-5 {
  --background: var(--gold-5);
  background: var(--gold-5) !important;
}

.text-gold-5 {
  color: var(--gold-5) !important;
}

.border-gold-5 {
  border-color: var(--gold-5) !important;
}

.bg-gold-vivid-80 {
  --background: var(--gold-vivid-80);
  background: var(--gold-vivid-80) !important;
}

.text-gold-vivid-80 {
  color: var(--gold-vivid-80) !important;
}

.border-gold-vivid-80 {
  border-color: var(--gold-vivid-80) !important;
}

.bg-gold-vivid-70 {
  --background: var(--gold-vivid-70);
  background: var(--gold-vivid-70) !important;
}

.text-gold-vivid-70 {
  color: var(--gold-vivid-70) !important;
}

.border-gold-vivid-70 {
  border-color: var(--gold-vivid-70) !important;
}

.bg-gold-vivid-60 {
  --background: var(--gold-vivid-60);
  background: var(--gold-vivid-60) !important;
}

.text-gold-vivid-60 {
  color: var(--gold-vivid-60) !important;
}

.border-gold-vivid-60 {
  border-color: var(--gold-vivid-60) !important;
}

.bg-gold-vivid-50 {
  --background: var(--gold-vivid-50);
  background: var(--gold-vivid-50) !important;
}

.text-gold-vivid-50 {
  color: var(--gold-vivid-50) !important;
}

.border-gold-vivid-50 {
  border-color: var(--gold-vivid-50) !important;
}

.bg-gold-vivid-40 {
  --background: var(--gold-vivid-40);
  background: var(--gold-vivid-40) !important;
}

.text-gold-vivid-40 {
  color: var(--gold-vivid-40) !important;
}

.border-gold-vivid-40 {
  border-color: var(--gold-vivid-40) !important;
}

.bg-gold-vivid-30 {
  --background: var(--gold-vivid-30);
  background: var(--gold-vivid-30) !important;
}

.text-gold-vivid-30 {
  color: var(--gold-vivid-30) !important;
}

.border-gold-vivid-30 {
  border-color: var(--gold-vivid-30) !important;
}

.bg-gold-vivid-20 {
  --background: var(--gold-vivid-20);
  background: var(--gold-vivid-20) !important;
}

.text-gold-vivid-20 {
  color: var(--gold-vivid-20) !important;
}

.border-gold-vivid-20 {
  border-color: var(--gold-vivid-20) !important;
}

.bg-gold-vivid-10 {
  --background: var(--gold-vivid-10);
  background: var(--gold-vivid-10) !important;
}

.text-gold-vivid-10 {
  color: var(--gold-vivid-10) !important;
}

.border-gold-vivid-10 {
  border-color: var(--gold-vivid-10) !important;
}

.bg-gold-vivid-5 {
  --background: var(--gold-vivid-5);
  background: var(--gold-vivid-5) !important;
}

.text-gold-vivid-5 {
  color: var(--gold-vivid-5) !important;
}

.border-gold-vivid-5 {
  border-color: var(--gold-vivid-5) !important;
}

.bg-gray-90 {
  --background: var(--gray-90);
  background: var(--gray-90) !important;
}

.text-gray-90 {
  color: var(--gray-90) !important;
}

.border-gray-90 {
  border-color: var(--gray-90) !important;
}

.bg-gray-80 {
  --background: var(--gray-80);
  background: var(--gray-80) !important;
}

.text-gray-80 {
  color: var(--gray-80) !important;
}

.border-gray-80 {
  border-color: var(--gray-80) !important;
}

.bg-gray-70 {
  --background: var(--gray-70);
  background: var(--gray-70) !important;
}

.text-gray-70 {
  color: var(--gray-70) !important;
}

.border-gray-70 {
  border-color: var(--gray-70) !important;
}

.bg-gray-60 {
  --background: var(--gray-60);
  background: var(--gray-60) !important;
}

.text-gray-60 {
  color: var(--gray-60) !important;
}

.border-gray-60 {
  border-color: var(--gray-60) !important;
}

.bg-gray-50 {
  --background: var(--gray-50);
  background: var(--gray-50) !important;
}

.text-gray-50 {
  color: var(--gray-50) !important;
}

.border-gray-50 {
  border-color: var(--gray-50) !important;
}

.bg-gray-40 {
  --background: var(--gray-40);
  background: var(--gray-40) !important;
}

.text-gray-40 {
  color: var(--gray-40) !important;
}

.border-gray-40 {
  border-color: var(--gray-40) !important;
}

.bg-gray-30 {
  --background: var(--gray-30);
  background: var(--gray-30) !important;
}

.text-gray-30 {
  color: var(--gray-30) !important;
}

.border-gray-30 {
  border-color: var(--gray-30) !important;
}

.bg-gray-20 {
  --background: var(--gray-20);
  background: var(--gray-20) !important;
}

.text-gray-20 {
  color: var(--gray-20) !important;
}

.border-gray-20 {
  border-color: var(--gray-20) !important;
}

.bg-gray-10 {
  --background: var(--gray-10);
  background: var(--gray-10) !important;
}

.text-gray-10 {
  color: var(--gray-10) !important;
}

.border-gray-10 {
  border-color: var(--gray-10) !important;
}

.bg-gray-5 {
  --background: var(--gray-5);
  background: var(--gray-5) !important;
}

.text-gray-5 {
  color: var(--gray-5) !important;
}

.border-gray-5 {
  border-color: var(--gray-5) !important;
}

.bg-gray-4 {
  --background: var(--gray-4);
  background: var(--gray-4) !important;
}

.text-gray-4 {
  color: var(--gray-4) !important;
}

.border-gray-4 {
  border-color: var(--gray-4) !important;
}

.bg-gray-3 {
  --background: var(--gray-3);
  background: var(--gray-3) !important;
}

.text-gray-3 {
  color: var(--gray-3) !important;
}

.border-gray-3 {
  border-color: var(--gray-3) !important;
}

.bg-gray-2 {
  --background: var(--gray-2);
  background: var(--gray-2) !important;
}

.text-gray-2 {
  color: var(--gray-2) !important;
}

.border-gray-2 {
  border-color: var(--gray-2) !important;
}

.bg-gray-1 {
  --background: var(--gray-1);
  background: var(--gray-1) !important;
}

.text-gray-1 {
  color: var(--gray-1) !important;
}

.border-gray-1 {
  border-color: var(--gray-1) !important;
}

.bg-gray-cool-90 {
  --background: var(--gray-cool-90);
  background: var(--gray-cool-90) !important;
}

.text-gray-cool-90 {
  color: var(--gray-cool-90) !important;
}

.border-gray-cool-90 {
  border-color: var(--gray-cool-90) !important;
}

.bg-gray-cool-80 {
  --background: var(--gray-cool-80);
  background: var(--gray-cool-80) !important;
}

.text-gray-cool-80 {
  color: var(--gray-cool-80) !important;
}

.border-gray-cool-80 {
  border-color: var(--gray-cool-80) !important;
}

.bg-gray-cool-70 {
  --background: var(--gray-cool-70);
  background: var(--gray-cool-70) !important;
}

.text-gray-cool-70 {
  color: var(--gray-cool-70) !important;
}

.border-gray-cool-70 {
  border-color: var(--gray-cool-70) !important;
}

.bg-gray-cool-60 {
  --background: var(--gray-cool-60);
  background: var(--gray-cool-60) !important;
}

.text-gray-cool-60 {
  color: var(--gray-cool-60) !important;
}

.border-gray-cool-60 {
  border-color: var(--gray-cool-60) !important;
}

.bg-gray-cool-50 {
  --background: var(--gray-cool-50);
  background: var(--gray-cool-50) !important;
}

.text-gray-cool-50 {
  color: var(--gray-cool-50) !important;
}

.border-gray-cool-50 {
  border-color: var(--gray-cool-50) !important;
}

.bg-gray-cool-40 {
  --background: var(--gray-cool-40);
  background: var(--gray-cool-40) !important;
}

.text-gray-cool-40 {
  color: var(--gray-cool-40) !important;
}

.border-gray-cool-40 {
  border-color: var(--gray-cool-40) !important;
}

.bg-gray-cool-30 {
  --background: var(--gray-cool-30);
  background: var(--gray-cool-30) !important;
}

.text-gray-cool-30 {
  color: var(--gray-cool-30) !important;
}

.border-gray-cool-30 {
  border-color: var(--gray-cool-30) !important;
}

.bg-gray-cool-20 {
  --background: var(--gray-cool-20);
  background: var(--gray-cool-20) !important;
}

.text-gray-cool-20 {
  color: var(--gray-cool-20) !important;
}

.border-gray-cool-20 {
  border-color: var(--gray-cool-20) !important;
}

.bg-gray-cool-10 {
  --background: var(--gray-cool-10);
  background: var(--gray-cool-10) !important;
}

.text-gray-cool-10 {
  color: var(--gray-cool-10) !important;
}

.border-gray-cool-10 {
  border-color: var(--gray-cool-10) !important;
}

.bg-gray-cool-5 {
  --background: var(--gray-cool-5);
  background: var(--gray-cool-5) !important;
}

.text-gray-cool-5 {
  color: var(--gray-cool-5) !important;
}

.border-gray-cool-5 {
  border-color: var(--gray-cool-5) !important;
}

.bg-gray-cool-4 {
  --background: var(--gray-cool-4);
  background: var(--gray-cool-4) !important;
}

.text-gray-cool-4 {
  color: var(--gray-cool-4) !important;
}

.border-gray-cool-4 {
  border-color: var(--gray-cool-4) !important;
}

.bg-gray-cool-3 {
  --background: var(--gray-cool-3);
  background: var(--gray-cool-3) !important;
}

.text-gray-cool-3 {
  color: var(--gray-cool-3) !important;
}

.border-gray-cool-3 {
  border-color: var(--gray-cool-3) !important;
}

.bg-gray-cool-2 {
  --background: var(--gray-cool-2);
  background: var(--gray-cool-2) !important;
}

.text-gray-cool-2 {
  color: var(--gray-cool-2) !important;
}

.border-gray-cool-2 {
  border-color: var(--gray-cool-2) !important;
}

.bg-gray-cool-1 {
  --background: var(--gray-cool-1);
  background: var(--gray-cool-1) !important;
}

.text-gray-cool-1 {
  color: var(--gray-cool-1) !important;
}

.border-gray-cool-1 {
  border-color: var(--gray-cool-1) !important;
}

.bg-gray-warm-90 {
  --background: var(--gray-warm-90);
  background: var(--gray-warm-90) !important;
}

.text-gray-warm-90 {
  color: var(--gray-warm-90) !important;
}

.border-gray-warm-90 {
  border-color: var(--gray-warm-90) !important;
}

.bg-gray-warm-80 {
  --background: var(--gray-warm-80);
  background: var(--gray-warm-80) !important;
}

.text-gray-warm-80 {
  color: var(--gray-warm-80) !important;
}

.border-gray-warm-80 {
  border-color: var(--gray-warm-80) !important;
}

.bg-gray-warm-70 {
  --background: var(--gray-warm-70);
  background: var(--gray-warm-70) !important;
}

.text-gray-warm-70 {
  color: var(--gray-warm-70) !important;
}

.border-gray-warm-70 {
  border-color: var(--gray-warm-70) !important;
}

.bg-gray-warm-60 {
  --background: var(--gray-warm-60);
  background: var(--gray-warm-60) !important;
}

.text-gray-warm-60 {
  color: var(--gray-warm-60) !important;
}

.border-gray-warm-60 {
  border-color: var(--gray-warm-60) !important;
}

.bg-gray-warm-50 {
  --background: var(--gray-warm-50);
  background: var(--gray-warm-50) !important;
}

.text-gray-warm-50 {
  color: var(--gray-warm-50) !important;
}

.border-gray-warm-50 {
  border-color: var(--gray-warm-50) !important;
}

.bg-gray-warm-40 {
  --background: var(--gray-warm-40);
  background: var(--gray-warm-40) !important;
}

.text-gray-warm-40 {
  color: var(--gray-warm-40) !important;
}

.border-gray-warm-40 {
  border-color: var(--gray-warm-40) !important;
}

.bg-gray-warm-30 {
  --background: var(--gray-warm-30);
  background: var(--gray-warm-30) !important;
}

.text-gray-warm-30 {
  color: var(--gray-warm-30) !important;
}

.border-gray-warm-30 {
  border-color: var(--gray-warm-30) !important;
}

.bg-gray-warm-20 {
  --background: var(--gray-warm-20);
  background: var(--gray-warm-20) !important;
}

.text-gray-warm-20 {
  color: var(--gray-warm-20) !important;
}

.border-gray-warm-20 {
  border-color: var(--gray-warm-20) !important;
}

.bg-gray-warm-10 {
  --background: var(--gray-warm-10);
  background: var(--gray-warm-10) !important;
}

.text-gray-warm-10 {
  color: var(--gray-warm-10) !important;
}

.border-gray-warm-10 {
  border-color: var(--gray-warm-10) !important;
}

.bg-gray-warm-5 {
  --background: var(--gray-warm-5);
  background: var(--gray-warm-5) !important;
}

.text-gray-warm-5 {
  color: var(--gray-warm-5) !important;
}

.border-gray-warm-5 {
  border-color: var(--gray-warm-5) !important;
}

.bg-gray-warm-4 {
  --background: var(--gray-warm-4);
  background: var(--gray-warm-4) !important;
}

.text-gray-warm-4 {
  color: var(--gray-warm-4) !important;
}

.border-gray-warm-4 {
  border-color: var(--gray-warm-4) !important;
}

.bg-gray-warm-3 {
  --background: var(--gray-warm-3);
  background: var(--gray-warm-3) !important;
}

.text-gray-warm-3 {
  color: var(--gray-warm-3) !important;
}

.border-gray-warm-3 {
  border-color: var(--gray-warm-3) !important;
}

.bg-gray-warm-2 {
  --background: var(--gray-warm-2);
  background: var(--gray-warm-2) !important;
}

.text-gray-warm-2 {
  color: var(--gray-warm-2) !important;
}

.border-gray-warm-2 {
  border-color: var(--gray-warm-2) !important;
}

.bg-gray-warm-1 {
  --background: var(--gray-warm-1);
  background: var(--gray-warm-1) !important;
}

.text-gray-warm-1 {
  color: var(--gray-warm-1) !important;
}

.border-gray-warm-1 {
  border-color: var(--gray-warm-1) !important;
}

.bg-green-90 {
  --background: var(--green-90);
  background: var(--green-90) !important;
}

.text-green-90 {
  color: var(--green-90) !important;
}

.border-green-90 {
  border-color: var(--green-90) !important;
}

.bg-green-80 {
  --background: var(--green-80);
  background: var(--green-80) !important;
}

.text-green-80 {
  color: var(--green-80) !important;
}

.border-green-80 {
  border-color: var(--green-80) !important;
}

.bg-green-70 {
  --background: var(--green-70);
  background: var(--green-70) !important;
}

.text-green-70 {
  color: var(--green-70) !important;
}

.border-green-70 {
  border-color: var(--green-70) !important;
}

.bg-green-60 {
  --background: var(--green-60);
  background: var(--green-60) !important;
}

.text-green-60 {
  color: var(--green-60) !important;
}

.border-green-60 {
  border-color: var(--green-60) !important;
}

.bg-green-50 {
  --background: var(--green-50);
  background: var(--green-50) !important;
}

.text-green-50 {
  color: var(--green-50) !important;
}

.border-green-50 {
  border-color: var(--green-50) !important;
}

.bg-green-40 {
  --background: var(--green-40);
  background: var(--green-40) !important;
}

.text-green-40 {
  color: var(--green-40) !important;
}

.border-green-40 {
  border-color: var(--green-40) !important;
}

.bg-green-30 {
  --background: var(--green-30);
  background: var(--green-30) !important;
}

.text-green-30 {
  color: var(--green-30) !important;
}

.border-green-30 {
  border-color: var(--green-30) !important;
}

.bg-green-20 {
  --background: var(--green-20);
  background: var(--green-20) !important;
}

.text-green-20 {
  color: var(--green-20) !important;
}

.border-green-20 {
  border-color: var(--green-20) !important;
}

.bg-green-10 {
  --background: var(--green-10);
  background: var(--green-10) !important;
}

.text-green-10 {
  color: var(--green-10) !important;
}

.border-green-10 {
  border-color: var(--green-10) !important;
}

.bg-green-5 {
  --background: var(--green-5);
  background: var(--green-5) !important;
}

.text-green-5 {
  color: var(--green-5) !important;
}

.border-green-5 {
  border-color: var(--green-5) !important;
}

.bg-green-cool-90 {
  --background: var(--green-cool-90);
  background: var(--green-cool-90) !important;
}

.text-green-cool-90 {
  color: var(--green-cool-90) !important;
}

.border-green-cool-90 {
  border-color: var(--green-cool-90) !important;
}

.bg-green-cool-80 {
  --background: var(--green-cool-80);
  background: var(--green-cool-80) !important;
}

.text-green-cool-80 {
  color: var(--green-cool-80) !important;
}

.border-green-cool-80 {
  border-color: var(--green-cool-80) !important;
}

.bg-green-cool-70 {
  --background: var(--green-cool-70);
  background: var(--green-cool-70) !important;
}

.text-green-cool-70 {
  color: var(--green-cool-70) !important;
}

.border-green-cool-70 {
  border-color: var(--green-cool-70) !important;
}

.bg-green-cool-60 {
  --background: var(--green-cool-60);
  background: var(--green-cool-60) !important;
}

.text-green-cool-60 {
  color: var(--green-cool-60) !important;
}

.border-green-cool-60 {
  border-color: var(--green-cool-60) !important;
}

.bg-green-cool-50 {
  --background: var(--green-cool-50);
  background: var(--green-cool-50) !important;
}

.text-green-cool-50 {
  color: var(--green-cool-50) !important;
}

.border-green-cool-50 {
  border-color: var(--green-cool-50) !important;
}

.bg-green-cool-40 {
  --background: var(--green-cool-40);
  background: var(--green-cool-40) !important;
}

.text-green-cool-40 {
  color: var(--green-cool-40) !important;
}

.border-green-cool-40 {
  border-color: var(--green-cool-40) !important;
}

.bg-green-cool-30 {
  --background: var(--green-cool-30);
  background: var(--green-cool-30) !important;
}

.text-green-cool-30 {
  color: var(--green-cool-30) !important;
}

.border-green-cool-30 {
  border-color: var(--green-cool-30) !important;
}

.bg-green-cool-20 {
  --background: var(--green-cool-20);
  background: var(--green-cool-20) !important;
}

.text-green-cool-20 {
  color: var(--green-cool-20) !important;
}

.border-green-cool-20 {
  border-color: var(--green-cool-20) !important;
}

.bg-green-cool-10 {
  --background: var(--green-cool-10);
  background: var(--green-cool-10) !important;
}

.text-green-cool-10 {
  color: var(--green-cool-10) !important;
}

.border-green-cool-10 {
  border-color: var(--green-cool-10) !important;
}

.bg-green-cool-5 {
  --background: var(--green-cool-5);
  background: var(--green-cool-5) !important;
}

.text-green-cool-5 {
  color: var(--green-cool-5) !important;
}

.border-green-cool-5 {
  border-color: var(--green-cool-5) !important;
}

.bg-green-warm-90 {
  --background: var(--green-warm-90);
  background: var(--green-warm-90) !important;
}

.text-green-warm-90 {
  color: var(--green-warm-90) !important;
}

.border-green-warm-90 {
  border-color: var(--green-warm-90) !important;
}

.bg-green-warm-80 {
  --background: var(--green-warm-80);
  background: var(--green-warm-80) !important;
}

.text-green-warm-80 {
  color: var(--green-warm-80) !important;
}

.border-green-warm-80 {
  border-color: var(--green-warm-80) !important;
}

.bg-green-warm-70 {
  --background: var(--green-warm-70);
  background: var(--green-warm-70) !important;
}

.text-green-warm-70 {
  color: var(--green-warm-70) !important;
}

.border-green-warm-70 {
  border-color: var(--green-warm-70) !important;
}

.bg-green-warm-60 {
  --background: var(--green-warm-60);
  background: var(--green-warm-60) !important;
}

.text-green-warm-60 {
  color: var(--green-warm-60) !important;
}

.border-green-warm-60 {
  border-color: var(--green-warm-60) !important;
}

.bg-green-warm-50 {
  --background: var(--green-warm-50);
  background: var(--green-warm-50) !important;
}

.text-green-warm-50 {
  color: var(--green-warm-50) !important;
}

.border-green-warm-50 {
  border-color: var(--green-warm-50) !important;
}

.bg-green-warm-40 {
  --background: var(--green-warm-40);
  background: var(--green-warm-40) !important;
}

.text-green-warm-40 {
  color: var(--green-warm-40) !important;
}

.border-green-warm-40 {
  border-color: var(--green-warm-40) !important;
}

.bg-green-warm-30 {
  --background: var(--green-warm-30);
  background: var(--green-warm-30) !important;
}

.text-green-warm-30 {
  color: var(--green-warm-30) !important;
}

.border-green-warm-30 {
  border-color: var(--green-warm-30) !important;
}

.bg-green-warm-20 {
  --background: var(--green-warm-20);
  background: var(--green-warm-20) !important;
}

.text-green-warm-20 {
  color: var(--green-warm-20) !important;
}

.border-green-warm-20 {
  border-color: var(--green-warm-20) !important;
}

.bg-green-warm-10 {
  --background: var(--green-warm-10);
  background: var(--green-warm-10) !important;
}

.text-green-warm-10 {
  color: var(--green-warm-10) !important;
}

.border-green-warm-10 {
  border-color: var(--green-warm-10) !important;
}

.bg-green-warm-5 {
  --background: var(--green-warm-5);
  background: var(--green-warm-5) !important;
}

.text-green-warm-5 {
  color: var(--green-warm-5) !important;
}

.border-green-warm-5 {
  border-color: var(--green-warm-5) !important;
}

.bg-green-vivid-80 {
  --background: var(--green-vivid-80);
  background: var(--green-vivid-80) !important;
}

.text-green-vivid-80 {
  color: var(--green-vivid-80) !important;
}

.border-green-vivid-80 {
  border-color: var(--green-vivid-80) !important;
}

.bg-green-vivid-70 {
  --background: var(--green-vivid-70);
  background: var(--green-vivid-70) !important;
}

.text-green-vivid-70 {
  color: var(--green-vivid-70) !important;
}

.border-green-vivid-70 {
  border-color: var(--green-vivid-70) !important;
}

.bg-green-vivid-60 {
  --background: var(--green-vivid-60);
  background: var(--green-vivid-60) !important;
}

.text-green-vivid-60 {
  color: var(--green-vivid-60) !important;
}

.border-green-vivid-60 {
  border-color: var(--green-vivid-60) !important;
}

.bg-green-vivid-50 {
  --background: var(--green-vivid-50);
  background: var(--green-vivid-50) !important;
}

.text-green-vivid-50 {
  color: var(--green-vivid-50) !important;
}

.border-green-vivid-50 {
  border-color: var(--green-vivid-50) !important;
}

.bg-green-vivid-40 {
  --background: var(--green-vivid-40);
  background: var(--green-vivid-40) !important;
}

.text-green-vivid-40 {
  color: var(--green-vivid-40) !important;
}

.border-green-vivid-40 {
  border-color: var(--green-vivid-40) !important;
}

.bg-green-vivid-30 {
  --background: var(--green-vivid-30);
  background: var(--green-vivid-30) !important;
}

.text-green-vivid-30 {
  color: var(--green-vivid-30) !important;
}

.border-green-vivid-30 {
  border-color: var(--green-vivid-30) !important;
}

.bg-green-vivid-20 {
  --background: var(--green-vivid-20);
  background: var(--green-vivid-20) !important;
}

.text-green-vivid-20 {
  color: var(--green-vivid-20) !important;
}

.border-green-vivid-20 {
  border-color: var(--green-vivid-20) !important;
}

.bg-green-vivid-10 {
  --background: var(--green-vivid-10);
  background: var(--green-vivid-10) !important;
}

.text-green-vivid-10 {
  color: var(--green-vivid-10) !important;
}

.border-green-vivid-10 {
  border-color: var(--green-vivid-10) !important;
}

.bg-green-vivid-5 {
  --background: var(--green-vivid-5);
  background: var(--green-vivid-5) !important;
}

.text-green-vivid-5 {
  color: var(--green-vivid-5) !important;
}

.border-green-vivid-5 {
  border-color: var(--green-vivid-5) !important;
}

.bg-green-cool-vivid-80 {
  --background: var(--green-cool-vivid-80);
  background: var(--green-cool-vivid-80) !important;
}

.text-green-cool-vivid-80 {
  color: var(--green-cool-vivid-80) !important;
}

.border-green-cool-vivid-80 {
  border-color: var(--green-cool-vivid-80) !important;
}

.bg-green-cool-vivid-70 {
  --background: var(--green-cool-vivid-70);
  background: var(--green-cool-vivid-70) !important;
}

.text-green-cool-vivid-70 {
  color: var(--green-cool-vivid-70) !important;
}

.border-green-cool-vivid-70 {
  border-color: var(--green-cool-vivid-70) !important;
}

.bg-green-cool-vivid-60 {
  --background: var(--green-cool-vivid-60);
  background: var(--green-cool-vivid-60) !important;
}

.text-green-cool-vivid-60 {
  color: var(--green-cool-vivid-60) !important;
}

.border-green-cool-vivid-60 {
  border-color: var(--green-cool-vivid-60) !important;
}

.bg-green-cool-vivid-50 {
  --background: var(--green-cool-vivid-50);
  background: var(--green-cool-vivid-50) !important;
}

.text-green-cool-vivid-50 {
  color: var(--green-cool-vivid-50) !important;
}

.border-green-cool-vivid-50 {
  border-color: var(--green-cool-vivid-50) !important;
}

.bg-green-cool-vivid-40 {
  --background: var(--green-cool-vivid-40);
  background: var(--green-cool-vivid-40) !important;
}

.text-green-cool-vivid-40 {
  color: var(--green-cool-vivid-40) !important;
}

.border-green-cool-vivid-40 {
  border-color: var(--green-cool-vivid-40) !important;
}

.bg-green-cool-vivid-30 {
  --background: var(--green-cool-vivid-30);
  background: var(--green-cool-vivid-30) !important;
}

.text-green-cool-vivid-30 {
  color: var(--green-cool-vivid-30) !important;
}

.border-green-cool-vivid-30 {
  border-color: var(--green-cool-vivid-30) !important;
}

.bg-green-cool-vivid-20 {
  --background: var(--green-cool-vivid-20);
  background: var(--green-cool-vivid-20) !important;
}

.text-green-cool-vivid-20 {
  color: var(--green-cool-vivid-20) !important;
}

.border-green-cool-vivid-20 {
  border-color: var(--green-cool-vivid-20) !important;
}

.bg-green-cool-vivid-10 {
  --background: var(--green-cool-vivid-10);
  background: var(--green-cool-vivid-10) !important;
}

.text-green-cool-vivid-10 {
  color: var(--green-cool-vivid-10) !important;
}

.border-green-cool-vivid-10 {
  border-color: var(--green-cool-vivid-10) !important;
}

.bg-green-cool-vivid-5 {
  --background: var(--green-cool-vivid-5);
  background: var(--green-cool-vivid-5) !important;
}

.text-green-cool-vivid-5 {
  color: var(--green-cool-vivid-5) !important;
}

.border-green-cool-vivid-5 {
  border-color: var(--green-cool-vivid-5) !important;
}

.bg-green-warm-vivid-80 {
  --background: var(--green-warm-vivid-80);
  background: var(--green-warm-vivid-80) !important;
}

.text-green-warm-vivid-80 {
  color: var(--green-warm-vivid-80) !important;
}

.border-green-warm-vivid-80 {
  border-color: var(--green-warm-vivid-80) !important;
}

.bg-green-warm-vivid-70 {
  --background: var(--green-warm-vivid-70);
  background: var(--green-warm-vivid-70) !important;
}

.text-green-warm-vivid-70 {
  color: var(--green-warm-vivid-70) !important;
}

.border-green-warm-vivid-70 {
  border-color: var(--green-warm-vivid-70) !important;
}

.bg-green-warm-vivid-60 {
  --background: var(--green-warm-vivid-60);
  background: var(--green-warm-vivid-60) !important;
}

.text-green-warm-vivid-60 {
  color: var(--green-warm-vivid-60) !important;
}

.border-green-warm-vivid-60 {
  border-color: var(--green-warm-vivid-60) !important;
}

.bg-green-warm-vivid-50 {
  --background: var(--green-warm-vivid-50);
  background: var(--green-warm-vivid-50) !important;
}

.text-green-warm-vivid-50 {
  color: var(--green-warm-vivid-50) !important;
}

.border-green-warm-vivid-50 {
  border-color: var(--green-warm-vivid-50) !important;
}

.bg-green-warm-vivid-40 {
  --background: var(--green-warm-vivid-40);
  background: var(--green-warm-vivid-40) !important;
}

.text-green-warm-vivid-40 {
  color: var(--green-warm-vivid-40) !important;
}

.border-green-warm-vivid-40 {
  border-color: var(--green-warm-vivid-40) !important;
}

.bg-green-warm-vivid-30 {
  --background: var(--green-warm-vivid-30);
  background: var(--green-warm-vivid-30) !important;
}

.text-green-warm-vivid-30 {
  color: var(--green-warm-vivid-30) !important;
}

.border-green-warm-vivid-30 {
  border-color: var(--green-warm-vivid-30) !important;
}

.bg-green-warm-vivid-20 {
  --background: var(--green-warm-vivid-20);
  background: var(--green-warm-vivid-20) !important;
}

.text-green-warm-vivid-20 {
  color: var(--green-warm-vivid-20) !important;
}

.border-green-warm-vivid-20 {
  border-color: var(--green-warm-vivid-20) !important;
}

.bg-green-warm-vivid-10 {
  --background: var(--green-warm-vivid-10);
  background: var(--green-warm-vivid-10) !important;
}

.text-green-warm-vivid-10 {
  color: var(--green-warm-vivid-10) !important;
}

.border-green-warm-vivid-10 {
  border-color: var(--green-warm-vivid-10) !important;
}

.bg-green-warm-vivid-5 {
  --background: var(--green-warm-vivid-5);
  background: var(--green-warm-vivid-5) !important;
}

.text-green-warm-vivid-5 {
  color: var(--green-warm-vivid-5) !important;
}

.border-green-warm-vivid-5 {
  border-color: var(--green-warm-vivid-5) !important;
}

.bg-indigo-90 {
  --background: var(--indigo-90);
  background: var(--indigo-90) !important;
}

.text-indigo-90 {
  color: var(--indigo-90) !important;
}

.border-indigo-90 {
  border-color: var(--indigo-90) !important;
}

.bg-indigo-80 {
  --background: var(--indigo-80);
  background: var(--indigo-80) !important;
}

.text-indigo-80 {
  color: var(--indigo-80) !important;
}

.border-indigo-80 {
  border-color: var(--indigo-80) !important;
}

.bg-indigo-70 {
  --background: var(--indigo-70);
  background: var(--indigo-70) !important;
}

.text-indigo-70 {
  color: var(--indigo-70) !important;
}

.border-indigo-70 {
  border-color: var(--indigo-70) !important;
}

.bg-indigo-60 {
  --background: var(--indigo-60);
  background: var(--indigo-60) !important;
}

.text-indigo-60 {
  color: var(--indigo-60) !important;
}

.border-indigo-60 {
  border-color: var(--indigo-60) !important;
}

.bg-indigo-50 {
  --background: var(--indigo-50);
  background: var(--indigo-50) !important;
}

.text-indigo-50 {
  color: var(--indigo-50) !important;
}

.border-indigo-50 {
  border-color: var(--indigo-50) !important;
}

.bg-indigo-40 {
  --background: var(--indigo-40);
  background: var(--indigo-40) !important;
}

.text-indigo-40 {
  color: var(--indigo-40) !important;
}

.border-indigo-40 {
  border-color: var(--indigo-40) !important;
}

.bg-indigo-30 {
  --background: var(--indigo-30);
  background: var(--indigo-30) !important;
}

.text-indigo-30 {
  color: var(--indigo-30) !important;
}

.border-indigo-30 {
  border-color: var(--indigo-30) !important;
}

.bg-indigo-20 {
  --background: var(--indigo-20);
  background: var(--indigo-20) !important;
}

.text-indigo-20 {
  color: var(--indigo-20) !important;
}

.border-indigo-20 {
  border-color: var(--indigo-20) !important;
}

.bg-indigo-10 {
  --background: var(--indigo-10);
  background: var(--indigo-10) !important;
}

.text-indigo-10 {
  color: var(--indigo-10) !important;
}

.border-indigo-10 {
  border-color: var(--indigo-10) !important;
}

.bg-indigo-5 {
  --background: var(--indigo-5);
  background: var(--indigo-5) !important;
}

.text-indigo-5 {
  color: var(--indigo-5) !important;
}

.border-indigo-5 {
  border-color: var(--indigo-5) !important;
}

.bg-indigo-cool-90 {
  --background: var(--indigo-cool-90);
  background: var(--indigo-cool-90) !important;
}

.text-indigo-cool-90 {
  color: var(--indigo-cool-90) !important;
}

.border-indigo-cool-90 {
  border-color: var(--indigo-cool-90) !important;
}

.bg-indigo-cool-80 {
  --background: var(--indigo-cool-80);
  background: var(--indigo-cool-80) !important;
}

.text-indigo-cool-80 {
  color: var(--indigo-cool-80) !important;
}

.border-indigo-cool-80 {
  border-color: var(--indigo-cool-80) !important;
}

.bg-indigo-cool-70 {
  --background: var(--indigo-cool-70);
  background: var(--indigo-cool-70) !important;
}

.text-indigo-cool-70 {
  color: var(--indigo-cool-70) !important;
}

.border-indigo-cool-70 {
  border-color: var(--indigo-cool-70) !important;
}

.bg-indigo-cool-60 {
  --background: var(--indigo-cool-60);
  background: var(--indigo-cool-60) !important;
}

.text-indigo-cool-60 {
  color: var(--indigo-cool-60) !important;
}

.border-indigo-cool-60 {
  border-color: var(--indigo-cool-60) !important;
}

.bg-indigo-cool-50 {
  --background: var(--indigo-cool-50);
  background: var(--indigo-cool-50) !important;
}

.text-indigo-cool-50 {
  color: var(--indigo-cool-50) !important;
}

.border-indigo-cool-50 {
  border-color: var(--indigo-cool-50) !important;
}

.bg-indigo-cool-40 {
  --background: var(--indigo-cool-40);
  background: var(--indigo-cool-40) !important;
}

.text-indigo-cool-40 {
  color: var(--indigo-cool-40) !important;
}

.border-indigo-cool-40 {
  border-color: var(--indigo-cool-40) !important;
}

.bg-indigo-cool-30 {
  --background: var(--indigo-cool-30);
  background: var(--indigo-cool-30) !important;
}

.text-indigo-cool-30 {
  color: var(--indigo-cool-30) !important;
}

.border-indigo-cool-30 {
  border-color: var(--indigo-cool-30) !important;
}

.bg-indigo-cool-20 {
  --background: var(--indigo-cool-20);
  background: var(--indigo-cool-20) !important;
}

.text-indigo-cool-20 {
  color: var(--indigo-cool-20) !important;
}

.border-indigo-cool-20 {
  border-color: var(--indigo-cool-20) !important;
}

.bg-indigo-cool-10 {
  --background: var(--indigo-cool-10);
  background: var(--indigo-cool-10) !important;
}

.text-indigo-cool-10 {
  color: var(--indigo-cool-10) !important;
}

.border-indigo-cool-10 {
  border-color: var(--indigo-cool-10) !important;
}

.bg-indigo-cool-5 {
  --background: var(--indigo-cool-5);
  background: var(--indigo-cool-5) !important;
}

.text-indigo-cool-5 {
  color: var(--indigo-cool-5) !important;
}

.border-indigo-cool-5 {
  border-color: var(--indigo-cool-5) !important;
}

.bg-indigo-warm-90 {
  --background: var(--indigo-warm-90);
  background: var(--indigo-warm-90) !important;
}

.text-indigo-warm-90 {
  color: var(--indigo-warm-90) !important;
}

.border-indigo-warm-90 {
  border-color: var(--indigo-warm-90) !important;
}

.bg-indigo-warm-80 {
  --background: var(--indigo-warm-80);
  background: var(--indigo-warm-80) !important;
}

.text-indigo-warm-80 {
  color: var(--indigo-warm-80) !important;
}

.border-indigo-warm-80 {
  border-color: var(--indigo-warm-80) !important;
}

.bg-indigo-warm-70 {
  --background: var(--indigo-warm-70);
  background: var(--indigo-warm-70) !important;
}

.text-indigo-warm-70 {
  color: var(--indigo-warm-70) !important;
}

.border-indigo-warm-70 {
  border-color: var(--indigo-warm-70) !important;
}

.bg-indigo-warm-60 {
  --background: var(--indigo-warm-60);
  background: var(--indigo-warm-60) !important;
}

.text-indigo-warm-60 {
  color: var(--indigo-warm-60) !important;
}

.border-indigo-warm-60 {
  border-color: var(--indigo-warm-60) !important;
}

.bg-indigo-warm-50 {
  --background: var(--indigo-warm-50);
  background: var(--indigo-warm-50) !important;
}

.text-indigo-warm-50 {
  color: var(--indigo-warm-50) !important;
}

.border-indigo-warm-50 {
  border-color: var(--indigo-warm-50) !important;
}

.bg-indigo-warm-40 {
  --background: var(--indigo-warm-40);
  background: var(--indigo-warm-40) !important;
}

.text-indigo-warm-40 {
  color: var(--indigo-warm-40) !important;
}

.border-indigo-warm-40 {
  border-color: var(--indigo-warm-40) !important;
}

.bg-indigo-warm-30 {
  --background: var(--indigo-warm-30);
  background: var(--indigo-warm-30) !important;
}

.text-indigo-warm-30 {
  color: var(--indigo-warm-30) !important;
}

.border-indigo-warm-30 {
  border-color: var(--indigo-warm-30) !important;
}

.bg-indigo-warm-20 {
  --background: var(--indigo-warm-20);
  background: var(--indigo-warm-20) !important;
}

.text-indigo-warm-20 {
  color: var(--indigo-warm-20) !important;
}

.border-indigo-warm-20 {
  border-color: var(--indigo-warm-20) !important;
}

.bg-indigo-warm-10 {
  --background: var(--indigo-warm-10);
  background: var(--indigo-warm-10) !important;
}

.text-indigo-warm-10 {
  color: var(--indigo-warm-10) !important;
}

.border-indigo-warm-10 {
  border-color: var(--indigo-warm-10) !important;
}

.bg-indigo-warm-5 {
  --background: var(--indigo-warm-5);
  background: var(--indigo-warm-5) !important;
}

.text-indigo-warm-5 {
  color: var(--indigo-warm-5) !important;
}

.border-indigo-warm-5 {
  border-color: var(--indigo-warm-5) !important;
}

.bg-indigo-vivid-80 {
  --background: var(--indigo-vivid-80);
  background: var(--indigo-vivid-80) !important;
}

.text-indigo-vivid-80 {
  color: var(--indigo-vivid-80) !important;
}

.border-indigo-vivid-80 {
  border-color: var(--indigo-vivid-80) !important;
}

.bg-indigo-vivid-70 {
  --background: var(--indigo-vivid-70);
  background: var(--indigo-vivid-70) !important;
}

.text-indigo-vivid-70 {
  color: var(--indigo-vivid-70) !important;
}

.border-indigo-vivid-70 {
  border-color: var(--indigo-vivid-70) !important;
}

.bg-indigo-vivid-60 {
  --background: var(--indigo-vivid-60);
  background: var(--indigo-vivid-60) !important;
}

.text-indigo-vivid-60 {
  color: var(--indigo-vivid-60) !important;
}

.border-indigo-vivid-60 {
  border-color: var(--indigo-vivid-60) !important;
}

.bg-indigo-vivid-50 {
  --background: var(--indigo-vivid-50);
  background: var(--indigo-vivid-50) !important;
}

.text-indigo-vivid-50 {
  color: var(--indigo-vivid-50) !important;
}

.border-indigo-vivid-50 {
  border-color: var(--indigo-vivid-50) !important;
}

.bg-indigo-vivid-40 {
  --background: var(--indigo-vivid-40);
  background: var(--indigo-vivid-40) !important;
}

.text-indigo-vivid-40 {
  color: var(--indigo-vivid-40) !important;
}

.border-indigo-vivid-40 {
  border-color: var(--indigo-vivid-40) !important;
}

.bg-indigo-vivid-30 {
  --background: var(--indigo-vivid-30);
  background: var(--indigo-vivid-30) !important;
}

.text-indigo-vivid-30 {
  color: var(--indigo-vivid-30) !important;
}

.border-indigo-vivid-30 {
  border-color: var(--indigo-vivid-30) !important;
}

.bg-indigo-vivid-20 {
  --background: var(--indigo-vivid-20);
  background: var(--indigo-vivid-20) !important;
}

.text-indigo-vivid-20 {
  color: var(--indigo-vivid-20) !important;
}

.border-indigo-vivid-20 {
  border-color: var(--indigo-vivid-20) !important;
}

.bg-indigo-vivid-10 {
  --background: var(--indigo-vivid-10);
  background: var(--indigo-vivid-10) !important;
}

.text-indigo-vivid-10 {
  color: var(--indigo-vivid-10) !important;
}

.border-indigo-vivid-10 {
  border-color: var(--indigo-vivid-10) !important;
}

.bg-indigo-vivid-5 {
  --background: var(--indigo-vivid-5);
  background: var(--indigo-vivid-5) !important;
}

.text-indigo-vivid-5 {
  color: var(--indigo-vivid-5) !important;
}

.border-indigo-vivid-5 {
  border-color: var(--indigo-vivid-5) !important;
}

.bg-indigo-cool-vivid-80 {
  --background: var(--indigo-cool-vivid-80);
  background: var(--indigo-cool-vivid-80) !important;
}

.text-indigo-cool-vivid-80 {
  color: var(--indigo-cool-vivid-80) !important;
}

.border-indigo-cool-vivid-80 {
  border-color: var(--indigo-cool-vivid-80) !important;
}

.bg-indigo-cool-vivid-70 {
  --background: var(--indigo-cool-vivid-70);
  background: var(--indigo-cool-vivid-70) !important;
}

.text-indigo-cool-vivid-70 {
  color: var(--indigo-cool-vivid-70) !important;
}

.border-indigo-cool-vivid-70 {
  border-color: var(--indigo-cool-vivid-70) !important;
}

.bg-indigo-cool-vivid-60 {
  --background: var(--indigo-cool-vivid-60);
  background: var(--indigo-cool-vivid-60) !important;
}

.text-indigo-cool-vivid-60 {
  color: var(--indigo-cool-vivid-60) !important;
}

.border-indigo-cool-vivid-60 {
  border-color: var(--indigo-cool-vivid-60) !important;
}

.bg-indigo-cool-vivid-50 {
  --background: var(--indigo-cool-vivid-50);
  background: var(--indigo-cool-vivid-50) !important;
}

.text-indigo-cool-vivid-50 {
  color: var(--indigo-cool-vivid-50) !important;
}

.border-indigo-cool-vivid-50 {
  border-color: var(--indigo-cool-vivid-50) !important;
}

.bg-indigo-cool-vivid-40 {
  --background: var(--indigo-cool-vivid-40);
  background: var(--indigo-cool-vivid-40) !important;
}

.text-indigo-cool-vivid-40 {
  color: var(--indigo-cool-vivid-40) !important;
}

.border-indigo-cool-vivid-40 {
  border-color: var(--indigo-cool-vivid-40) !important;
}

.bg-indigo-cool-vivid-30 {
  --background: var(--indigo-cool-vivid-30);
  background: var(--indigo-cool-vivid-30) !important;
}

.text-indigo-cool-vivid-30 {
  color: var(--indigo-cool-vivid-30) !important;
}

.border-indigo-cool-vivid-30 {
  border-color: var(--indigo-cool-vivid-30) !important;
}

.bg-indigo-cool-vivid-20 {
  --background: var(--indigo-cool-vivid-20);
  background: var(--indigo-cool-vivid-20) !important;
}

.text-indigo-cool-vivid-20 {
  color: var(--indigo-cool-vivid-20) !important;
}

.border-indigo-cool-vivid-20 {
  border-color: var(--indigo-cool-vivid-20) !important;
}

.bg-indigo-cool-vivid-10 {
  --background: var(--indigo-cool-vivid-10);
  background: var(--indigo-cool-vivid-10) !important;
}

.text-indigo-cool-vivid-10 {
  color: var(--indigo-cool-vivid-10) !important;
}

.border-indigo-cool-vivid-10 {
  border-color: var(--indigo-cool-vivid-10) !important;
}

.bg-indigo-cool-vivid-5 {
  --background: var(--indigo-cool-vivid-5);
  background: var(--indigo-cool-vivid-5) !important;
}

.text-indigo-cool-vivid-5 {
  color: var(--indigo-cool-vivid-5) !important;
}

.border-indigo-cool-vivid-5 {
  border-color: var(--indigo-cool-vivid-5) !important;
}

.bg-indigo-warm-vivid-80 {
  --background: var(--indigo-warm-vivid-80);
  background: var(--indigo-warm-vivid-80) !important;
}

.text-indigo-warm-vivid-80 {
  color: var(--indigo-warm-vivid-80) !important;
}

.border-indigo-warm-vivid-80 {
  border-color: var(--indigo-warm-vivid-80) !important;
}

.bg-indigo-warm-vivid-70 {
  --background: var(--indigo-warm-vivid-70);
  background: var(--indigo-warm-vivid-70) !important;
}

.text-indigo-warm-vivid-70 {
  color: var(--indigo-warm-vivid-70) !important;
}

.border-indigo-warm-vivid-70 {
  border-color: var(--indigo-warm-vivid-70) !important;
}

.bg-indigo-warm-vivid-60 {
  --background: var(--indigo-warm-vivid-60);
  background: var(--indigo-warm-vivid-60) !important;
}

.text-indigo-warm-vivid-60 {
  color: var(--indigo-warm-vivid-60) !important;
}

.border-indigo-warm-vivid-60 {
  border-color: var(--indigo-warm-vivid-60) !important;
}

.bg-indigo-warm-vivid-50 {
  --background: var(--indigo-warm-vivid-50);
  background: var(--indigo-warm-vivid-50) !important;
}

.text-indigo-warm-vivid-50 {
  color: var(--indigo-warm-vivid-50) !important;
}

.border-indigo-warm-vivid-50 {
  border-color: var(--indigo-warm-vivid-50) !important;
}

.bg-indigo-warm-vivid-40 {
  --background: var(--indigo-warm-vivid-40);
  background: var(--indigo-warm-vivid-40) !important;
}

.text-indigo-warm-vivid-40 {
  color: var(--indigo-warm-vivid-40) !important;
}

.border-indigo-warm-vivid-40 {
  border-color: var(--indigo-warm-vivid-40) !important;
}

.bg-indigo-warm-vivid-30 {
  --background: var(--indigo-warm-vivid-30);
  background: var(--indigo-warm-vivid-30) !important;
}

.text-indigo-warm-vivid-30 {
  color: var(--indigo-warm-vivid-30) !important;
}

.border-indigo-warm-vivid-30 {
  border-color: var(--indigo-warm-vivid-30) !important;
}

.bg-indigo-warm-vivid-20 {
  --background: var(--indigo-warm-vivid-20);
  background: var(--indigo-warm-vivid-20) !important;
}

.text-indigo-warm-vivid-20 {
  color: var(--indigo-warm-vivid-20) !important;
}

.border-indigo-warm-vivid-20 {
  border-color: var(--indigo-warm-vivid-20) !important;
}

.bg-indigo-warm-vivid-10 {
  --background: var(--indigo-warm-vivid-10);
  background: var(--indigo-warm-vivid-10) !important;
}

.text-indigo-warm-vivid-10 {
  color: var(--indigo-warm-vivid-10) !important;
}

.border-indigo-warm-vivid-10 {
  border-color: var(--indigo-warm-vivid-10) !important;
}

.bg-indigo-warm-vivid-5 {
  --background: var(--indigo-warm-vivid-5);
  background: var(--indigo-warm-vivid-5) !important;
}

.text-indigo-warm-vivid-5 {
  color: var(--indigo-warm-vivid-5) !important;
}

.border-indigo-warm-vivid-5 {
  border-color: var(--indigo-warm-vivid-5) !important;
}

.bg-magenta-90 {
  --background: var(--magenta-90);
  background: var(--magenta-90) !important;
}

.text-magenta-90 {
  color: var(--magenta-90) !important;
}

.border-magenta-90 {
  border-color: var(--magenta-90) !important;
}

.bg-magenta-80 {
  --background: var(--magenta-80);
  background: var(--magenta-80) !important;
}

.text-magenta-80 {
  color: var(--magenta-80) !important;
}

.border-magenta-80 {
  border-color: var(--magenta-80) !important;
}

.bg-magenta-70 {
  --background: var(--magenta-70);
  background: var(--magenta-70) !important;
}

.text-magenta-70 {
  color: var(--magenta-70) !important;
}

.border-magenta-70 {
  border-color: var(--magenta-70) !important;
}

.bg-magenta-60 {
  --background: var(--magenta-60);
  background: var(--magenta-60) !important;
}

.text-magenta-60 {
  color: var(--magenta-60) !important;
}

.border-magenta-60 {
  border-color: var(--magenta-60) !important;
}

.bg-magenta-50 {
  --background: var(--magenta-50);
  background: var(--magenta-50) !important;
}

.text-magenta-50 {
  color: var(--magenta-50) !important;
}

.border-magenta-50 {
  border-color: var(--magenta-50) !important;
}

.bg-magenta-40 {
  --background: var(--magenta-40);
  background: var(--magenta-40) !important;
}

.text-magenta-40 {
  color: var(--magenta-40) !important;
}

.border-magenta-40 {
  border-color: var(--magenta-40) !important;
}

.bg-magenta-30 {
  --background: var(--magenta-30);
  background: var(--magenta-30) !important;
}

.text-magenta-30 {
  color: var(--magenta-30) !important;
}

.border-magenta-30 {
  border-color: var(--magenta-30) !important;
}

.bg-magenta-20 {
  --background: var(--magenta-20);
  background: var(--magenta-20) !important;
}

.text-magenta-20 {
  color: var(--magenta-20) !important;
}

.border-magenta-20 {
  border-color: var(--magenta-20) !important;
}

.bg-magenta-10 {
  --background: var(--magenta-10);
  background: var(--magenta-10) !important;
}

.text-magenta-10 {
  color: var(--magenta-10) !important;
}

.border-magenta-10 {
  border-color: var(--magenta-10) !important;
}

.bg-magenta-5 {
  --background: var(--magenta-5);
  background: var(--magenta-5) !important;
}

.text-magenta-5 {
  color: var(--magenta-5) !important;
}

.border-magenta-5 {
  border-color: var(--magenta-5) !important;
}

.bg-magenta-vivid-80 {
  --background: var(--magenta-vivid-80);
  background: var(--magenta-vivid-80) !important;
}

.text-magenta-vivid-80 {
  color: var(--magenta-vivid-80) !important;
}

.border-magenta-vivid-80 {
  border-color: var(--magenta-vivid-80) !important;
}

.bg-magenta-vivid-70 {
  --background: var(--magenta-vivid-70);
  background: var(--magenta-vivid-70) !important;
}

.text-magenta-vivid-70 {
  color: var(--magenta-vivid-70) !important;
}

.border-magenta-vivid-70 {
  border-color: var(--magenta-vivid-70) !important;
}

.bg-magenta-vivid-60 {
  --background: var(--magenta-vivid-60);
  background: var(--magenta-vivid-60) !important;
}

.text-magenta-vivid-60 {
  color: var(--magenta-vivid-60) !important;
}

.border-magenta-vivid-60 {
  border-color: var(--magenta-vivid-60) !important;
}

.bg-magenta-vivid-50 {
  --background: var(--magenta-vivid-50);
  background: var(--magenta-vivid-50) !important;
}

.text-magenta-vivid-50 {
  color: var(--magenta-vivid-50) !important;
}

.border-magenta-vivid-50 {
  border-color: var(--magenta-vivid-50) !important;
}

.bg-magenta-vivid-40 {
  --background: var(--magenta-vivid-40);
  background: var(--magenta-vivid-40) !important;
}

.text-magenta-vivid-40 {
  color: var(--magenta-vivid-40) !important;
}

.border-magenta-vivid-40 {
  border-color: var(--magenta-vivid-40) !important;
}

.bg-magenta-vivid-30 {
  --background: var(--magenta-vivid-30);
  background: var(--magenta-vivid-30) !important;
}

.text-magenta-vivid-30 {
  color: var(--magenta-vivid-30) !important;
}

.border-magenta-vivid-30 {
  border-color: var(--magenta-vivid-30) !important;
}

.bg-magenta-vivid-20 {
  --background: var(--magenta-vivid-20);
  background: var(--magenta-vivid-20) !important;
}

.text-magenta-vivid-20 {
  color: var(--magenta-vivid-20) !important;
}

.border-magenta-vivid-20 {
  border-color: var(--magenta-vivid-20) !important;
}

.bg-magenta-vivid-10 {
  --background: var(--magenta-vivid-10);
  background: var(--magenta-vivid-10) !important;
}

.text-magenta-vivid-10 {
  color: var(--magenta-vivid-10) !important;
}

.border-magenta-vivid-10 {
  border-color: var(--magenta-vivid-10) !important;
}

.bg-magenta-vivid-5 {
  --background: var(--magenta-vivid-5);
  background: var(--magenta-vivid-5) !important;
}

.text-magenta-vivid-5 {
  color: var(--magenta-vivid-5) !important;
}

.border-magenta-vivid-5 {
  border-color: var(--magenta-vivid-5) !important;
}

.bg-mint-90 {
  --background: var(--mint-90);
  background: var(--mint-90) !important;
}

.text-mint-90 {
  color: var(--mint-90) !important;
}

.border-mint-90 {
  border-color: var(--mint-90) !important;
}

.bg-mint-80 {
  --background: var(--mint-80);
  background: var(--mint-80) !important;
}

.text-mint-80 {
  color: var(--mint-80) !important;
}

.border-mint-80 {
  border-color: var(--mint-80) !important;
}

.bg-mint-70 {
  --background: var(--mint-70);
  background: var(--mint-70) !important;
}

.text-mint-70 {
  color: var(--mint-70) !important;
}

.border-mint-70 {
  border-color: var(--mint-70) !important;
}

.bg-mint-60 {
  --background: var(--mint-60);
  background: var(--mint-60) !important;
}

.text-mint-60 {
  color: var(--mint-60) !important;
}

.border-mint-60 {
  border-color: var(--mint-60) !important;
}

.bg-mint-50 {
  --background: var(--mint-50);
  background: var(--mint-50) !important;
}

.text-mint-50 {
  color: var(--mint-50) !important;
}

.border-mint-50 {
  border-color: var(--mint-50) !important;
}

.bg-mint-40 {
  --background: var(--mint-40);
  background: var(--mint-40) !important;
}

.text-mint-40 {
  color: var(--mint-40) !important;
}

.border-mint-40 {
  border-color: var(--mint-40) !important;
}

.bg-mint-30 {
  --background: var(--mint-30);
  background: var(--mint-30) !important;
}

.text-mint-30 {
  color: var(--mint-30) !important;
}

.border-mint-30 {
  border-color: var(--mint-30) !important;
}

.bg-mint-20 {
  --background: var(--mint-20);
  background: var(--mint-20) !important;
}

.text-mint-20 {
  color: var(--mint-20) !important;
}

.border-mint-20 {
  border-color: var(--mint-20) !important;
}

.bg-mint-10 {
  --background: var(--mint-10);
  background: var(--mint-10) !important;
}

.text-mint-10 {
  color: var(--mint-10) !important;
}

.border-mint-10 {
  border-color: var(--mint-10) !important;
}

.bg-mint-5 {
  --background: var(--mint-5);
  background: var(--mint-5) !important;
}

.text-mint-5 {
  color: var(--mint-5) !important;
}

.border-mint-5 {
  border-color: var(--mint-5) !important;
}

.bg-mint-cool-90 {
  --background: var(--mint-cool-90);
  background: var(--mint-cool-90) !important;
}

.text-mint-cool-90 {
  color: var(--mint-cool-90) !important;
}

.border-mint-cool-90 {
  border-color: var(--mint-cool-90) !important;
}

.bg-mint-cool-80 {
  --background: var(--mint-cool-80);
  background: var(--mint-cool-80) !important;
}

.text-mint-cool-80 {
  color: var(--mint-cool-80) !important;
}

.border-mint-cool-80 {
  border-color: var(--mint-cool-80) !important;
}

.bg-mint-cool-70 {
  --background: var(--mint-cool-70);
  background: var(--mint-cool-70) !important;
}

.text-mint-cool-70 {
  color: var(--mint-cool-70) !important;
}

.border-mint-cool-70 {
  border-color: var(--mint-cool-70) !important;
}

.bg-mint-cool-60 {
  --background: var(--mint-cool-60);
  background: var(--mint-cool-60) !important;
}

.text-mint-cool-60 {
  color: var(--mint-cool-60) !important;
}

.border-mint-cool-60 {
  border-color: var(--mint-cool-60) !important;
}

.bg-mint-cool-50 {
  --background: var(--mint-cool-50);
  background: var(--mint-cool-50) !important;
}

.text-mint-cool-50 {
  color: var(--mint-cool-50) !important;
}

.border-mint-cool-50 {
  border-color: var(--mint-cool-50) !important;
}

.bg-mint-cool-40 {
  --background: var(--mint-cool-40);
  background: var(--mint-cool-40) !important;
}

.text-mint-cool-40 {
  color: var(--mint-cool-40) !important;
}

.border-mint-cool-40 {
  border-color: var(--mint-cool-40) !important;
}

.bg-mint-cool-30 {
  --background: var(--mint-cool-30);
  background: var(--mint-cool-30) !important;
}

.text-mint-cool-30 {
  color: var(--mint-cool-30) !important;
}

.border-mint-cool-30 {
  border-color: var(--mint-cool-30) !important;
}

.bg-mint-cool-20 {
  --background: var(--mint-cool-20);
  background: var(--mint-cool-20) !important;
}

.text-mint-cool-20 {
  color: var(--mint-cool-20) !important;
}

.border-mint-cool-20 {
  border-color: var(--mint-cool-20) !important;
}

.bg-mint-cool-10 {
  --background: var(--mint-cool-10);
  background: var(--mint-cool-10) !important;
}

.text-mint-cool-10 {
  color: var(--mint-cool-10) !important;
}

.border-mint-cool-10 {
  border-color: var(--mint-cool-10) !important;
}

.bg-mint-cool-5 {
  --background: var(--mint-cool-5);
  background: var(--mint-cool-5) !important;
}

.text-mint-cool-5 {
  color: var(--mint-cool-5) !important;
}

.border-mint-cool-5 {
  border-color: var(--mint-cool-5) !important;
}

.bg-mint-vivid-80 {
  --background: var(--mint-vivid-80);
  background: var(--mint-vivid-80) !important;
}

.text-mint-vivid-80 {
  color: var(--mint-vivid-80) !important;
}

.border-mint-vivid-80 {
  border-color: var(--mint-vivid-80) !important;
}

.bg-mint-vivid-70 {
  --background: var(--mint-vivid-70);
  background: var(--mint-vivid-70) !important;
}

.text-mint-vivid-70 {
  color: var(--mint-vivid-70) !important;
}

.border-mint-vivid-70 {
  border-color: var(--mint-vivid-70) !important;
}

.bg-mint-vivid-60 {
  --background: var(--mint-vivid-60);
  background: var(--mint-vivid-60) !important;
}

.text-mint-vivid-60 {
  color: var(--mint-vivid-60) !important;
}

.border-mint-vivid-60 {
  border-color: var(--mint-vivid-60) !important;
}

.bg-mint-vivid-50 {
  --background: var(--mint-vivid-50);
  background: var(--mint-vivid-50) !important;
}

.text-mint-vivid-50 {
  color: var(--mint-vivid-50) !important;
}

.border-mint-vivid-50 {
  border-color: var(--mint-vivid-50) !important;
}

.bg-mint-vivid-40 {
  --background: var(--mint-vivid-40);
  background: var(--mint-vivid-40) !important;
}

.text-mint-vivid-40 {
  color: var(--mint-vivid-40) !important;
}

.border-mint-vivid-40 {
  border-color: var(--mint-vivid-40) !important;
}

.bg-mint-vivid-30 {
  --background: var(--mint-vivid-30);
  background: var(--mint-vivid-30) !important;
}

.text-mint-vivid-30 {
  color: var(--mint-vivid-30) !important;
}

.border-mint-vivid-30 {
  border-color: var(--mint-vivid-30) !important;
}

.bg-mint-vivid-20 {
  --background: var(--mint-vivid-20);
  background: var(--mint-vivid-20) !important;
}

.text-mint-vivid-20 {
  color: var(--mint-vivid-20) !important;
}

.border-mint-vivid-20 {
  border-color: var(--mint-vivid-20) !important;
}

.bg-mint-vivid-10 {
  --background: var(--mint-vivid-10);
  background: var(--mint-vivid-10) !important;
}

.text-mint-vivid-10 {
  color: var(--mint-vivid-10) !important;
}

.border-mint-vivid-10 {
  border-color: var(--mint-vivid-10) !important;
}

.bg-mint-vivid-5 {
  --background: var(--mint-vivid-5);
  background: var(--mint-vivid-5) !important;
}

.text-mint-vivid-5 {
  color: var(--mint-vivid-5) !important;
}

.border-mint-vivid-5 {
  border-color: var(--mint-vivid-5) !important;
}

.bg-mint-cool-vivid-80 {
  --background: var(--mint-cool-vivid-80);
  background: var(--mint-cool-vivid-80) !important;
}

.text-mint-cool-vivid-80 {
  color: var(--mint-cool-vivid-80) !important;
}

.border-mint-cool-vivid-80 {
  border-color: var(--mint-cool-vivid-80) !important;
}

.bg-mint-cool-vivid-70 {
  --background: var(--mint-cool-vivid-70);
  background: var(--mint-cool-vivid-70) !important;
}

.text-mint-cool-vivid-70 {
  color: var(--mint-cool-vivid-70) !important;
}

.border-mint-cool-vivid-70 {
  border-color: var(--mint-cool-vivid-70) !important;
}

.bg-mint-cool-vivid-60 {
  --background: var(--mint-cool-vivid-60);
  background: var(--mint-cool-vivid-60) !important;
}

.text-mint-cool-vivid-60 {
  color: var(--mint-cool-vivid-60) !important;
}

.border-mint-cool-vivid-60 {
  border-color: var(--mint-cool-vivid-60) !important;
}

.bg-mint-cool-vivid-50 {
  --background: var(--mint-cool-vivid-50);
  background: var(--mint-cool-vivid-50) !important;
}

.text-mint-cool-vivid-50 {
  color: var(--mint-cool-vivid-50) !important;
}

.border-mint-cool-vivid-50 {
  border-color: var(--mint-cool-vivid-50) !important;
}

.bg-mint-cool-vivid-40 {
  --background: var(--mint-cool-vivid-40);
  background: var(--mint-cool-vivid-40) !important;
}

.text-mint-cool-vivid-40 {
  color: var(--mint-cool-vivid-40) !important;
}

.border-mint-cool-vivid-40 {
  border-color: var(--mint-cool-vivid-40) !important;
}

.bg-mint-cool-vivid-30 {
  --background: var(--mint-cool-vivid-30);
  background: var(--mint-cool-vivid-30) !important;
}

.text-mint-cool-vivid-30 {
  color: var(--mint-cool-vivid-30) !important;
}

.border-mint-cool-vivid-30 {
  border-color: var(--mint-cool-vivid-30) !important;
}

.bg-mint-cool-vivid-20 {
  --background: var(--mint-cool-vivid-20);
  background: var(--mint-cool-vivid-20) !important;
}

.text-mint-cool-vivid-20 {
  color: var(--mint-cool-vivid-20) !important;
}

.border-mint-cool-vivid-20 {
  border-color: var(--mint-cool-vivid-20) !important;
}

.bg-mint-cool-vivid-10 {
  --background: var(--mint-cool-vivid-10);
  background: var(--mint-cool-vivid-10) !important;
}

.text-mint-cool-vivid-10 {
  color: var(--mint-cool-vivid-10) !important;
}

.border-mint-cool-vivid-10 {
  border-color: var(--mint-cool-vivid-10) !important;
}

.bg-mint-cool-vivid-5 {
  --background: var(--mint-cool-vivid-5);
  background: var(--mint-cool-vivid-5) !important;
}

.text-mint-cool-vivid-5 {
  color: var(--mint-cool-vivid-5) !important;
}

.border-mint-cool-vivid-5 {
  border-color: var(--mint-cool-vivid-5) !important;
}

.bg-orange-90 {
  --background: var(--orange-90);
  background: var(--orange-90) !important;
}

.text-orange-90 {
  color: var(--orange-90) !important;
}

.border-orange-90 {
  border-color: var(--orange-90) !important;
}

.bg-orange-80 {
  --background: var(--orange-80);
  background: var(--orange-80) !important;
}

.text-orange-80 {
  color: var(--orange-80) !important;
}

.border-orange-80 {
  border-color: var(--orange-80) !important;
}

.bg-orange-70 {
  --background: var(--orange-70);
  background: var(--orange-70) !important;
}

.text-orange-70 {
  color: var(--orange-70) !important;
}

.border-orange-70 {
  border-color: var(--orange-70) !important;
}

.bg-orange-60 {
  --background: var(--orange-60);
  background: var(--orange-60) !important;
}

.text-orange-60 {
  color: var(--orange-60) !important;
}

.border-orange-60 {
  border-color: var(--orange-60) !important;
}

.bg-orange-50 {
  --background: var(--orange-50);
  background: var(--orange-50) !important;
}

.text-orange-50 {
  color: var(--orange-50) !important;
}

.border-orange-50 {
  border-color: var(--orange-50) !important;
}

.bg-orange-40 {
  --background: var(--orange-40);
  background: var(--orange-40) !important;
}

.text-orange-40 {
  color: var(--orange-40) !important;
}

.border-orange-40 {
  border-color: var(--orange-40) !important;
}

.bg-orange-30 {
  --background: var(--orange-30);
  background: var(--orange-30) !important;
}

.text-orange-30 {
  color: var(--orange-30) !important;
}

.border-orange-30 {
  border-color: var(--orange-30) !important;
}

.bg-orange-20 {
  --background: var(--orange-20);
  background: var(--orange-20) !important;
}

.text-orange-20 {
  color: var(--orange-20) !important;
}

.border-orange-20 {
  border-color: var(--orange-20) !important;
}

.bg-orange-10 {
  --background: var(--orange-10);
  background: var(--orange-10) !important;
}

.text-orange-10 {
  color: var(--orange-10) !important;
}

.border-orange-10 {
  border-color: var(--orange-10) !important;
}

.bg-orange-5 {
  --background: var(--orange-5);
  background: var(--orange-5) !important;
}

.text-orange-5 {
  color: var(--orange-5) !important;
}

.border-orange-5 {
  border-color: var(--orange-5) !important;
}

.bg-orange-warm-90 {
  --background: var(--orange-warm-90);
  background: var(--orange-warm-90) !important;
}

.text-orange-warm-90 {
  color: var(--orange-warm-90) !important;
}

.border-orange-warm-90 {
  border-color: var(--orange-warm-90) !important;
}

.bg-orange-warm-80 {
  --background: var(--orange-warm-80);
  background: var(--orange-warm-80) !important;
}

.text-orange-warm-80 {
  color: var(--orange-warm-80) !important;
}

.border-orange-warm-80 {
  border-color: var(--orange-warm-80) !important;
}

.bg-orange-warm-70 {
  --background: var(--orange-warm-70);
  background: var(--orange-warm-70) !important;
}

.text-orange-warm-70 {
  color: var(--orange-warm-70) !important;
}

.border-orange-warm-70 {
  border-color: var(--orange-warm-70) !important;
}

.bg-orange-warm-60 {
  --background: var(--orange-warm-60);
  background: var(--orange-warm-60) !important;
}

.text-orange-warm-60 {
  color: var(--orange-warm-60) !important;
}

.border-orange-warm-60 {
  border-color: var(--orange-warm-60) !important;
}

.bg-orange-warm-50 {
  --background: var(--orange-warm-50);
  background: var(--orange-warm-50) !important;
}

.text-orange-warm-50 {
  color: var(--orange-warm-50) !important;
}

.border-orange-warm-50 {
  border-color: var(--orange-warm-50) !important;
}

.bg-orange-warm-40 {
  --background: var(--orange-warm-40);
  background: var(--orange-warm-40) !important;
}

.text-orange-warm-40 {
  color: var(--orange-warm-40) !important;
}

.border-orange-warm-40 {
  border-color: var(--orange-warm-40) !important;
}

.bg-orange-warm-30 {
  --background: var(--orange-warm-30);
  background: var(--orange-warm-30) !important;
}

.text-orange-warm-30 {
  color: var(--orange-warm-30) !important;
}

.border-orange-warm-30 {
  border-color: var(--orange-warm-30) !important;
}

.bg-orange-warm-20 {
  --background: var(--orange-warm-20);
  background: var(--orange-warm-20) !important;
}

.text-orange-warm-20 {
  color: var(--orange-warm-20) !important;
}

.border-orange-warm-20 {
  border-color: var(--orange-warm-20) !important;
}

.bg-orange-warm-10 {
  --background: var(--orange-warm-10);
  background: var(--orange-warm-10) !important;
}

.text-orange-warm-10 {
  color: var(--orange-warm-10) !important;
}

.border-orange-warm-10 {
  border-color: var(--orange-warm-10) !important;
}

.bg-orange-warm-5 {
  --background: var(--orange-warm-5);
  background: var(--orange-warm-5) !important;
}

.text-orange-warm-5 {
  color: var(--orange-warm-5) !important;
}

.border-orange-warm-5 {
  border-color: var(--orange-warm-5) !important;
}

.bg-orange-vivid-80 {
  --background: var(--orange-vivid-80);
  background: var(--orange-vivid-80) !important;
}

.text-orange-vivid-80 {
  color: var(--orange-vivid-80) !important;
}

.border-orange-vivid-80 {
  border-color: var(--orange-vivid-80) !important;
}

.bg-orange-vivid-70 {
  --background: var(--orange-vivid-70);
  background: var(--orange-vivid-70) !important;
}

.text-orange-vivid-70 {
  color: var(--orange-vivid-70) !important;
}

.border-orange-vivid-70 {
  border-color: var(--orange-vivid-70) !important;
}

.bg-orange-vivid-60 {
  --background: var(--orange-vivid-60);
  background: var(--orange-vivid-60) !important;
}

.text-orange-vivid-60 {
  color: var(--orange-vivid-60) !important;
}

.border-orange-vivid-60 {
  border-color: var(--orange-vivid-60) !important;
}

.bg-orange-vivid-50 {
  --background: var(--orange-vivid-50);
  background: var(--orange-vivid-50) !important;
}

.text-orange-vivid-50 {
  color: var(--orange-vivid-50) !important;
}

.border-orange-vivid-50 {
  border-color: var(--orange-vivid-50) !important;
}

.bg-orange-vivid-40 {
  --background: var(--orange-vivid-40);
  background: var(--orange-vivid-40) !important;
}

.text-orange-vivid-40 {
  color: var(--orange-vivid-40) !important;
}

.border-orange-vivid-40 {
  border-color: var(--orange-vivid-40) !important;
}

.bg-orange-vivid-30 {
  --background: var(--orange-vivid-30);
  background: var(--orange-vivid-30) !important;
}

.text-orange-vivid-30 {
  color: var(--orange-vivid-30) !important;
}

.border-orange-vivid-30 {
  border-color: var(--orange-vivid-30) !important;
}

.bg-orange-vivid-20 {
  --background: var(--orange-vivid-20);
  background: var(--orange-vivid-20) !important;
}

.text-orange-vivid-20 {
  color: var(--orange-vivid-20) !important;
}

.border-orange-vivid-20 {
  border-color: var(--orange-vivid-20) !important;
}

.bg-orange-vivid-10 {
  --background: var(--orange-vivid-10);
  background: var(--orange-vivid-10) !important;
}

.text-orange-vivid-10 {
  color: var(--orange-vivid-10) !important;
}

.border-orange-vivid-10 {
  border-color: var(--orange-vivid-10) !important;
}

.bg-orange-vivid-5 {
  --background: var(--orange-vivid-5);
  background: var(--orange-vivid-5) !important;
}

.text-orange-vivid-5 {
  color: var(--orange-vivid-5) !important;
}

.border-orange-vivid-5 {
  border-color: var(--orange-vivid-5) !important;
}

.bg-orange-warm-vivid-80 {
  --background: var(--orange-warm-vivid-80);
  background: var(--orange-warm-vivid-80) !important;
}

.text-orange-warm-vivid-80 {
  color: var(--orange-warm-vivid-80) !important;
}

.border-orange-warm-vivid-80 {
  border-color: var(--orange-warm-vivid-80) !important;
}

.bg-orange-warm-vivid-70 {
  --background: var(--orange-warm-vivid-70);
  background: var(--orange-warm-vivid-70) !important;
}

.text-orange-warm-vivid-70 {
  color: var(--orange-warm-vivid-70) !important;
}

.border-orange-warm-vivid-70 {
  border-color: var(--orange-warm-vivid-70) !important;
}

.bg-orange-warm-vivid-60 {
  --background: var(--orange-warm-vivid-60);
  background: var(--orange-warm-vivid-60) !important;
}

.text-orange-warm-vivid-60 {
  color: var(--orange-warm-vivid-60) !important;
}

.border-orange-warm-vivid-60 {
  border-color: var(--orange-warm-vivid-60) !important;
}

.bg-orange-warm-vivid-50 {
  --background: var(--orange-warm-vivid-50);
  background: var(--orange-warm-vivid-50) !important;
}

.text-orange-warm-vivid-50 {
  color: var(--orange-warm-vivid-50) !important;
}

.border-orange-warm-vivid-50 {
  border-color: var(--orange-warm-vivid-50) !important;
}

.bg-orange-warm-vivid-40 {
  --background: var(--orange-warm-vivid-40);
  background: var(--orange-warm-vivid-40) !important;
}

.text-orange-warm-vivid-40 {
  color: var(--orange-warm-vivid-40) !important;
}

.border-orange-warm-vivid-40 {
  border-color: var(--orange-warm-vivid-40) !important;
}

.bg-orange-warm-vivid-30 {
  --background: var(--orange-warm-vivid-30);
  background: var(--orange-warm-vivid-30) !important;
}

.text-orange-warm-vivid-30 {
  color: var(--orange-warm-vivid-30) !important;
}

.border-orange-warm-vivid-30 {
  border-color: var(--orange-warm-vivid-30) !important;
}

.bg-orange-warm-vivid-20 {
  --background: var(--orange-warm-vivid-20);
  background: var(--orange-warm-vivid-20) !important;
}

.text-orange-warm-vivid-20 {
  color: var(--orange-warm-vivid-20) !important;
}

.border-orange-warm-vivid-20 {
  border-color: var(--orange-warm-vivid-20) !important;
}

.bg-orange-warm-vivid-10 {
  --background: var(--orange-warm-vivid-10);
  background: var(--orange-warm-vivid-10) !important;
}

.text-orange-warm-vivid-10 {
  color: var(--orange-warm-vivid-10) !important;
}

.border-orange-warm-vivid-10 {
  border-color: var(--orange-warm-vivid-10) !important;
}

.bg-orange-warm-vivid-5 {
  --background: var(--orange-warm-vivid-5);
  background: var(--orange-warm-vivid-5) !important;
}

.text-orange-warm-vivid-5 {
  color: var(--orange-warm-vivid-5) !important;
}

.border-orange-warm-vivid-5 {
  border-color: var(--orange-warm-vivid-5) !important;
}

.bg-pure-100 {
  --background: var(--pure-100);
  background: var(--pure-100) !important;
}

.text-pure-100 {
  color: var(--pure-100) !important;
}

.border-pure-100 {
  border-color: var(--pure-100) !important;
}

.bg-pure-0 {
  --background: var(--pure-0);
  background: var(--pure-0) !important;
}

.text-pure-0 {
  color: var(--pure-0) !important;
}

.border-pure-0 {
  border-color: var(--pure-0) !important;
}

.bg-red-90 {
  --background: var(--red-90);
  background: var(--red-90) !important;
}

.text-red-90 {
  color: var(--red-90) !important;
}

.border-red-90 {
  border-color: var(--red-90) !important;
}

.bg-red-80 {
  --background: var(--red-80);
  background: var(--red-80) !important;
}

.text-red-80 {
  color: var(--red-80) !important;
}

.border-red-80 {
  border-color: var(--red-80) !important;
}

.bg-red-70 {
  --background: var(--red-70);
  background: var(--red-70) !important;
}

.text-red-70 {
  color: var(--red-70) !important;
}

.border-red-70 {
  border-color: var(--red-70) !important;
}

.bg-red-60 {
  --background: var(--red-60);
  background: var(--red-60) !important;
}

.text-red-60 {
  color: var(--red-60) !important;
}

.border-red-60 {
  border-color: var(--red-60) !important;
}

.bg-red-50 {
  --background: var(--red-50);
  background: var(--red-50) !important;
}

.text-red-50 {
  color: var(--red-50) !important;
}

.border-red-50 {
  border-color: var(--red-50) !important;
}

.bg-red-40 {
  --background: var(--red-40);
  background: var(--red-40) !important;
}

.text-red-40 {
  color: var(--red-40) !important;
}

.border-red-40 {
  border-color: var(--red-40) !important;
}

.bg-red-30 {
  --background: var(--red-30);
  background: var(--red-30) !important;
}

.text-red-30 {
  color: var(--red-30) !important;
}

.border-red-30 {
  border-color: var(--red-30) !important;
}

.bg-red-20 {
  --background: var(--red-20);
  background: var(--red-20) !important;
}

.text-red-20 {
  color: var(--red-20) !important;
}

.border-red-20 {
  border-color: var(--red-20) !important;
}

.bg-red-10 {
  --background: var(--red-10);
  background: var(--red-10) !important;
}

.text-red-10 {
  color: var(--red-10) !important;
}

.border-red-10 {
  border-color: var(--red-10) !important;
}

.bg-red-5 {
  --background: var(--red-5);
  background: var(--red-5) !important;
}

.text-red-5 {
  color: var(--red-5) !important;
}

.border-red-5 {
  border-color: var(--red-5) !important;
}

.bg-red-cool-90 {
  --background: var(--red-cool-90);
  background: var(--red-cool-90) !important;
}

.text-red-cool-90 {
  color: var(--red-cool-90) !important;
}

.border-red-cool-90 {
  border-color: var(--red-cool-90) !important;
}

.bg-red-cool-80 {
  --background: var(--red-cool-80);
  background: var(--red-cool-80) !important;
}

.text-red-cool-80 {
  color: var(--red-cool-80) !important;
}

.border-red-cool-80 {
  border-color: var(--red-cool-80) !important;
}

.bg-red-cool-70 {
  --background: var(--red-cool-70);
  background: var(--red-cool-70) !important;
}

.text-red-cool-70 {
  color: var(--red-cool-70) !important;
}

.border-red-cool-70 {
  border-color: var(--red-cool-70) !important;
}

.bg-red-cool-60 {
  --background: var(--red-cool-60);
  background: var(--red-cool-60) !important;
}

.text-red-cool-60 {
  color: var(--red-cool-60) !important;
}

.border-red-cool-60 {
  border-color: var(--red-cool-60) !important;
}

.bg-red-cool-50 {
  --background: var(--red-cool-50);
  background: var(--red-cool-50) !important;
}

.text-red-cool-50 {
  color: var(--red-cool-50) !important;
}

.border-red-cool-50 {
  border-color: var(--red-cool-50) !important;
}

.bg-red-cool-40 {
  --background: var(--red-cool-40);
  background: var(--red-cool-40) !important;
}

.text-red-cool-40 {
  color: var(--red-cool-40) !important;
}

.border-red-cool-40 {
  border-color: var(--red-cool-40) !important;
}

.bg-red-cool-30 {
  --background: var(--red-cool-30);
  background: var(--red-cool-30) !important;
}

.text-red-cool-30 {
  color: var(--red-cool-30) !important;
}

.border-red-cool-30 {
  border-color: var(--red-cool-30) !important;
}

.bg-red-cool-20 {
  --background: var(--red-cool-20);
  background: var(--red-cool-20) !important;
}

.text-red-cool-20 {
  color: var(--red-cool-20) !important;
}

.border-red-cool-20 {
  border-color: var(--red-cool-20) !important;
}

.bg-red-cool-10 {
  --background: var(--red-cool-10);
  background: var(--red-cool-10) !important;
}

.text-red-cool-10 {
  color: var(--red-cool-10) !important;
}

.border-red-cool-10 {
  border-color: var(--red-cool-10) !important;
}

.bg-red-cool-5 {
  --background: var(--red-cool-5);
  background: var(--red-cool-5) !important;
}

.text-red-cool-5 {
  color: var(--red-cool-5) !important;
}

.border-red-cool-5 {
  border-color: var(--red-cool-5) !important;
}

.bg-red-warm-90 {
  --background: var(--red-warm-90);
  background: var(--red-warm-90) !important;
}

.text-red-warm-90 {
  color: var(--red-warm-90) !important;
}

.border-red-warm-90 {
  border-color: var(--red-warm-90) !important;
}

.bg-red-warm-80 {
  --background: var(--red-warm-80);
  background: var(--red-warm-80) !important;
}

.text-red-warm-80 {
  color: var(--red-warm-80) !important;
}

.border-red-warm-80 {
  border-color: var(--red-warm-80) !important;
}

.bg-red-warm-70 {
  --background: var(--red-warm-70);
  background: var(--red-warm-70) !important;
}

.text-red-warm-70 {
  color: var(--red-warm-70) !important;
}

.border-red-warm-70 {
  border-color: var(--red-warm-70) !important;
}

.bg-red-warm-60 {
  --background: var(--red-warm-60);
  background: var(--red-warm-60) !important;
}

.text-red-warm-60 {
  color: var(--red-warm-60) !important;
}

.border-red-warm-60 {
  border-color: var(--red-warm-60) !important;
}

.bg-red-warm-50 {
  --background: var(--red-warm-50);
  background: var(--red-warm-50) !important;
}

.text-red-warm-50 {
  color: var(--red-warm-50) !important;
}

.border-red-warm-50 {
  border-color: var(--red-warm-50) !important;
}

.bg-red-warm-40 {
  --background: var(--red-warm-40);
  background: var(--red-warm-40) !important;
}

.text-red-warm-40 {
  color: var(--red-warm-40) !important;
}

.border-red-warm-40 {
  border-color: var(--red-warm-40) !important;
}

.bg-red-warm-30 {
  --background: var(--red-warm-30);
  background: var(--red-warm-30) !important;
}

.text-red-warm-30 {
  color: var(--red-warm-30) !important;
}

.border-red-warm-30 {
  border-color: var(--red-warm-30) !important;
}

.bg-red-warm-20 {
  --background: var(--red-warm-20);
  background: var(--red-warm-20) !important;
}

.text-red-warm-20 {
  color: var(--red-warm-20) !important;
}

.border-red-warm-20 {
  border-color: var(--red-warm-20) !important;
}

.bg-red-warm-10 {
  --background: var(--red-warm-10);
  background: var(--red-warm-10) !important;
}

.text-red-warm-10 {
  color: var(--red-warm-10) !important;
}

.border-red-warm-10 {
  border-color: var(--red-warm-10) !important;
}

.bg-red-warm-5 {
  --background: var(--red-warm-5);
  background: var(--red-warm-5) !important;
}

.text-red-warm-5 {
  color: var(--red-warm-5) !important;
}

.border-red-warm-5 {
  border-color: var(--red-warm-5) !important;
}

.bg-red-vivid-80 {
  --background: var(--red-vivid-80);
  background: var(--red-vivid-80) !important;
}

.text-red-vivid-80 {
  color: var(--red-vivid-80) !important;
}

.border-red-vivid-80 {
  border-color: var(--red-vivid-80) !important;
}

.bg-red-vivid-70 {
  --background: var(--red-vivid-70);
  background: var(--red-vivid-70) !important;
}

.text-red-vivid-70 {
  color: var(--red-vivid-70) !important;
}

.border-red-vivid-70 {
  border-color: var(--red-vivid-70) !important;
}

.bg-red-vivid-60 {
  --background: var(--red-vivid-60);
  background: var(--red-vivid-60) !important;
}

.text-red-vivid-60 {
  color: var(--red-vivid-60) !important;
}

.border-red-vivid-60 {
  border-color: var(--red-vivid-60) !important;
}

.bg-red-vivid-50 {
  --background: var(--red-vivid-50);
  background: var(--red-vivid-50) !important;
}

.text-red-vivid-50 {
  color: var(--red-vivid-50) !important;
}

.border-red-vivid-50 {
  border-color: var(--red-vivid-50) !important;
}

.bg-red-vivid-40 {
  --background: var(--red-vivid-40);
  background: var(--red-vivid-40) !important;
}

.text-red-vivid-40 {
  color: var(--red-vivid-40) !important;
}

.border-red-vivid-40 {
  border-color: var(--red-vivid-40) !important;
}

.bg-red-vivid-30 {
  --background: var(--red-vivid-30);
  background: var(--red-vivid-30) !important;
}

.text-red-vivid-30 {
  color: var(--red-vivid-30) !important;
}

.border-red-vivid-30 {
  border-color: var(--red-vivid-30) !important;
}

.bg-red-vivid-20 {
  --background: var(--red-vivid-20);
  background: var(--red-vivid-20) !important;
}

.text-red-vivid-20 {
  color: var(--red-vivid-20) !important;
}

.border-red-vivid-20 {
  border-color: var(--red-vivid-20) !important;
}

.bg-red-vivid-10 {
  --background: var(--red-vivid-10);
  background: var(--red-vivid-10) !important;
}

.text-red-vivid-10 {
  color: var(--red-vivid-10) !important;
}

.border-red-vivid-10 {
  border-color: var(--red-vivid-10) !important;
}

.bg-red-vivid-5 {
  --background: var(--red-vivid-5);
  background: var(--red-vivid-5) !important;
}

.text-red-vivid-5 {
  color: var(--red-vivid-5) !important;
}

.border-red-vivid-5 {
  border-color: var(--red-vivid-5) !important;
}

.bg-red-cool-vivid-80 {
  --background: var(--red-cool-vivid-80);
  background: var(--red-cool-vivid-80) !important;
}

.text-red-cool-vivid-80 {
  color: var(--red-cool-vivid-80) !important;
}

.border-red-cool-vivid-80 {
  border-color: var(--red-cool-vivid-80) !important;
}

.bg-red-cool-vivid-70 {
  --background: var(--red-cool-vivid-70);
  background: var(--red-cool-vivid-70) !important;
}

.text-red-cool-vivid-70 {
  color: var(--red-cool-vivid-70) !important;
}

.border-red-cool-vivid-70 {
  border-color: var(--red-cool-vivid-70) !important;
}

.bg-red-cool-vivid-60 {
  --background: var(--red-cool-vivid-60);
  background: var(--red-cool-vivid-60) !important;
}

.text-red-cool-vivid-60 {
  color: var(--red-cool-vivid-60) !important;
}

.border-red-cool-vivid-60 {
  border-color: var(--red-cool-vivid-60) !important;
}

.bg-red-cool-vivid-50 {
  --background: var(--red-cool-vivid-50);
  background: var(--red-cool-vivid-50) !important;
}

.text-red-cool-vivid-50 {
  color: var(--red-cool-vivid-50) !important;
}

.border-red-cool-vivid-50 {
  border-color: var(--red-cool-vivid-50) !important;
}

.bg-red-cool-vivid-40 {
  --background: var(--red-cool-vivid-40);
  background: var(--red-cool-vivid-40) !important;
}

.text-red-cool-vivid-40 {
  color: var(--red-cool-vivid-40) !important;
}

.border-red-cool-vivid-40 {
  border-color: var(--red-cool-vivid-40) !important;
}

.bg-red-cool-vivid-30 {
  --background: var(--red-cool-vivid-30);
  background: var(--red-cool-vivid-30) !important;
}

.text-red-cool-vivid-30 {
  color: var(--red-cool-vivid-30) !important;
}

.border-red-cool-vivid-30 {
  border-color: var(--red-cool-vivid-30) !important;
}

.bg-red-cool-vivid-20 {
  --background: var(--red-cool-vivid-20);
  background: var(--red-cool-vivid-20) !important;
}

.text-red-cool-vivid-20 {
  color: var(--red-cool-vivid-20) !important;
}

.border-red-cool-vivid-20 {
  border-color: var(--red-cool-vivid-20) !important;
}

.bg-red-cool-vivid-10 {
  --background: var(--red-cool-vivid-10);
  background: var(--red-cool-vivid-10) !important;
}

.text-red-cool-vivid-10 {
  color: var(--red-cool-vivid-10) !important;
}

.border-red-cool-vivid-10 {
  border-color: var(--red-cool-vivid-10) !important;
}

.bg-red-cool-vivid-5 {
  --background: var(--red-cool-vivid-5);
  background: var(--red-cool-vivid-5) !important;
}

.text-red-cool-vivid-5 {
  color: var(--red-cool-vivid-5) !important;
}

.border-red-cool-vivid-5 {
  border-color: var(--red-cool-vivid-5) !important;
}

.bg-red-warm-vivid-80 {
  --background: var(--red-warm-vivid-80);
  background: var(--red-warm-vivid-80) !important;
}

.text-red-warm-vivid-80 {
  color: var(--red-warm-vivid-80) !important;
}

.border-red-warm-vivid-80 {
  border-color: var(--red-warm-vivid-80) !important;
}

.bg-red-warm-vivid-70 {
  --background: var(--red-warm-vivid-70);
  background: var(--red-warm-vivid-70) !important;
}

.text-red-warm-vivid-70 {
  color: var(--red-warm-vivid-70) !important;
}

.border-red-warm-vivid-70 {
  border-color: var(--red-warm-vivid-70) !important;
}

.bg-red-warm-vivid-60 {
  --background: var(--red-warm-vivid-60);
  background: var(--red-warm-vivid-60) !important;
}

.text-red-warm-vivid-60 {
  color: var(--red-warm-vivid-60) !important;
}

.border-red-warm-vivid-60 {
  border-color: var(--red-warm-vivid-60) !important;
}

.bg-red-warm-vivid-50 {
  --background: var(--red-warm-vivid-50);
  background: var(--red-warm-vivid-50) !important;
}

.text-red-warm-vivid-50 {
  color: var(--red-warm-vivid-50) !important;
}

.border-red-warm-vivid-50 {
  border-color: var(--red-warm-vivid-50) !important;
}

.bg-red-warm-vivid-40 {
  --background: var(--red-warm-vivid-40);
  background: var(--red-warm-vivid-40) !important;
}

.text-red-warm-vivid-40 {
  color: var(--red-warm-vivid-40) !important;
}

.border-red-warm-vivid-40 {
  border-color: var(--red-warm-vivid-40) !important;
}

.bg-red-warm-vivid-30 {
  --background: var(--red-warm-vivid-30);
  background: var(--red-warm-vivid-30) !important;
}

.text-red-warm-vivid-30 {
  color: var(--red-warm-vivid-30) !important;
}

.border-red-warm-vivid-30 {
  border-color: var(--red-warm-vivid-30) !important;
}

.bg-red-warm-vivid-20 {
  --background: var(--red-warm-vivid-20);
  background: var(--red-warm-vivid-20) !important;
}

.text-red-warm-vivid-20 {
  color: var(--red-warm-vivid-20) !important;
}

.border-red-warm-vivid-20 {
  border-color: var(--red-warm-vivid-20) !important;
}

.bg-red-warm-vivid-10 {
  --background: var(--red-warm-vivid-10);
  background: var(--red-warm-vivid-10) !important;
}

.text-red-warm-vivid-10 {
  color: var(--red-warm-vivid-10) !important;
}

.border-red-warm-vivid-10 {
  border-color: var(--red-warm-vivid-10) !important;
}

.bg-red-warm-vivid-5 {
  --background: var(--red-warm-vivid-5);
  background: var(--red-warm-vivid-5) !important;
}

.text-red-warm-vivid-5 {
  color: var(--red-warm-vivid-5) !important;
}

.border-red-warm-vivid-5 {
  border-color: var(--red-warm-vivid-5) !important;
}

.bg-violet-90 {
  --background: var(--violet-90);
  background: var(--violet-90) !important;
}

.text-violet-90 {
  color: var(--violet-90) !important;
}

.border-violet-90 {
  border-color: var(--violet-90) !important;
}

.bg-violet-80 {
  --background: var(--violet-80);
  background: var(--violet-80) !important;
}

.text-violet-80 {
  color: var(--violet-80) !important;
}

.border-violet-80 {
  border-color: var(--violet-80) !important;
}

.bg-violet-70 {
  --background: var(--violet-70);
  background: var(--violet-70) !important;
}

.text-violet-70 {
  color: var(--violet-70) !important;
}

.border-violet-70 {
  border-color: var(--violet-70) !important;
}

.bg-violet-60 {
  --background: var(--violet-60);
  background: var(--violet-60) !important;
}

.text-violet-60 {
  color: var(--violet-60) !important;
}

.border-violet-60 {
  border-color: var(--violet-60) !important;
}

.bg-violet-50 {
  --background: var(--violet-50);
  background: var(--violet-50) !important;
}

.text-violet-50 {
  color: var(--violet-50) !important;
}

.border-violet-50 {
  border-color: var(--violet-50) !important;
}

.bg-violet-40 {
  --background: var(--violet-40);
  background: var(--violet-40) !important;
}

.text-violet-40 {
  color: var(--violet-40) !important;
}

.border-violet-40 {
  border-color: var(--violet-40) !important;
}

.bg-violet-30 {
  --background: var(--violet-30);
  background: var(--violet-30) !important;
}

.text-violet-30 {
  color: var(--violet-30) !important;
}

.border-violet-30 {
  border-color: var(--violet-30) !important;
}

.bg-violet-20 {
  --background: var(--violet-20);
  background: var(--violet-20) !important;
}

.text-violet-20 {
  color: var(--violet-20) !important;
}

.border-violet-20 {
  border-color: var(--violet-20) !important;
}

.bg-violet-10 {
  --background: var(--violet-10);
  background: var(--violet-10) !important;
}

.text-violet-10 {
  color: var(--violet-10) !important;
}

.border-violet-10 {
  border-color: var(--violet-10) !important;
}

.bg-violet-5 {
  --background: var(--violet-5);
  background: var(--violet-5) !important;
}

.text-violet-5 {
  color: var(--violet-5) !important;
}

.border-violet-5 {
  border-color: var(--violet-5) !important;
}

.bg-violet-warm-90 {
  --background: var(--violet-warm-90);
  background: var(--violet-warm-90) !important;
}

.text-violet-warm-90 {
  color: var(--violet-warm-90) !important;
}

.border-violet-warm-90 {
  border-color: var(--violet-warm-90) !important;
}

.bg-violet-warm-80 {
  --background: var(--violet-warm-80);
  background: var(--violet-warm-80) !important;
}

.text-violet-warm-80 {
  color: var(--violet-warm-80) !important;
}

.border-violet-warm-80 {
  border-color: var(--violet-warm-80) !important;
}

.bg-violet-warm-70 {
  --background: var(--violet-warm-70);
  background: var(--violet-warm-70) !important;
}

.text-violet-warm-70 {
  color: var(--violet-warm-70) !important;
}

.border-violet-warm-70 {
  border-color: var(--violet-warm-70) !important;
}

.bg-violet-warm-60 {
  --background: var(--violet-warm-60);
  background: var(--violet-warm-60) !important;
}

.text-violet-warm-60 {
  color: var(--violet-warm-60) !important;
}

.border-violet-warm-60 {
  border-color: var(--violet-warm-60) !important;
}

.bg-violet-warm-50 {
  --background: var(--violet-warm-50);
  background: var(--violet-warm-50) !important;
}

.text-violet-warm-50 {
  color: var(--violet-warm-50) !important;
}

.border-violet-warm-50 {
  border-color: var(--violet-warm-50) !important;
}

.bg-violet-warm-40 {
  --background: var(--violet-warm-40);
  background: var(--violet-warm-40) !important;
}

.text-violet-warm-40 {
  color: var(--violet-warm-40) !important;
}

.border-violet-warm-40 {
  border-color: var(--violet-warm-40) !important;
}

.bg-violet-warm-30 {
  --background: var(--violet-warm-30);
  background: var(--violet-warm-30) !important;
}

.text-violet-warm-30 {
  color: var(--violet-warm-30) !important;
}

.border-violet-warm-30 {
  border-color: var(--violet-warm-30) !important;
}

.bg-violet-warm-20 {
  --background: var(--violet-warm-20);
  background: var(--violet-warm-20) !important;
}

.text-violet-warm-20 {
  color: var(--violet-warm-20) !important;
}

.border-violet-warm-20 {
  border-color: var(--violet-warm-20) !important;
}

.bg-violet-warm-10 {
  --background: var(--violet-warm-10);
  background: var(--violet-warm-10) !important;
}

.text-violet-warm-10 {
  color: var(--violet-warm-10) !important;
}

.border-violet-warm-10 {
  border-color: var(--violet-warm-10) !important;
}

.bg-violet-warm-5 {
  --background: var(--violet-warm-5);
  background: var(--violet-warm-5) !important;
}

.text-violet-warm-5 {
  color: var(--violet-warm-5) !important;
}

.border-violet-warm-5 {
  border-color: var(--violet-warm-5) !important;
}

.bg-violet-vivid-80 {
  --background: var(--violet-vivid-80);
  background: var(--violet-vivid-80) !important;
}

.text-violet-vivid-80 {
  color: var(--violet-vivid-80) !important;
}

.border-violet-vivid-80 {
  border-color: var(--violet-vivid-80) !important;
}

.bg-violet-vivid-70 {
  --background: var(--violet-vivid-70);
  background: var(--violet-vivid-70) !important;
}

.text-violet-vivid-70 {
  color: var(--violet-vivid-70) !important;
}

.border-violet-vivid-70 {
  border-color: var(--violet-vivid-70) !important;
}

.bg-violet-vivid-60 {
  --background: var(--violet-vivid-60);
  background: var(--violet-vivid-60) !important;
}

.text-violet-vivid-60 {
  color: var(--violet-vivid-60) !important;
}

.border-violet-vivid-60 {
  border-color: var(--violet-vivid-60) !important;
}

.bg-violet-vivid-50 {
  --background: var(--violet-vivid-50);
  background: var(--violet-vivid-50) !important;
}

.text-violet-vivid-50 {
  color: var(--violet-vivid-50) !important;
}

.border-violet-vivid-50 {
  border-color: var(--violet-vivid-50) !important;
}

.bg-violet-vivid-40 {
  --background: var(--violet-vivid-40);
  background: var(--violet-vivid-40) !important;
}

.text-violet-vivid-40 {
  color: var(--violet-vivid-40) !important;
}

.border-violet-vivid-40 {
  border-color: var(--violet-vivid-40) !important;
}

.bg-violet-vivid-30 {
  --background: var(--violet-vivid-30);
  background: var(--violet-vivid-30) !important;
}

.text-violet-vivid-30 {
  color: var(--violet-vivid-30) !important;
}

.border-violet-vivid-30 {
  border-color: var(--violet-vivid-30) !important;
}

.bg-violet-vivid-20 {
  --background: var(--violet-vivid-20);
  background: var(--violet-vivid-20) !important;
}

.text-violet-vivid-20 {
  color: var(--violet-vivid-20) !important;
}

.border-violet-vivid-20 {
  border-color: var(--violet-vivid-20) !important;
}

.bg-violet-vivid-10 {
  --background: var(--violet-vivid-10);
  background: var(--violet-vivid-10) !important;
}

.text-violet-vivid-10 {
  color: var(--violet-vivid-10) !important;
}

.border-violet-vivid-10 {
  border-color: var(--violet-vivid-10) !important;
}

.bg-violet-vivid-5 {
  --background: var(--violet-vivid-5);
  background: var(--violet-vivid-5) !important;
}

.text-violet-vivid-5 {
  color: var(--violet-vivid-5) !important;
}

.border-violet-vivid-5 {
  border-color: var(--violet-vivid-5) !important;
}

.bg-violet-warm-vivid-80 {
  --background: var(--violet-warm-vivid-80);
  background: var(--violet-warm-vivid-80) !important;
}

.text-violet-warm-vivid-80 {
  color: var(--violet-warm-vivid-80) !important;
}

.border-violet-warm-vivid-80 {
  border-color: var(--violet-warm-vivid-80) !important;
}

.bg-violet-warm-vivid-70 {
  --background: var(--violet-warm-vivid-70);
  background: var(--violet-warm-vivid-70) !important;
}

.text-violet-warm-vivid-70 {
  color: var(--violet-warm-vivid-70) !important;
}

.border-violet-warm-vivid-70 {
  border-color: var(--violet-warm-vivid-70) !important;
}

.bg-violet-warm-vivid-60 {
  --background: var(--violet-warm-vivid-60);
  background: var(--violet-warm-vivid-60) !important;
}

.text-violet-warm-vivid-60 {
  color: var(--violet-warm-vivid-60) !important;
}

.border-violet-warm-vivid-60 {
  border-color: var(--violet-warm-vivid-60) !important;
}

.bg-violet-warm-vivid-50 {
  --background: var(--violet-warm-vivid-50);
  background: var(--violet-warm-vivid-50) !important;
}

.text-violet-warm-vivid-50 {
  color: var(--violet-warm-vivid-50) !important;
}

.border-violet-warm-vivid-50 {
  border-color: var(--violet-warm-vivid-50) !important;
}

.bg-violet-warm-vivid-40 {
  --background: var(--violet-warm-vivid-40);
  background: var(--violet-warm-vivid-40) !important;
}

.text-violet-warm-vivid-40 {
  color: var(--violet-warm-vivid-40) !important;
}

.border-violet-warm-vivid-40 {
  border-color: var(--violet-warm-vivid-40) !important;
}

.bg-violet-warm-vivid-30 {
  --background: var(--violet-warm-vivid-30);
  background: var(--violet-warm-vivid-30) !important;
}

.text-violet-warm-vivid-30 {
  color: var(--violet-warm-vivid-30) !important;
}

.border-violet-warm-vivid-30 {
  border-color: var(--violet-warm-vivid-30) !important;
}

.bg-violet-warm-vivid-20 {
  --background: var(--violet-warm-vivid-20);
  background: var(--violet-warm-vivid-20) !important;
}

.text-violet-warm-vivid-20 {
  color: var(--violet-warm-vivid-20) !important;
}

.border-violet-warm-vivid-20 {
  border-color: var(--violet-warm-vivid-20) !important;
}

.bg-violet-warm-vivid-10 {
  --background: var(--violet-warm-vivid-10);
  background: var(--violet-warm-vivid-10) !important;
}

.text-violet-warm-vivid-10 {
  color: var(--violet-warm-vivid-10) !important;
}

.border-violet-warm-vivid-10 {
  border-color: var(--violet-warm-vivid-10) !important;
}

.bg-violet-warm-vivid-5 {
  --background: var(--violet-warm-vivid-5);
  background: var(--violet-warm-vivid-5) !important;
}

.text-violet-warm-vivid-5 {
  color: var(--violet-warm-vivid-5) !important;
}

.border-violet-warm-vivid-5 {
  border-color: var(--violet-warm-vivid-5) !important;
}

.bg-yellow-90 {
  --background: var(--yellow-90);
  background: var(--yellow-90) !important;
}

.text-yellow-90 {
  color: var(--yellow-90) !important;
}

.border-yellow-90 {
  border-color: var(--yellow-90) !important;
}

.bg-yellow-80 {
  --background: var(--yellow-80);
  background: var(--yellow-80) !important;
}

.text-yellow-80 {
  color: var(--yellow-80) !important;
}

.border-yellow-80 {
  border-color: var(--yellow-80) !important;
}

.bg-yellow-70 {
  --background: var(--yellow-70);
  background: var(--yellow-70) !important;
}

.text-yellow-70 {
  color: var(--yellow-70) !important;
}

.border-yellow-70 {
  border-color: var(--yellow-70) !important;
}

.bg-yellow-60 {
  --background: var(--yellow-60);
  background: var(--yellow-60) !important;
}

.text-yellow-60 {
  color: var(--yellow-60) !important;
}

.border-yellow-60 {
  border-color: var(--yellow-60) !important;
}

.bg-yellow-50 {
  --background: var(--yellow-50);
  background: var(--yellow-50) !important;
}

.text-yellow-50 {
  color: var(--yellow-50) !important;
}

.border-yellow-50 {
  border-color: var(--yellow-50) !important;
}

.bg-yellow-40 {
  --background: var(--yellow-40);
  background: var(--yellow-40) !important;
}

.text-yellow-40 {
  color: var(--yellow-40) !important;
}

.border-yellow-40 {
  border-color: var(--yellow-40) !important;
}

.bg-yellow-30 {
  --background: var(--yellow-30);
  background: var(--yellow-30) !important;
}

.text-yellow-30 {
  color: var(--yellow-30) !important;
}

.border-yellow-30 {
  border-color: var(--yellow-30) !important;
}

.bg-yellow-20 {
  --background: var(--yellow-20);
  background: var(--yellow-20) !important;
}

.text-yellow-20 {
  color: var(--yellow-20) !important;
}

.border-yellow-20 {
  border-color: var(--yellow-20) !important;
}

.bg-yellow-10 {
  --background: var(--yellow-10);
  background: var(--yellow-10) !important;
}

.text-yellow-10 {
  color: var(--yellow-10) !important;
}

.border-yellow-10 {
  border-color: var(--yellow-10) !important;
}

.bg-yellow-5 {
  --background: var(--yellow-5);
  background: var(--yellow-5) !important;
}

.text-yellow-5 {
  color: var(--yellow-5) !important;
}

.border-yellow-5 {
  border-color: var(--yellow-5) !important;
}

.bg-yellow-vivid-80 {
  --background: var(--yellow-vivid-80);
  background: var(--yellow-vivid-80) !important;
}

.text-yellow-vivid-80 {
  color: var(--yellow-vivid-80) !important;
}

.border-yellow-vivid-80 {
  border-color: var(--yellow-vivid-80) !important;
}

.bg-yellow-vivid-70 {
  --background: var(--yellow-vivid-70);
  background: var(--yellow-vivid-70) !important;
}

.text-yellow-vivid-70 {
  color: var(--yellow-vivid-70) !important;
}

.border-yellow-vivid-70 {
  border-color: var(--yellow-vivid-70) !important;
}

.bg-yellow-vivid-60 {
  --background: var(--yellow-vivid-60);
  background: var(--yellow-vivid-60) !important;
}

.text-yellow-vivid-60 {
  color: var(--yellow-vivid-60) !important;
}

.border-yellow-vivid-60 {
  border-color: var(--yellow-vivid-60) !important;
}

.bg-yellow-vivid-50 {
  --background: var(--yellow-vivid-50);
  background: var(--yellow-vivid-50) !important;
}

.text-yellow-vivid-50 {
  color: var(--yellow-vivid-50) !important;
}

.border-yellow-vivid-50 {
  border-color: var(--yellow-vivid-50) !important;
}

.bg-yellow-vivid-40 {
  --background: var(--yellow-vivid-40);
  background: var(--yellow-vivid-40) !important;
}

.text-yellow-vivid-40 {
  color: var(--yellow-vivid-40) !important;
}

.border-yellow-vivid-40 {
  border-color: var(--yellow-vivid-40) !important;
}

.bg-yellow-vivid-30 {
  --background: var(--yellow-vivid-30);
  background: var(--yellow-vivid-30) !important;
}

.text-yellow-vivid-30 {
  color: var(--yellow-vivid-30) !important;
}

.border-yellow-vivid-30 {
  border-color: var(--yellow-vivid-30) !important;
}

.bg-yellow-vivid-20 {
  --background: var(--yellow-vivid-20);
  background: var(--yellow-vivid-20) !important;
}

.text-yellow-vivid-20 {
  color: var(--yellow-vivid-20) !important;
}

.border-yellow-vivid-20 {
  border-color: var(--yellow-vivid-20) !important;
}

.bg-yellow-vivid-10 {
  --background: var(--yellow-vivid-10);
  background: var(--yellow-vivid-10) !important;
}

.text-yellow-vivid-10 {
  color: var(--yellow-vivid-10) !important;
}

.border-yellow-vivid-10 {
  border-color: var(--yellow-vivid-10) !important;
}

.bg-yellow-vivid-5 {
  --background: var(--yellow-vivid-5);
  background: var(--yellow-vivid-5) !important;
}

.text-yellow-vivid-5 {
  color: var(--yellow-vivid-5) !important;
}

.border-yellow-vivid-5 {
  border-color: var(--yellow-vivid-5) !important;
}

.bg-interactive {
  --background: var(--interactive);
  background: var(--interactive) !important;
}

.text-interactive {
  color: var(--interactive) !important;
}

.border-interactive {
  border-color: var(--interactive) !important;
}

.bg-interactive-dark {
  --background: var(--interactive-dark);
  background: var(--interactive-dark) !important;
}

.text-interactive-dark {
  color: var(--interactive-dark) !important;
}

.border-interactive-dark {
  border-color: var(--interactive-dark) !important;
}

.bg-danger {
  --background: var(--danger);
  background: var(--danger) !important;
}

.text-danger {
  color: var(--danger) !important;
}

.border-danger {
  border-color: var(--danger) !important;
}

.bg-warning {
  --background: var(--warning);
  background: var(--warning) !important;
}

.text-warning {
  color: var(--warning) !important;
}

.border-warning {
  border-color: var(--warning) !important;
}

.bg-success {
  --background: var(--success);
  background: var(--success) !important;
}

.text-success {
  color: var(--success) !important;
}

.border-success {
  border-color: var(--success) !important;
}

.bg-info {
  --background: var(--info);
  background: var(--info) !important;
}

.text-info {
  color: var(--info) !important;
}

.border-info {
  border-color: var(--info) !important;
}

.bg-primary-pastel-01 {
  background: var(--color-primary-pastel-01) !important;
}

.text-primary-pastel-01 {
  color: var(--color-primary-pastel-01) !important;
}

.border-primary-pastel-01 {
  border-color: var(--color-primary-pastel-01) !important;
}

.bg-primary-pastel-02 {
  background: var(--color-primary-pastel-02) !important;
}

.text-primary-pastel-02 {
  color: var(--color-primary-pastel-02) !important;
}

.border-primary-pastel-02 {
  border-color: var(--color-primary-pastel-02) !important;
}

.bg-primary-lighten-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-lighten-01) !important;
}

.text-primary-lighten-01 {
  color: var(--color-primary-lighten-01) !important;
}

.border-primary-lighten-01 {
  border-color: var(--color-primary-lighten-01) !important;
}

.bg-primary-lighten-02 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-lighten-02) !important;
}

.text-primary-lighten-02 {
  color: var(--color-primary-lighten-02) !important;
}

.border-primary-lighten-02 {
  border-color: var(--color-primary-lighten-02) !important;
}

.bg-primary-default {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-default) !important;
}

.text-primary-default {
  color: var(--color-primary-default) !important;
}

.border-primary-default {
  border-color: var(--color-primary-default) !important;
}

.bg-primary-darken-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-darken-01) !important;
}

.text-primary-darken-01 {
  color: var(--color-primary-darken-01) !important;
}

.border-primary-darken-01 {
  border-color: var(--color-primary-darken-01) !important;
}

.bg-primary-darken-02 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-primary-darken-02) !important;
}

.text-primary-darken-02 {
  color: var(--color-primary-darken-02) !important;
}

.border-primary-darken-02 {
  border-color: var(--color-primary-darken-02) !important;
}

.bg-secondary-01 {
  background: var(--color-secondary-01) !important;
}

.text-secondary-01 {
  color: var(--color-secondary-01) !important;
}

.border-secondary-01 {
  border-color: var(--color-secondary-01) !important;
}

.bg-secondary-02 {
  background: var(--color-secondary-02) !important;
}

.text-secondary-02 {
  color: var(--color-secondary-02) !important;
}

.border-secondary-02 {
  border-color: var(--color-secondary-02) !important;
}

.bg-secondary-03 {
  background: var(--color-secondary-03) !important;
}

.text-secondary-03 {
  color: var(--color-secondary-03) !important;
}

.border-secondary-03 {
  border-color: var(--color-secondary-03) !important;
}

.bg-secondary-04 {
  background: var(--color-secondary-04) !important;
}

.text-secondary-04 {
  color: var(--color-secondary-04) !important;
}

.border-secondary-04 {
  border-color: var(--color-secondary-04) !important;
}

.bg-secondary-05 {
  background: var(--color-secondary-05) !important;
}

.text-secondary-05 {
  color: var(--color-secondary-05) !important;
}

.border-secondary-05 {
  border-color: var(--color-secondary-05) !important;
}

.bg-secondary-06 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-06) !important;
}

.text-secondary-06 {
  color: var(--color-secondary-06) !important;
}

.border-secondary-06 {
  border-color: var(--color-secondary-06) !important;
}

.bg-secondary-07 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-07) !important;
}

.text-secondary-07 {
  color: var(--color-secondary-07) !important;
}

.border-secondary-07 {
  border-color: var(--color-secondary-07) !important;
}

.bg-secondary-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-08) !important;
}

.text-secondary-08 {
  color: var(--color-secondary-08) !important;
}

.border-secondary-08 {
  border-color: var(--color-secondary-08) !important;
}

.bg-secondary-09 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-secondary-09) !important;
}

.text-secondary-09 {
  color: var(--color-secondary-09) !important;
}

.border-secondary-09 {
  border-color: var(--color-secondary-09) !important;
}

.bg-highlight {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-highlight) !important;
}

.text-highlight {
  color: var(--color-highlight) !important;
}

.border-highlight {
  border-color: var(--color-highlight) !important;
}

.bg-support-01 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-01) !important;
}

.text-support-01 {
  color: var(--color-support-01) !important;
}

.border-support-01 {
  border-color: var(--color-support-01) !important;
}

.bg-support-02 {
  background: var(--color-support-02) !important;
}

.text-support-02 {
  color: var(--color-support-02) !important;
}

.border-support-02 {
  border-color: var(--color-support-02) !important;
}

.bg-support-03 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-03) !important;
}

.text-support-03 {
  color: var(--color-support-03) !important;
}

.border-support-03 {
  border-color: var(--color-support-03) !important;
}

.bg-support-04 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-04) !important;
}

.text-support-04 {
  color: var(--color-support-04) !important;
}

.border-support-04 {
  border-color: var(--color-support-04) !important;
}

.bg-support-05 {
  background: var(--color-support-05) !important;
}

.text-support-05 {
  color: var(--color-support-05) !important;
}

.border-support-05 {
  border-color: var(--color-support-05) !important;
}

.bg-support-06 {
  background: var(--color-support-06) !important;
}

.text-support-06 {
  color: var(--color-support-06) !important;
}

.border-support-06 {
  border-color: var(--color-support-06) !important;
}

.bg-support-07 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-07) !important;
}

.text-support-07 {
  color: var(--color-support-07) !important;
}

.border-support-07 {
  border-color: var(--color-support-07) !important;
}

.bg-support-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  background: var(--color-support-08) !important;
}

.text-support-08 {
  color: var(--color-support-08) !important;
}

.border-support-08 {
  border-color: var(--color-support-08) !important;
}

.bg-support-09 {
  background: var(--color-support-09) !important;
}

.text-support-09 {
  color: var(--color-support-09) !important;
}

.border-support-09 {
  border-color: var(--color-support-09) !important;
}

.bg-support-10 {
  background: var(--color-support-10) !important;
}

.text-support-10 {
  color: var(--color-support-10) !important;
}

.border-support-10 {
  border-color: var(--color-support-10) !important;
}

.bg-support-11 {
  background: var(--color-support-11) !important;
}

.text-support-11 {
  color: var(--color-support-11) !important;
}

.border-support-11 {
  border-color: var(--color-support-11) !important;
}

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

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

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

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

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

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

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

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}

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

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

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

.text-thin, .text-weight-thin {
  font-weight: 100 !important;
}

.text-extra-light, .text-weight-extra-light {
  font-weight: 200 !important;
}

.text-light, .text-weight-light {
  font-weight: 300 !important;
}

.text-regular, .text-weight-regular {
  font-weight: 400 !important;
}

.text-medium, .text-weight-medium {
  font-weight: 500 !important;
}

.text-semi-bold, .text-weight-semi-bold {
  font-weight: 600 !important;
}

.text-bold, .text-weight-bold {
  font-weight: 700 !important;
}

.text-extra-bold, .text-weight-extra-bold {
  font-weight: 800 !important;
}

.text-black, .text-weight-black {
  font-weight: 900 !important;
}

.text-base {
  font-size: var(--font-size-scale-base) !important;
}

.text-down-01 {
  font-size: var(--font-size-scale-down-01) !important;
}

.text-down-02 {
  font-size: var(--font-size-scale-down-02) !important;
}

.text-down-03 {
  font-size: var(--font-size-scale-down-03) !important;
}

.text-up-01 {
  font-size: var(--font-size-scale-up-01) !important;
}

.text-up-02 {
  font-size: var(--font-size-scale-up-02) !important;
}

.text-up-03 {
  font-size: var(--font-size-scale-up-03) !important;
}

.text-up-04 {
  font-size: var(--font-size-scale-up-04) !important;
}

.text-up-05 {
  font-size: var(--font-size-scale-up-05) !important;
}

.text-up-06 {
  font-size: var(--font-size-scale-up-06) !important;
}

.text-up-07 {
  font-size: var(--font-size-scale-up-07) !important;
}

.text-up-08 {
  font-size: var(--font-size-scale-up-08) !important;
}

.text-up-09 {
  font-size: var(--font-size-scale-up-09) !important;
}

.text-up-10 {
  font-size: var(--font-size-scale-up-10) !important;
}

.text-up-11 {
  font-size: var(--font-size-scale-up-11) !important;
}

@media (width >= 576px) {
  .text-sm-center {
    text-align: center !important;
  }

  .text-sm-justify {
    text-align: justify !important;
  }

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

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

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

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

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

  .text-sm-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

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

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

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

  .text-sm-thin, .text-sm-weight-thin {
    font-weight: 100 !important;
  }

  .text-sm-extra-light, .text-sm-weight-extra-light {
    font-weight: 200 !important;
  }

  .text-sm-light, .text-sm-weight-light {
    font-weight: 300 !important;
  }

  .text-sm-regular, .text-sm-weight-regular {
    font-weight: 400 !important;
  }

  .text-sm-medium, .text-sm-weight-medium {
    font-weight: 500 !important;
  }

  .text-sm-semi-bold, .text-sm-weight-semi-bold {
    font-weight: 600 !important;
  }

  .text-sm-bold, .text-sm-weight-bold {
    font-weight: 700 !important;
  }

  .text-sm-extra-bold, .text-sm-weight-extra-bold {
    font-weight: 800 !important;
  }

  .text-sm-black, .text-sm-weight-black {
    font-weight: 900 !important;
  }

  .text-sm-base {
    font-size: var(--font-size-scale-base) !important;
  }

  .text-sm-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }

  .text-sm-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }

  .text-sm-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }

  .text-sm-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }

  .text-sm-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }

  .text-sm-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }

  .text-sm-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }

  .text-sm-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }

  .text-sm-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }

  .text-sm-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }

  .text-sm-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }

  .text-sm-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }

  .text-sm-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }

  .text-sm-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}

@media (width >= 992px) {
  .text-md-center {
    text-align: center !important;
  }

  .text-md-justify {
    text-align: justify !important;
  }

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

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

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

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

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

  .text-md-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

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

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

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

  .text-md-thin, .text-md-weight-thin {
    font-weight: 100 !important;
  }

  .text-md-extra-light, .text-md-weight-extra-light {
    font-weight: 200 !important;
  }

  .text-md-light, .text-md-weight-light {
    font-weight: 300 !important;
  }

  .text-md-regular, .text-md-weight-regular {
    font-weight: 400 !important;
  }

  .text-md-medium, .text-md-weight-medium {
    font-weight: 500 !important;
  }

  .text-md-semi-bold, .text-md-weight-semi-bold {
    font-weight: 600 !important;
  }

  .text-md-bold, .text-md-weight-bold {
    font-weight: 700 !important;
  }

  .text-md-extra-bold, .text-md-weight-extra-bold {
    font-weight: 800 !important;
  }

  .text-md-black, .text-md-weight-black {
    font-weight: 900 !important;
  }

  .text-md-base {
    font-size: var(--font-size-scale-base) !important;
  }

  .text-md-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }

  .text-md-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }

  .text-md-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }

  .text-md-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }

  .text-md-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }

  .text-md-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }

  .text-md-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }

  .text-md-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }

  .text-md-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }

  .text-md-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }

  .text-md-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }

  .text-md-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }

  .text-md-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }

  .text-md-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}

@media (width >= 1280px) {
  .text-lg-center {
    text-align: center !important;
  }

  .text-lg-justify {
    text-align: justify !important;
  }

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

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

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

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

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

  .text-lg-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

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

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

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

  .text-lg-thin, .text-lg-weight-thin {
    font-weight: 100 !important;
  }

  .text-lg-extra-light, .text-lg-weight-extra-light {
    font-weight: 200 !important;
  }

  .text-lg-light, .text-lg-weight-light {
    font-weight: 300 !important;
  }

  .text-lg-regular, .text-lg-weight-regular {
    font-weight: 400 !important;
  }

  .text-lg-medium, .text-lg-weight-medium {
    font-weight: 500 !important;
  }

  .text-lg-semi-bold, .text-lg-weight-semi-bold {
    font-weight: 600 !important;
  }

  .text-lg-bold, .text-lg-weight-bold {
    font-weight: 700 !important;
  }

  .text-lg-extra-bold, .text-lg-weight-extra-bold {
    font-weight: 800 !important;
  }

  .text-lg-black, .text-lg-weight-black {
    font-weight: 900 !important;
  }

  .text-lg-base {
    font-size: var(--font-size-scale-base) !important;
  }

  .text-lg-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }

  .text-lg-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }

  .text-lg-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }

  .text-lg-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }

  .text-lg-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }

  .text-lg-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }

  .text-lg-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }

  .text-lg-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }

  .text-lg-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }

  .text-lg-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }

  .text-lg-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }

  .text-lg-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }

  .text-lg-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }

  .text-lg-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}

@media (width >= 1600px) {
  .text-xl-center {
    text-align: center !important;
  }

  .text-xl-justify {
    text-align: justify !important;
  }

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

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

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

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

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

  .text-xl-break {
    word-wrap: break-word !important;
    word-break: break-word !important;
  }

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

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

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

  .text-xl-thin, .text-xl-weight-thin {
    font-weight: 100 !important;
  }

  .text-xl-extra-light, .text-xl-weight-extra-light {
    font-weight: 200 !important;
  }

  .text-xl-light, .text-xl-weight-light {
    font-weight: 300 !important;
  }

  .text-xl-regular, .text-xl-weight-regular {
    font-weight: 400 !important;
  }

  .text-xl-medium, .text-xl-weight-medium {
    font-weight: 500 !important;
  }

  .text-xl-semi-bold, .text-xl-weight-semi-bold {
    font-weight: 600 !important;
  }

  .text-xl-bold, .text-xl-weight-bold {
    font-weight: 700 !important;
  }

  .text-xl-extra-bold, .text-xl-weight-extra-bold {
    font-weight: 800 !important;
  }

  .text-xl-black, .text-xl-weight-black {
    font-weight: 900 !important;
  }

  .text-xl-base {
    font-size: var(--font-size-scale-base) !important;
  }

  .text-xl-down-01 {
    font-size: var(--font-size-scale-down-01) !important;
  }

  .text-xl-down-02 {
    font-size: var(--font-size-scale-down-02) !important;
  }

  .text-xl-down-03 {
    font-size: var(--font-size-scale-down-03) !important;
  }

  .text-xl-up-01 {
    font-size: var(--font-size-scale-up-01) !important;
  }

  .text-xl-up-02 {
    font-size: var(--font-size-scale-up-02) !important;
  }

  .text-xl-up-03 {
    font-size: var(--font-size-scale-up-03) !important;
  }

  .text-xl-up-04 {
    font-size: var(--font-size-scale-up-04) !important;
  }

  .text-xl-up-05 {
    font-size: var(--font-size-scale-up-05) !important;
  }

  .text-xl-up-06 {
    font-size: var(--font-size-scale-up-06) !important;
  }

  .text-xl-up-07 {
    font-size: var(--font-size-scale-up-07) !important;
  }

  .text-xl-up-08 {
    font-size: var(--font-size-scale-up-08) !important;
  }

  .text-xl-up-09 {
    font-size: var(--font-size-scale-up-09) !important;
  }

  .text-xl-up-10 {
    font-size: var(--font-size-scale-up-10) !important;
  }

  .text-xl-up-11 {
    font-size: var(--font-size-scale-up-11) !important;
  }
}

.shadow-color {
  box-shadow: var(--rgb-secondary-09);
}

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

.shadow-sm {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl-n) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-sm) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-md) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-lg) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-up {
  box-shadow: var(--surface-offset-none) var(--surface-offset-xl) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-right {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-right {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-right {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-right {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-right {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-right {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-right {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-right {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-left {
  box-shadow: var(--surface-offset-sm-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-left {
  box-shadow: var(--surface-offset-md-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-left {
  box-shadow: var(--surface-offset-lg-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-left {
  box-shadow: var(--surface-offset-xl-n) var(--surface-offset-none) var(--surface-blur-lg) rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-sm-inset-left {
  box-shadow: var(--surface-offset-sm) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-md-inset-left {
  box-shadow: var(--surface-offset-md) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-lg-inset-left {
  box-shadow: var(--surface-offset-lg) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.shadow-xl-inset-left {
  box-shadow: var(--surface-offset-xl) var(--surface-offset-none) var(--surface-blur-lg) inset rgba(var(--surface-shadow-color), var(--surface-opacity-xs));
}

.layer-0 {
  z-index: var(--z-index-layer-0);
}

.layer-1 {
  z-index: var(--z-index-layer-1);
}

.layer-2 {
  z-index: var(--z-index-layer-2);
}

.layer-3 {
  z-index: var(--z-index-layer-3);
}

.layer-4 {
  z-index: var(--z-index-layer-4);
}

.ease {
  animation-timing-function: ease;
}

.ease-in {
  animation-timing-function: ease-in;
}

.ease-out {
  animation-timing-function: ease-out;
}

.ease-in-out {
  animation-timing-function: ease-in-out;
}

.ease-linear {
  animation-timing-function: linear;
}

.very-fast {
  animation-duration: var(--duration-very-fast);
}

.fast {
  animation-duration: var(--duration-fast);
}

.moderate {
  animation-duration: var(--duration-moderate);
}

.slow {
  animation-duration: var(--duration-slow);
}

.very-slow {
  animation-duration: var(--duration-very-slow);
}

.fa, .fab, .fad, .fal, .far, .fas, .svg-inline--fa {
  --icon-size: var(--icon-size-base);
  font-size: var(--icon-size);
  text-align: center;
  width: calc(var(--icon-size)  + 8px);
  display: inline-block;
}

.svg-inline--fa.fa-w-1, .svg-inline--fa.fa-w-10, .svg-inline--fa.fa-w-11, .svg-inline--fa.fa-w-12, .svg-inline--fa.fa-w-13, .svg-inline--fa.fa-w-14, .svg-inline--fa.fa-w-15, .svg-inline--fa.fa-w-16, .svg-inline--fa.fa-w-17, .svg-inline--fa.fa-w-18, .svg-inline--fa.fa-w-19, .svg-inline--fa.fa-w-2, .svg-inline--fa.fa-w-20, .svg-inline--fa.fa-w-3, .svg-inline--fa.fa-w-4, .svg-inline--fa.fa-w-5, .svg-inline--fa.fa-w-6, .svg-inline--fa.fa-w-7, .svg-inline--fa.fa-w-8, .svg-inline--fa.fa-w-9 {
  width: calc(var(--icon-size)  + 8px);
}

.fa-xs, .svg-inline--fa.fa-xs {
  --icon-size: var(--icon-size-xs);
}

.fa-sm, .svg-inline--fa.fa-sm {
  --icon-size: var(--icon-size-sm);
}

.fa-lg, .svg-inline--fa.fa-lg {
  --icon-size: var(--icon-size-lg);
  vertical-align: -.125em;
}

.fa-2x, .svg-inline--fa.fa-2x {
  --icon-size: var(--icon-size-2x);
}

.fa-3x, .svg-inline--fa.fa-3x {
  --icon-size: var(--icon-size-3x);
}

.fa-4x, .svg-inline--fa.fa-4x {
  --icon-size: var(--icon-size-4x);
}

.fa-5x, .svg-inline--fa.fa-5x {
  --icon-size: var(--icon-size-5x);
}

.fa-6x, .svg-inline--fa.fa-6x {
  --icon-size: var(--icon-size-6x);
}

.fa-7x, .svg-inline--fa.fa-7x {
  --icon-size: var(--icon-size-7x);
}

.fa-8x, .svg-inline--fa.fa-8x {
  --icon-size: var(--icon-size-8x);
}

.fa-9x, .svg-inline--fa.fa-9x {
  --icon-size: var(--icon-size-9x);
}

.fa-10x, .svg-inline--fa.fa-10x {
  --icon-size: var(--icon-size-10x);
}

.highlight {
  background: var(--status-highlight-background) linear-gradient(var(--status-highlight-overlay), var(--status-highlight-overlay));
  color: var(--status-highlight-text);
  padding: 0 var(--spacing-scale-half);
}

.disabled, [disabled] {
  cursor: not-allowed;
  opacity: var(--disabled);
}

.disabled *, [disabled] * {
  pointer-events: none;
}

.dragged {
  background: var(--status-dragged-background);
  box-shadow: 0 3px 6px var(--status-dragged-shadow);
  color: var(--status-dragged-text);
}

[data-toggle="dropdown"] + * {
  position: absolute;
}

.dropdown {
  position: relative;
}

.dropdown [data-toggle="dropdown-legacy"] + *, .dropdown [data-toggle="dropdown"] + * {
  box-shadow: var(--surface-shadow-sm);
  position: absolute;
  top: 100%;
  left: 0;
}

.dropdown > .br-notification {
  left: auto;
  right: 0;
}

.dropdown .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--color-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  --item-padding-y: var(--spacing-scale-2x);
  background-color: var(--background-light);
  color: var(--color);
}

.dropdown .br-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

.dropdown .br-item.selected {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.template-base {
  flex-direction: column;
  min-height: 100vh;
  display: flex;
}

.br-accordion {
  background: var(--bg-color);
  border-top: 1px solid var(--color-secondary-04);
}

.br-accordion .item {
  border-bottom: 1px solid var(--color-secondary-04);
  flex-direction: column;
  display: flex;
}

.br-accordion .item[active] {
  border-bottom: 0;
}

.br-accordion .item[active] .header {
  font-weight: var(--font-weight-semi-bold);
}

.br-accordion .item[active] + .content {
  border-bottom: 1px solid var(--color-secondary-04);
  display: block;
}

.br-accordion .header {
  --bg-color: transparent;
  background: var(--bg-color);
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01);
  padding: var(--spacing-scale-2x) 0;
  text-align: left;
  border: 0;
  outline: none;
  justify-content: space-between;
  width: 100%;
  text-decoration: none;
  display: flex;
}

.br-accordion .header .icon {
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-baseh);
}

.br-accordion .header .title {
  flex: 1;
  margin: 0;
}

.br-accordion .header:focus {
  outline: none;
}

.br-accordion .header.focus-visible, .br-accordion .header:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-accordion .header:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-accordion .content {
  color: var(--text-color);
  font-size: var(--font-size-scale-base);
  margin: 0 var(--spacing-scale-base);
  padding: var(--spacing-scale-base) var(--spacing-scale-8x) var(--spacing-scale-2x);
  display: none;
}

.br-accordion .content :last-child {
  margin-bottom: 0;
}

.br-accordion[negative] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  --bg-color: var(--background-dark);
}

.br-avatar {
  --avatar-size: var(--avatar-small);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small);
  --avatar-small: 40px;
  --avatar-medium: 100px;
  --avatar-large: 160px;
  --avatar-icon-small: var(--icon-size-2x);
  --avatar-icon-medium: var(--icon-size-5x);
  --avatar-icon-large: var(--icon-size-8x);
  --avatar-text-small: var(--font-size-scale-up-03);
  --avatar-text-medium: var(--font-size-scale-up-07);
  --avatar-text-large: var(--font-size-scale-up-11);
  font-weight: var(--font-weight-bold);
  line-height: var(--avatar-size);
  vertical-align: middle;
  background-color: #0000;
  border: 0;
}

.br-avatar, .br-avatar .content {
  font-size: var(--avatar-text-size);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.br-avatar .content {
  background-color: var(--blue-10);
  color: var(--blue-warm-20);
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  overflow: hidden;
}

.br-avatar .content, .br-avatar .content img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}

.br-avatar .content .fa, .br-avatar .content .fab, .br-avatar .content .fad, .br-avatar .content .fal, .br-avatar .content .far, .br-avatar .content .fas, .br-avatar .content .svg-inline--fa {
  --icon-size: var(--avatar-icon-size);
  margin-top: .25em;
}

.br-avatar.is-small, .br-avatar.small, .br-avatar[small] {
  --avatar-size: var(--avatar-small);
  --avatar-icon-size: var(--avatar-icon-small);
  --avatar-text-size: var(--avatar-text-small);
}

.br-avatar.is-medium, .br-avatar.medium, .br-avatar[medium] {
  --avatar-size: var(--avatar-medium);
  --avatar-icon-size: var(--avatar-icon-medium);
  --avatar-text-size: var(--avatar-text-medium);
}

.br-avatar.is-large, .br-avatar.large, .br-avatar[large] {
  --avatar-size: var(--avatar-large);
  --avatar-icon-size: var(--avatar-icon-large);
  --avatar-text-size: var(--avatar-text-large);
}

.br-avatar-action {
  background: none;
  border: 0;
}

.br-avatar-action:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-avatar-action:focus {
  outline: none;
}

.br-avatar-action.focus-visible, .br-avatar-action:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-avatar[data-toggle="dropdown"]:focus {
  outline: none;
}

.br-avatar[data-toggle="dropdown"].focus-visible, .br-avatar[data-toggle="dropdown"]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-avatar .image, .br-avatar .letter {
  background-color: var(--blue-10);
  color: var(--blue-warm-20);
  font-size: var(--avatar-text-size);
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: inline-flex;
  overflow: hidden;
}

.br-avatar .image, .br-avatar .image img, .br-avatar .letter, .br-avatar .letter img {
  height: var(--avatar-size);
  vertical-align: inherit;
  width: var(--avatar-size);
}

.br-avatar .image .fa, .br-avatar .image .fab, .br-avatar .image .fad, .br-avatar .image .fal, .br-avatar .image .far, .br-avatar .image .fas, .br-avatar .image .svg-inline--fa, .br-avatar .letter .fa, .br-avatar .letter .fab, .br-avatar .letter .fad, .br-avatar .letter .fal, .br-avatar .letter .far, .br-avatar .letter .fas, .br-avatar .letter .svg-inline--fa {
  --icon-size: var(--avatar-icon-size);
  margin-top: .25em;
}

.br-breadcrumb {
  font-size: var(--font-size-scale-down-01);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-7x);
  display: inline-grid;
  position: relative;
}

.br-breadcrumb .crumb-list {
  padding: 0 0 0 var(--spacing-scale-base);
  border: 0;
  align-items: center;
  margin: 0;
  list-style: none;
  display: flex;
  overflow: auto hidden;
}

.br-breadcrumb .crumb {
  height: var(--spacing-scale-5x);
  align-items: center;
  display: flex;
}

.br-breadcrumb .crumb .icon {
  color: var(--border-color);
  font-size: var(--icon-size-sm);
  margin-right: -6px;
}

.br-breadcrumb .crumb a {
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
  text-decoration: none;
  overflow: hidden;
}

.br-breadcrumb .crumb:last-child span {
  font-weight: var(--font-weight-medium);
  margin: 0 var(--spacing-scale-2x) 0 var(--spacing-scale-base);
  white-space: nowrap;
}

.br-breadcrumb .crumb[data-active="active"] span.focus-visible:focus, .br-breadcrumb .crumb[data-active="active"] span:focus-visible:focus, .br-breadcrumb .crumb[data-active="active"] span:focus:focus {
  outline: none;
}

.br-breadcrumb .crumb[data-active="active"] span.focus-visible.focus-visible, .br-breadcrumb .crumb[data-active="active"] span.focus-visible:focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus-visible.focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus-visible:focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus.focus-visible, .br-breadcrumb .crumb[data-active="active"] span:focus:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-breadcrumb .crumb a:not(.br-button) {
  margin: 0 var(--spacing-scale-base);
}

.br-breadcrumb .home, .br-breadcrumb .menu-mobil {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  margin: 0 var(--spacing-scale-base) 0 0;
}

@media (width <= 991px) {
  .br-breadcrumb .crumb a:not(.br-button) {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 180px;
    display: block;
    overflow: hidden;
  }

  .br-breadcrumb .home + .crumb, .br-breadcrumb .menu-mobil, .br-breadcrumb .menu-mobil + .crumb {
    display: flex;
  }
}

.br-breadcrumb .br-card {
  left: var(--spacing-scale-9x);
  min-width: fit-content;
  top: var(--spacing-scale-7x);
  z-index: var(--z-index-layer-1);
  position: absolute;
}

.br-breadcrumb .br-item {
  color: var(--color);
  cursor: pointer;
  padding: 0;
}

.br-breadcrumb .br-item:not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

.br-breadcrumb .br-item a {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
  padding: var(--spacing-scale-2x);
  display: block;
}

@media (width <= 575px) {
  .br-breadcrumb .menu-mobil > .icon {
    display: none;
  }

  .br-breadcrumb .br-card {
    left: var(--spacing-scale-base);
    width: 250px;
  }
}

.br-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  padding: 0 var(--spacing-scale-3x);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.br-button.block {
  width: 100%;
}

@media (width >= 576px) {
  .br-button.block-sm {
    width: 100%;
  }

  .br-button.auto-sm {
    width: auto;
  }
}

@media (width >= 992px) {
  .br-button.block-md {
    width: 100%;
  }

  .br-button.auto-md {
    width: auto;
  }
}

@media (width >= 1280px) {
  .br-button.block-lg {
    width: 100%;
  }

  .br-button.auto-lg {
    width: auto;
  }
}

@media (width >= 1600px) {
  .br-button.block-xl {
    width: 100%;
  }

  .br-button.auto-xl {
    width: auto;
  }
}

.br-button.circle, .br-button.is-circle, .br-button[circle] {
  width: var(--button-size);
  border-radius: 50%;
  padding: 0;
}

.br-button.is-xsmall, .br-button.xsmall, .br-button[xsmall] {
  --button-size: var(--button-xsmall);
}

.br-button.is-small, .br-button.small, .br-button[small] {
  --button-size: var(--button-small);
}

.br-button.is-medium, .br-button.medium, .br-button[medium] {
  --button-size: var(--button-medium);
}

.br-button.is-large, .br-button.large, .br-button[large] {
  --button-size: var(--button-large);
}

.br-button.is-primary, .br-button.primary, .br-button[primary] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}

.br-button.is-secondary, .br-button.secondary, .br-button[secondary] {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}

.br-button.danger, .br-button.is-danger, .br-button[danger] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--danger);
  color: var(--color-dark);
}

.br-button.is-success, .br-button.success, .br-button[success] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--success);
  color: var(--color-dark);
}

.br-button.is-warning, .br-button.warning, .br-button[warning] {
  --interactive-rgb: var(--color-light-rgb);
  background-color: var(--warning);
  color: var(--color-light);
}

.br-button.info, .br-button.is-info, .br-button[info] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--info);
  color: var(--color-dark);
}

.br-button:disabled {
  cursor: not-allowed;
}

.br-button:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}

.br-button:not(:disabled):focus {
  outline: none;
}

.br-button:not(:disabled).focus-visible, .br-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

.br-button.active, .br-button.is-active, .br-button[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}

.br-button.loading {
  cursor: progress;
  color: #0000 !important;
}

.br-button.loading:not(:disabled):hover {
  background-image: none;
}

.br-button.loading:before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}

.br-button.loading.danger:before, .br-button.loading.info:before, .br-button.loading.primary:before, .br-button.loading.success:before {
  border-color: var(--background) var(--background) transparent;
}

.br-button.dark-mode, .br-button.inverted, .br-button.is-inverted, .br-button[inverted] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  color: var(--interactive-dark);
}

.br-button.dark-mode.is-primary, .br-button.dark-mode.primary, .br-button.dark-mode[primary], .br-button.inverted.is-primary, .br-button.inverted.primary, .br-button.inverted[primary], .br-button.is-inverted.is-primary, .br-button.is-inverted.primary, .br-button.is-inverted[primary], .br-button[inverted].is-primary, .br-button[inverted].primary, .br-button[inverted][primary] {
  --interactive-rgb: var(--background-dark-rgb);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}

.br-button.dark-mode.is-secondary, .br-button.dark-mode.secondary, .br-button.dark-mode[secondary], .br-button.inverted.is-secondary, .br-button.inverted.secondary, .br-button.inverted[secondary], .br-button.is-inverted.is-secondary, .br-button.is-inverted.secondary, .br-button.is-inverted[secondary], .br-button[inverted].is-secondary, .br-button[inverted].secondary, .br-button[inverted][secondary] {
  background-color: var(--background-dark);
}

.br-button.dark-mode.active, .br-button.inverted.active, .br-button.is-inverted.active, .br-button[inverted].active {
  --hover: var(--hover-light);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}

a.br-button {
  font-weight: var(--font-weight-semi-bold);
  text-decoration: none !important;
}

.br-card {
  --card-padding: var(--spacing-scale-2x);
  --card-height-fixed: 250px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  color: var(--color);
  margin-bottom: var(--spacing-scale-2x);
}

.br-card .card-content, .br-card .front .content {
  padding: var(--card-padding);
}

.br-card .card-content :last-child, .br-card .front .content :last-child {
  margin-bottom: 0;
}

.br-card .card-header, .br-card .front .header {
  padding: var(--card-padding) var(--card-padding) 0;
}

.br-card .card-footer, .br-card .front .footer {
  padding: 0 var(--card-padding) var(--card-padding);
}

.br-card.h-fixed .card-content {
  max-height: var(--card-height-fixed);
  overflow-y: auto;
}

.br-card.h-fixed .card-content::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-card.h-fixed .card-content::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-card.h-fixed .card-content::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-card.h-fixed .card-content:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-card.h-fixed .card-footer {
  padding-top: var(--card-padding);
}

.br-card.hover:hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-card.dark-mode, .br-card.inverted {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-carousel {
  --carousel-button-margin: var(--spacing-scale-default);
  --carousel-buton-icon-size: var(--–icon-size-base);
  --carousel-step-height: 40px;
  --carousel-step-progress-min-height: 32px;
  --carousel-full-size: 100%;
  --carousel-min-height: 400px;
  --carousel-button-fix-height: 52px;
  --carousel-button-fix-width: 100px;
  --carousel-step-progress-background: transparent;
  height: var(--carousel-full-size);
  min-height: var(--carousel-min-height);
  width: var(--carousel-full-size);
  display: flex;
  position: relative;
}

.br-carousel .carousel-stage {
  height: var(--carousel-step-height);
  width: var(--carousel-full-width);
  z-index: 0;
  flex-wrap: nowrap;
  display: block;
  position: relative;
  overflow: hidden;
}

.br-carousel .carousel-stage .carousel-page {
  left: var(--carousel-full-size);
  margin-bottom: var(--spacing-scale-4x);
  opacity: 0;
  visibility: hidden;
  width: var(--carousel-full-size);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 0;
  overflow: hidden;
}

.br-carousel .carousel-stage .carousel-page, .br-carousel .carousel-stage .carousel-page[active] {
  height: var(--carousel-full-size);
  transition: all .5s ease-in-out;
}

.br-carousel .carousel-stage .carousel-page[active] {
  opacity: 1;
  visibility: visible;
  left: 0 !important;
}

.br-carousel .carousel-stage .carousel-page .carousel-content {
  height: var(--carousel-full-size);
  width: var(--carousel-full-size);
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.br-carousel .carousel-stage .carousel-page .carousel-content .carousel-title {
  position: absolute;
}

.br-carousel .carousel-step {
  height: var(--carousel-step-height);
  width: var(--carousel-full-size);
  position: absolute;
  bottom: 8px;
}

.br-carousel .carousel-step .br-step[data-type="simple"] .step-progress, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress {
  background: var(--carousel-step-progress-background);
  min-height: var(--carousel-step-progress-min-height);
}

.br-carousel .carousel-step .br-step[data-type="simple"] .step-progress .step-progress-btn, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn {
  top: 0;
}

.br-carousel .carousel-step .br-step[data-type="simple"] .step-progress .step-progress-btn:hover:not([disabled]):before, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn:hover:not([disabled]):before {
  background-image: none;
}

.br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn {
  cursor: default;
  margin: 0;
}

.br-carousel .carousel-step .br-step[data-type="text"] .step-progress .step-progress-btn.focus-visible:before {
  outline-color: #0000 !important;
}

.br-carousel .carousel-button {
  height: var(--carousel-full-size);
  left: unset;
  z-index: 1;
  align-items: center;
  width: fit-content;
  display: flex;
  position: absolute;
  right: 0;
}

.br-carousel .carousel-button:first-child {
  left: 0;
  right: unset;
}

.br-carousel .carousel-button .carousel-btn-next, .br-carousel .carousel-button .carousel-btn-prev {
  margin: var(--carousel-button-margin);
  padding: 0;
}

.br-carousel .carousel-button .carousel-btn-next i.fas, .br-carousel .carousel-button .carousel-btn-prev i.fas {
  font-size: var(--carousel-buton-icon-size);
}

.br-carousel[data-stage="in"] .carousel-button {
  height: var(--carousel-full-size);
}

.br-carousel[data-stage="in"] .carousel-button .carousel-btn-next, .br-carousel[data-stage="in"] .carousel-button .carousel-btn-prev {
  height: var(--carousel-full-size);
  padding: 0 var(--spacing-scale-default);
  border-radius: 0;
  margin: 0;
}

.br-carousel[data-stage="in"] .carousel-stage {
  height: var(--carousel-full-size);
  width: var(--carousel-full-size);
  left: 0;
}

.br-carousel .carousel-button, .br-carousel .carousel-stage, .br-carousel[data-stage="out"] .carousel-button, .br-carousel[data-stage="out"] .carousel-stage {
  height: calc(var(--carousel-full-size)  - var(--carousel-button-fix-height));
}

.br-carousel .carousel-stage, .br-carousel[data-stage="out"] .carousel-stage {
  width: calc(var(--carousel-full-size)  - var(--carousel-button-fix-width));
  left: 50px;
}

.br-carousel[data-stage="hibh"] .carousel-button {
  height: var(--carousel-full-size);
}

.br-carousel[data-stage="hibh"] .carousel-stage {
  height: var(--carousel-full-size);
  width: calc(var(--carousel-full-size)  - var(--carousel-button-fix-width));
  left: 50px;
}

.br-carousel[data-stage="hibw"] .carousel-button {
  height: calc(var(--carousel-full-size)  - var(--carousel-button-fix-height));
}

.br-carousel[data-stage="hibw"] .carousel-button .carousel-btn-next, .br-carousel[data-stage="hibw"] .carousel-button .carousel-btn-prev {
  height: var(--carousel-full-size);
  padding: 0 var(--spacing-scale-default);
  border-radius: 0;
  margin: 0;
}

.br-carousel[data-stage="hibw"] .carousel-stage {
  height: calc(var(--carousel-full-size)  - var(--carousel-button-fix-height));
  width: var(--carousel-full-size);
  left: 0;
}

@media (width <= 991px) {
  .br-carousel {
    max-width: var(--carousel-full-size);
    width: var(--carousel-full-size);
  }

  .br-carousel .carousel-button {
    height: calc(var(--carousel-full-size)  - var(--carousel-button-fix-height));
  }

  .br-carousel .carousel-button .carousel-btn-next, .br-carousel .carousel-button .carousel-btn-prev {
    height: var(--carousel-full-size);
    padding: 0 var(--spacing-scale-default);
    border-radius: 0;
    margin: 0;
    display: none;
  }

  .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-next, .br-carousel[data-mobile-nav] .carousel-button .carousel-btn-prev {
    display: flex;
  }

  .br-carousel .carousel-stage {
    height: calc(var(--carousel-full-size)  - var(--carousel-button-fix-height));
    width: var(--carousel-full-size);
    left: 0;
  }

  .br-carousel .carousel-step .br-step[data-type="simple"] .step-progress, .br-carousel .carousel-step .br-step[data-type="text"] .step-progress {
    padding-top: 0 !important;
  }
}

.br-carousel.dark-mode, .br-carousel.dark-mode .br-step, .br-carousel.inverted, .br-carousel.inverted .br-step {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-carousel.dark-mode .br-step .step-progress-btn[data-alert="success"], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="success"] .step-info, .br-carousel.inverted .br-step .step-progress-btn[data-alert="success"], .br-carousel.inverted .br-step .step-progress-btn[data-alert="success"] .step-info {
  color: var(--success-alternative);
}

.br-carousel.dark-mode .br-step .step-progress-btn[data-alert="success"] .step-alert:after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="success"] .step-alert:after {
  content: var(--step-alert-success-icon);
}

.br-carousel.dark-mode .br-step .step-progress-btn[data-alert="info"], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="info"] .step-info, .br-carousel.inverted .br-step .step-progress-btn[data-alert="info"], .br-carousel.inverted .br-step .step-progress-btn[data-alert="info"] .step-info {
  color: var(--info-alternative);
}

.br-carousel.dark-mode .br-step .step-progress-btn[data-alert="info"] .step-alert:after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="info"] .step-alert:after {
  content: var(--step-alert-info-icon);
}

.br-carousel.dark-mode .br-step .step-progress-btn[data-alert="warning"] .step-alert:after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="warning"] .step-alert:after {
  content: var(--step-alert-warning-icon);
}

.br-carousel.dark-mode .br-step .step-progress-btn[data-alert="danger"], .br-carousel.dark-mode .br-step .step-progress-btn[data-alert="danger"] .step-info, .br-carousel.inverted .br-step .step-progress-btn[data-alert="danger"], .br-carousel.inverted .br-step .step-progress-btn[data-alert="danger"] .step-info {
  color: var(--danger-alternative);
}

.br-carousel.dark-mode .br-step .step-progress-btn[data-alert="danger"] .step-alert:after, .br-carousel.inverted .br-step .step-progress-btn[data-alert="danger"] .step-alert:after {
  content: var(--step-alert-danger-icon);
}

.br-carousel.dark-mode .br-step .step-progress-btn.active, .br-carousel.dark-mode .br-step .step-progress-btn[active], .br-carousel.inverted .br-step .step-progress-btn.active, .br-carousel.inverted .br-step .step-progress-btn[active] {
  color: var(--color-dark);
}

.br-carousel.dark-mode .br-step .step-progress-btn.active:before, .br-carousel.dark-mode .br-step .step-progress-btn[active]:before, .br-carousel.inverted .br-step .step-progress-btn.active:before, .br-carousel.inverted .br-step .step-progress-btn[active]:before {
  background-color: var(--background-light);
  border-color: var(--background-light);
  color: var(--active);
}

.br-carousel.dark-mode .br-step .step-progress-btn.active .step-icon, .br-carousel.dark-mode .br-step .step-progress-btn[active] .step-icon, .br-carousel.inverted .br-step .step-progress-btn.active .step-icon, .br-carousel.inverted .br-step .step-progress-btn[active] .step-icon {
  color: var(--active);
}

.br-carousel.dark-mode .br-step[data-type="void"] .step-progress-btn.active .step-alert, .br-carousel.dark-mode .br-step[data-type="void"] .step-progress-btn[active] .step-alert, .br-carousel.inverted .br-step[data-type="void"] .step-progress-btn.active .step-alert, .br-carousel.inverted .br-step[data-type="void"] .step-progress-btn[active] .step-alert {
  border-color: var(--color-dark);
}

.br-carousel.dark-mode .br-step[data-type="text"] .step-progress-btn:before, .br-carousel.inverted .br-step[data-type="text"] .step-progress-btn:before {
  color: var(--color);
  background-color: #0000;
}

.br-carousel .carousel-page[active]:focus, .br-carousel .carousel-page[active]:focus-visible, .br-carousel .carousel-page[active]:focus-within {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-checkbox {
  --checkbox-padding: var(--spacing-scale-base);
  --checkbox-size: 24px;
  display: flex;
  position: relative;
}

.br-checkbox + .br-checkbox {
  margin-top: var(--spacing-scale-base);
}

.br-checkbox input {
  opacity: 0;
  margin: 0;
  position: absolute;
}

.br-checkbox input + label {
  cursor: pointer;
  min-height: var(--checkbox-size);
  min-width: var(--checkbox-size);
  padding-left: calc(var(--spacing-scale-base)  + var(--checkbox-size));
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

.br-checkbox input + label:before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  content: "";
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  border-radius: 4px;
  position: absolute;
  left: 0;
}

.br-checkbox input + label:empty {
  padding: 0;
}

.br-checkbox label {
  font-weight: var(--font-weight-medium);
}

.br-checkbox.hidden-label label {
  padding-left: calc(var(--checkbox-size)  + var(--surface-width-md) * 2);
  text-indent: -10000px;
  white-space: nowrap;
  width: 0;
}

.br-checkbox input:checked + label:after, .br-checkbox input:indeterminate + label:after {
  border: solid var(--selected);
  content: "";
  height: var(--icon-size-sm);
  border-width: 0 3px 3px 0;
  width: 8px;
  position: absolute;
  top: 4px;
  left: 8px;
  transform: rotate(45deg);
}

.br-checkbox input:indeterminate + label:before, .br-checkbox input[indeterminate] + label:before {
  --interactive-rgb: var(--color-rgb);
  background: var(--selected);
  border-color: var(--selected);
}

.br-checkbox input:indeterminate:hover:not(:disabled) + label:before, .br-checkbox input[indeterminate]:hover:not(:disabled) + label:before {
  --interactive-rgb: var(--color-dark-rgb);
}

.br-checkbox input:indeterminate + label:after, .br-checkbox input:indeterminate:checked + label:after, .br-checkbox input[indeterminate] + label:after, .br-checkbox input[indeterminate]:checked + label:after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  top: 2px;
  transform: none;
}

.br-checkbox.invalid input + label:before, .br-checkbox.is-invalid input + label:before, .br-checkbox[invalid] input + label:before {
  --border-color: var(--danger);
}

.br-checkbox.invalid input.focus-visible + label:before, .br-checkbox.invalid input.focus-visible:checked + label:before, .br-checkbox.invalid input:focus-visible + label:before, .br-checkbox.invalid input:focus-visible:checked + label:before, .br-checkbox.is-invalid input.focus-visible + label:before, .br-checkbox.is-invalid input.focus-visible:checked + label:before, .br-checkbox.is-invalid input:focus-visible + label:before, .br-checkbox.is-invalid input:focus-visible:checked + label:before, .br-checkbox[invalid] input.focus-visible + label:before, .br-checkbox[invalid] input.focus-visible:checked + label:before, .br-checkbox[invalid] input:focus-visible + label:before, .br-checkbox[invalid] input:focus-visible:checked + label:before {
  --border-color: var(--focus-color);
}

.br-checkbox.invalid input:checked + label:before, .br-checkbox.is-invalid input:checked + label:before, .br-checkbox[invalid] input:checked + label:before {
  --border-color: var(--danger);
}

.br-checkbox.is-valid input + label:before, .br-checkbox.valid input + label:before, .br-checkbox[valid] input + label:before {
  --border-color: var(--success);
}

.br-checkbox.is-valid input.focus-visible + label:before, .br-checkbox.is-valid input.focus-visible:checked + label:before, .br-checkbox.is-valid input:focus-visible + label:before, .br-checkbox.is-valid input:focus-visible:checked + label:before, .br-checkbox.valid input.focus-visible + label:before, .br-checkbox.valid input.focus-visible:checked + label:before, .br-checkbox.valid input:focus-visible + label:before, .br-checkbox.valid input:focus-visible:checked + label:before, .br-checkbox[valid] input.focus-visible + label:before, .br-checkbox[valid] input.focus-visible:checked + label:before, .br-checkbox[valid] input:focus-visible + label:before, .br-checkbox[valid] input:focus-visible:checked + label:before {
  --border-color: var(--focus-color);
}

.br-checkbox.is-valid input:checked + label:before, .br-checkbox.valid input:checked + label:before, .br-checkbox[valid] input:checked + label:before {
  --border-color: var(--success);
}

.br-checkbox.is-small input + label, .br-checkbox.small input + label, .br-checkbox[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}

.br-checkbox.is-small input + label:before, .br-checkbox.small input + label:before, .br-checkbox[small] input + label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}

.br-checkbox.is-small input:checked + label:after, .br-checkbox.small input:checked + label:after, .br-checkbox[small] input:checked + label:after {
  height: var(--icon-size-sm);
  border-width: 0 2px 2px 0;
  width: 6px;
  top: 4px;
  left: 7px;
}

.br-checkbox.is-small input:indeterminate + label:after, .br-checkbox.is-small input[indeterminate] + label:after, .br-checkbox.small input:indeterminate + label:after, .br-checkbox.small input[indeterminate] + label:after, .br-checkbox[small] input:indeterminate + label:after, .br-checkbox[small] input[indeterminate] + label:after {
  border-color: var(--background-light);
  border-width: 0 0 3px;
  width: 6px;
  top: 1px;
  left: 7px;
  transform: none;
}

.br-checkbox input:invalid + label:before {
  --border-color: var(--danger);
}

.br-checkbox input.focus-visible + label:before, .br-checkbox input.focus-visible:checked + label:before, .br-checkbox input:focus-visible + label:before, .br-checkbox input:focus-visible:checked + label:before {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.br-checkbox input:hover:not(:disabled) + label:before {
  --interactive-rgb: var(--interactive-light-rgb);
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-checkbox:not(.disabled) input:disabled + label {
  cursor: not-allowed;
  opacity: var(--disabled);
}

.br-checkbox:not(.disabled) input:disabled + label * {
  pointer-events: none;
}

.br-checkbox.dark-mode, .br-checkbox.dark-mode label, .br-checkbox.inverted, .br-checkbox.inverted label {
  color: var(--color-dark);
}

.br-radio {
  --radio-size: 24px;
  --radio-bullet-size: 16px;
  --radio-bullet-position: calc((var(--radio-size)  - var(--radio-bullet-size)) * .5);
  display: block;
}

.br-radio + .br-radio {
  margin-top: var(--spacing-scale-base);
}

.br-radio input {
  opacity: 0;
  position: absolute;
}

.br-radio input + label {
  cursor: pointer;
  min-height: var(--radio-size);
  min-width: var(--radio-size);
  padding-left: calc(var(--spacing-scale-base)  + var(--radio-size));
  margin-bottom: 0;
  display: inline-block;
  position: relative;
}

.br-radio input + label:before {
  background: var(--background);
  border: 1px solid var(--border-color);
  content: "";
  height: var(--radio-size);
  width: var(--radio-size);
  border-radius: 50%;
  position: absolute;
  top: -1px;
  left: 0;
}

.br-radio input + label:empty {
  padding: 0;
}

.br-radio input + label:empty:before {
  top: 0;
}

.br-radio label {
  font-weight: var(--font-weight-medium);
}

.br-radio input:checked + label:after {
  background: var(--selected);
  border: 7px solid var(--selected);
  content: "";
  height: var(--radio-bullet-size);
  left: var(--radio-bullet-position);
  right: 0;
  top: calc(var(--radio-bullet-position)  - 1px);
  width: var(--radio-bullet-size);
  border-radius: 50%;
  position: absolute;
}

.br-radio input:checked + label:empty:after {
  top: var(--radio-bullet-position);
}

.br-radio.is-valid input + label:before, .br-radio.valid input + label:before, .br-radio[valid] input + label:before {
  border-color: var(--success);
}

.br-radio.invalid input + label:before, .br-radio.is-invalid input + label:before, .br-radio[invalid] input + label:before {
  border-color: var(--danger);
}

.br-radio.is-small input + label, .br-radio.small input + label, .br-radio[small] input + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}

.br-radio.is-small input + label:before, .br-radio.small input + label:before, .br-radio[small] input + label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}

.br-radio.is-small input:checked + label:after, .br-radio.small input:checked + label:after, .br-radio[small] input:checked + label:after {
  border-width: 4px;
  width: 10px;
  height: 10px;
}

.br-radio input:invalid + label:before {
  border-color: var(--danger);
}

.br-radio input.focus-visible + label:before, .br-radio input.focus-visible:checked + label:before, .br-radio input:focus-visible + label:before, .br-radio input:focus-visible:checked + label:before {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.br-radio input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-radio.dark-mode, .br-radio.dark-mode label, .br-radio.inverted, .br-radio.inverted label {
  color: var(--color-dark);
}

.br-cookiebar {
  --cookiebar-shadow: var(--surface-shadow-lg-up);
  --cookiebar-layer: var(--z-index-layer-4);
  box-shadow: var(--cookiebar-shadow);
  color: var(--color-secondary-08);
  cursor: default;
  font-family: inherit;
  font-size: var(--font-size-scale-up-01);
  z-index: var(--cookiebar-layer);
  outline: none;
  position: fixed;
  inset: 0;
}

@media (width >= 576px) {
  .br-cookiebar .actions .br-button.secondary {
    margin-right: var(--spacing-scale-5x);
  }
}

@media (width <= 575px) {
  .br-cookiebar {
    font-size: var(--font-size-scale-down-01);
  }

  .br-cookiebar .actions .br-button.primary {
    margin-bottom: var(--spacing-scale-2xh);
  }

  .br-cookiebar .actions .br-button.secondary {
    margin-bottom: var(--spacing-scale-2xh);
    margin-right: 0;
  }

  .br-cookiebar .br-modal-header.entry-content .br-modal-title {
    margin-bottom: 0;
  }

  .br-cookiebar .br-modal-header.entry-content .br-modal-title p {
    font-size: var(--font-size-scale-up-02);
  }

  .br-cookiebar .br-modal-header.entry-content .last-update, .br-cookiebar .br-switch .switch-data:before, .br-cookiebar .br-switch label, .br-cookiebar .group-description, .br-cookiebar .group-name, .br-cookiebar .group-size {
    font-size: var(--font-size-scale-down-01);
  }
}

.br-cookiebar.default {
  top: unset;
}

.br-cookiebar.default .entry-content {
  display: none;
}

.br-cookiebar.default .info-text {
  display: block;
}

.br-cookiebar.default .complementary-content, .br-cookiebar.default .main-content {
  display: none;
}

.br-cookiebar.default .br-modal > .br-card {
  --card-shadow: var(--surface-offset-none);
}

.br-cookiebar.default .br-modal .wrapper {
  overflow-y: unset;
}

.br-cookiebar.default .actions {
  border-top: 0;
}

.br-cookiebar.default .container-fluid.p-2xh {
  padding-bottom: var(--spacing-scale-3x) !important;
}

.br-cookiebar .row {
  float: none;
  width: auto;
}

.br-cookiebar .entry-text {
  margin-bottom: 0;
}

.br-cookiebar .wrapper {
  flex-direction: column;
  display: flex;
  overflow-y: scroll;
  padding-top: 6px !important;
}

.br-cookiebar .info-text {
  line-height: var(--font-line-height-medium);
  display: none;
}

.br-cookiebar .br-modal-header .br-modal-title {
  font-size: var(--font-size-scale-up-06);
  max-height: unset;
  width: auto;
  margin-bottom: 0;
  margin-right: 0;
}

.br-cookiebar .br-modal-header .close {
  margin-top: var(--spacing-scale-base);
  opacity: 1;
}

.br-cookiebar .br-modal-header .close:hover:after {
  content: "";
  opacity: var(--hover);
  background: currentColor;
  position: absolute;
  inset: 0;
}

.br-cookiebar .br-modal-header .last-update {
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
}

.br-cookiebar .br-modal-header .last-update span {
  margin-left: var(--spacing-scale-half);
  display: inline-block;
}

.br-cookiebar .br-modal-body {
  overflow: unset;
  flex: 1;
  margin: 0;
}

.br-cookiebar .br-modal-body:focus {
  outline: none;
}

.br-cookiebar .br-modal-body .br-list .br-list {
  max-height: 0;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.br-cookiebar .br-modal-body .br-list .br-item.open .br-list, .br-cookiebar .br-modal-body .br-list .br-item.open + .br-list {
  max-height: 200em;
}

.br-cookiebar .br-modal-body .br-list .header {
  display: block;
}

.br-cookiebar .br-modal-body .br-list .header .row div:nth-child(2) {
  flex: 0 0 185px;
}

.br-cookiebar .br-modal-footer.actions {
  padding-top: var(--spacing-scale-2xh);
}

.br-cookiebar .cookies-checked, .br-cookiebar .group-name, .br-cookiebar .group-size {
  color: var(--color-primary-default);
  cursor: pointer;
}

.br-cookiebar .group-info .row div:nth-child(2) {
  flex: 0 0 225px;
}

.br-cookiebar .group-info .fa {
  font-weight: 900;
}

.br-cookiebar .group-info .group-size {
  display: inline-block;
}

.br-cookiebar .group-info.selected {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  background-color: var(--background);
}

.br-cookiebar .group-info .br-button {
  color: var(--color-primary-default);
}

.br-cookiebar .cookie-info .br-switch, .br-cookiebar .group-info .br-switch {
  margin-bottom: var(--spacing-scale-2x);
  margin-top: var(--spacing-scale-2x);
  padding: var(--spacing-scale-half);
  width: 120px;
}

.br-cookiebar .cookie-info .fixed-width, .br-cookiebar .group-info .fixed-width {
  padding-left: var(--spacing-scale-base);
  width: 100px;
}

.br-cookiebar .always-active {
  color: var(--color-highlight);
  font-weight: var(--font-weight-semi-bold);
}

.br-cookiebar .cookie-info .br-card {
  margin-bottom: var(--card-margin);
}

.br-cookiebar .cookie-info .cookie-term, .br-cookiebar .notes p:first-child {
  font-weight: var(--font-weight-semi-bold);
}

.br-cookiebar .actions {
  border-top: 1px solid var(--color-secondary-05);
  padding-left: var(--spacing-scale-3x);
  padding-right: var(--spacing-scale-2xh);
  padding-top: var(--spacing-scale-3x);
}

.br-cookiebar .complementary-content {
  padding: var(--spacing-scale-base) 0;
}

.br-cookiebar [class^="container"] {
  --grid-margin: 0;
}

.br-cookiebar .br-checkbox:not(.hidden-label) {
  --item-padding-y: 1px;
}

.br-cookiebar .br-modal {
  --modal-size: var(--modal-auto);
}

.flatpickr-calendar {
  --flatpicker-padding: var(--spacing-scale-2x);
  --datetimepicker-day-size: 24px;
  --datetimepicker-arrows: 32px;
  box-shadow: var(--surface-shadow-md);
}

.flatpickr-calendar.arrowTop:after, .flatpickr-calendar.arrowTop:before {
  border-color: #0000;
}

.flatpickr-calendar.open {
  z-index: var(--z-index-layer-2);
}

.flatpickr-calendar .flatpickr-months {
  padding: var(--flatpicker-padding) var(--flatpicker-padding) 0;
  align-items: center;
  display: flex;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month, .flatpickr-calendar .flatpickr-months .flatpickr-prev-month {
  height: auto;
  padding: 0;
  position: static;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled *, .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled * {
  pointer-events: none;
}

.flatpickr-calendar .flatpickr-months .flatpickr-next-month.flatpickr-disabled, .flatpickr-calendar .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
  display: block;
}

.flatpickr-calendar .flatpickr-months .flatpickr-month {
  flex: 1;
  height: auto;
  overflow: visible;
}

.flatpickr-calendar .flatpickr-months .flatpickr-current-month {
  height: auto;
  padding: 0 var(--flatpicker-padding);
  width: 100%;
  display: flex;
  position: static;
}

.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months {
  border-radius: var(--surface-rounder-sm);
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  margin: 0;
  padding: 0;
}

.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
  color: var(--color);
}

.flatpickr-calendar .flatpickr-months .flatpickr-monthDropdown-months:hover {
  background: none;
}

.flatpickr-calendar .flatpickr-months .numInputWrapper {
  margin-left: var(--flatpicker-padding);
  flex: 1;
  width: auto;
}

.flatpickr-calendar .flatpickr-months .numInputWrapper input.cur-year {
  border: var(--surface-width-sm) solid var(--border-color);
  border-radius: var(--surface-rounder-sm);
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-semi-bold);
  padding: 0 var(--spacing-scale-base);
}

.flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowDown, .flatpickr-calendar .flatpickr-months .numInputWrapper span.arrowUp {
  display: none;
}

.flatpickr-calendar .flatpickr-weekdaycontainer {
  padding: 0 var(--flatpicker-padding);
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.flatpickr-calendar span.flatpickr-weekday {
  color: var(--color);
  font-size: var(--font-size);
  font-weight: var(--font-weight-medium);
}

.flatpickr-calendar .dayContainer {
  padding: 0 var(--flatpicker-padding) var(--flatpicker-padding);
  grid-template-columns: repeat(7, 1fr);
  display: grid;
}

.flatpickr-calendar .flatpickr-day {
  color: var(--interactive);
  font-weight: var(--font-weight-semi-bold);
  height: var(--datetimepicker-day-size);
  line-height: var(--font-line-height-medium);
  margin: calc(var(--flatpicker-padding) * .25) auto;
  max-width: var(--datetimepicker-day-size);
  width: var(--datetimepicker-day-size);
}

.flatpickr-calendar .flatpickr-day:focus {
  outline: none;
}

.flatpickr-calendar .flatpickr-day.focus-visible, .flatpickr-calendar .flatpickr-day:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.flatpickr-calendar .flatpickr-day.focus-visible {
  --focus-offset: 0;
  background: none;
  border-color: #0000;
}

.flatpickr-calendar .flatpickr-day:hover {
  background: var(--hover-effect);
}

.flatpickr-calendar .flatpickr-day.nextMonthDay, .flatpickr-calendar .flatpickr-day.prevMonthDay {
  font-weight: var(--font-weight-medium);
  opacity: .6;
}

.flatpickr-calendar .flatpickr-day.today {
  background: var(--orange-vivid-5);
  color: var(--red-warm-vivid-50);
  border-color: #0000;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled * {
  pointer-events: none;
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled {
  color: var(--color);
}

.flatpickr-calendar .flatpickr-day.flatpickr-disabled:hover {
  background: none;
}

.flatpickr-calendar .flatpickr-day.inRange {
  --interactive-rgb: var(--blue-warm-vivid-50-rgb);
  --hover: var(--hover-dark);
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
  box-shadow: none;
  color: var(--color-dark);
  opacity: 1;
  border-color: #0000;
}

.flatpickr-calendar .flatpickr-day.endRange, .flatpickr-calendar .flatpickr-day.selected, .flatpickr-calendar .flatpickr-day.startRange {
  background: var(--selected);
  color: var(--color-dark);
  opacity: 1;
  border-color: #0000;
}

.flatpickr-calendar .flatpickr-time {
  margin: 0 var(--flatpicker-padding);
  justify-content: center;
  max-height: none;
  display: flex;
}

.flatpickr-calendar .flatpickr-time input {
  --input-background: var(--bg-color);
  --input-border-color: var(--color-secondary-06);
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-padding: 0 var(--spacing-scale-half);
  --input-radius: var(--surface-rounder-sm);
  background: var(--input-background);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-radius);
  color: var(--text-color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding: var(--input-padding);
  width: 100%;
  display: block;
}

.flatpickr-calendar .flatpickr-time input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.flatpickr-calendar .flatpickr-time input.focus-visible, .flatpickr-calendar .flatpickr-time input:focus, .flatpickr-calendar .flatpickr-time input:focus-visible {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.flatpickr-calendar .flatpickr-time input.has-icon {
  padding-right: var(--spacing-scale-5x);
}

.flatpickr-calendar .flatpickr-time input[type="password"]::-ms-clear {
  display: none;
}

.flatpickr-calendar .flatpickr-time input[type="password"]::-ms-reveal {
  display: none;
}

.flatpickr-calendar .flatpickr-time input {
  margin: calc(var(--flatpicker-padding) * .25) 0;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper {
  height: auto;
  padding: calc(var(--flatpicker-padding) * .5) var(--flatpicker-padding);
  flex-flow: column;
  flex: 0 90px;
  align-items: center;
  display: flex;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper:hover {
  background: none;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper span:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.flatpickr-calendar .flatpickr-time .numInputWrapper span {
  color: var(--interactive);
  height: var(--datetimepicker-arrows);
  opacity: 1;
  width: var(--datetimepicker-arrows);
  border: 0;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: static;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper span:after {
  border: none;
  position: static;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp {
  order: -1;
}

.flatpickr-calendar .flatpickr-time .numInputWrapper span.arrowUp:after {
  transform: rotate(225deg)translate(-1px, -1px);
}

.flatpickr-calendar.hasTime .flatpickr-time {
  border-color: var(--border-color);
  height: auto;
}

.flatpickr-calendar.hasTime.noCalendar .flatpickr-time {
  border-color: #0000;
}

.br-datetimepicker.dark-mode .br-input, .br-datetimepicker.dark-mode .br-input label, .br-datetimepicker.inverted .br-input, .br-datetimepicker.inverted .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-datetimepicker input[disabled] {
  cursor: not-allowed;
}

.br-divider, hr {
  --divider-size: var(--surface-width-sm);
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  display: block;
}

.br-divider.content, hr.content {
  border: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

.br-divider.content:after, .br-divider.content:before, hr.content:after, hr.content:before {
  border-color: var(--border-color);
  border-style: solid;
  border-width: 0;
  border-top-width: var(--divider-size);
  content: "";
  flex: 1;
}

.br-divider.content:after, hr.content:after {
  margin-left: var(--spacing-scale-base);
}

.br-divider.content:before, hr.content:before {
  margin-right: var(--spacing-scale-base);
}

.br-divider.vertical, hr.vertical {
  border-right-width: var(--divider-size);
  border-top-width: 0;
  align-self: stretch;
}

.br-divider.vertical.content, hr.vertical.content {
  flex-direction: column;
}

.br-divider.vertical.content:after, .br-divider.vertical.content:before, hr.vertical.content:after, hr.vertical.content:before {
  border-right-width: var(--divider-size);
  border-top-width: 0;
  margin: 0;
}

.br-divider.dark-mode, .br-divider.inverted, hr.dark-mode, hr.inverted {
  --border-color: var(--pure-0);
}

.br-divider.dashed, hr.dashed {
  border-style: dashed;
}

.br-divider.sm, hr.sm {
  --divider-size: var(--surface-width-sm);
}

.br-divider.md, hr.md {
  --divider-size: var(--surface-width-md);
}

.br-divider.lg, hr.lg {
  --divider-size: var(--surface-width-lg);
}

hr {
  --divider-padding: var(--spacing-scale-2x);
  margin: var(--divider-padding) 0;
}

.br-footer {
  --footer-logo-height: 48px;
  --footer-logo-width: 180px;
  --footer-padding: var(--spacing-scale-6x) 0 0;
  --footer-padding-bottom: 0 0 var(--spacing-scale-6x);
  --footer-assigns-height: 46px;
  --footer-assigns-width: 180px;
  background: var(--background);
  border-top: 1px solid var(--border-color);
  color: var(--color);
  padding: var(--footer-padding);
  display: block;
}

.br-footer.no-divider {
  border-top: none;
  padding-top: 0;
}

.br-footer {
  --background: var(--background-dark);
}

.br-footer, .br-footer .br-item {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-footer.inverted, .br-footer[inverted] {
  --background: var(--background-light);
}

.br-footer.inverted, .br-footer.inverted .br-item, .br-footer[inverted], .br-footer[inverted] .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
}

.br-footer .logo {
  padding: var(--footer-padding-bottom);
}

.br-footer .logo img {
  max-height: var(--footer-logo-height);
  max-width: var(--footer-logo-width);
}

.br-footer .br-list.horizontal {
  padding: var(--footer-padding-bottom);
  flex-wrap: wrap;
  display: flex;
}

.br-footer .br-list.horizontal .header {
  width: 100%;
}

.br-footer .br-list.horizontal .col, .br-footer .br-list.horizontal [class*="col-"] {
  flex-grow: 0;
  padding: 0;
}

@media (width <= 991px) {
  .br-footer .br-list.horizontal .col, .br-footer .br-list.horizontal [class*="col-"] {
    max-width: 100%;
    flex-basis: 100% !important;
  }
}

.br-footer .social-network {
  border: 0;
}

.br-footer .social-network .social-network-title {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-extra-bold);
  margin-bottom: var(--spacing-scale-3x);
  text-transform: uppercase;
}

.br-footer .social-network a:not(:last-of-type) {
  margin-right: var(--spacing-scale-2x);
}

.br-footer .social-network a:hover {
  background-image: none;
}

.br-footer .social-network img {
  max-height: var(--footer-assigns-height);
  max-width: var(--footer-assigns-height);
}

.br-footer .assigns img {
  max-height: var(--footer-assigns-height);
  max-width: var(--footer-assigns-width);
}

.br-footer .info {
  text-align: center;
}

.br-footer .br-divider {
  margin-top: 0 !important;
}

.br-footer .d-none.d-sm-block > .row.align-items-end.justify-content-between.py-5 {
  padding: var(--footer-padding-bottom) !important;
}

.br-footer .br-list {
  --background: var(--background-dark);
}

.br-footer .br-list.horizontal .br-item, .br-footer .br-list.horizontal .br-list .br-item {
  min-height: 4em;
}

.br-footer .br-list.horizontal .br-item .content, .br-footer .br-list.horizontal .br-list .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  line-height: 16px;
}

@media (width >= 992px) {
  .br-footer .br-item.horizontal .br- {
    background-image: none;
    max-height: 200em !important;
  }
}

.br-footer .br-item.horizontal .br-item {
  min-height: 4em;
}

.br-footer .br-item.horizontal .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  line-height: 16px;
}

.br-footer .br-item.horizontal .col .br-item.header.active, .br-footer .br-item.horizontal [class*="col-"] .br-item.header.active, .br-footer .br-item.horizontal .col .br-item.header.active + .br-list, .br-footer .br-item.horizontal [class*="col-"] .br-item.header.active + .br-list {
  border-bottom: 1px solid var(--border-color);
}

.br-footer .br-item {
  align-items: center;
  display: flex;
}

.br-footer .br-item .content {
  flex: 1;
}

.br-footer .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-footer .br-item.active {
  background: none;
}

@media (width >= 992px) {
  .br-footer .br-item .support:last-child {
    pointer-events: none;
    display: none;
  }

  .br-footer .br-item .content {
    flex: 1;
  }
}

.br-footer.inverted .br-list, .br-footer[inverted] .br-list {
  --background: var(--background-light);
}

.br-header {
  --header-padding: var(--header-padding-medium);
  --header-padding-small: var(--spacing-scale-base);
  --header-padding-medium: var(--spacing-scale-2x);
  --header-padding-large: var(--spacing-scale-3x);
  --header-logo-size: var(--header-logo-medium);
  --header-logo-small: 16px;
  --header-logo-medium: 24px;
  --header-logo-large: 40px;
  --header-title-size: var(--font-size-scale-base);
  --header-subtitle-size: var(--font-size-scale-down-01);
  --header-logo-desktop-width: 120px;
  --header-logo-desktop-height: 48px;
  --header-logo-compact: 60px;
  --header-logo-compact-height: 32px;
  --header-logo-mobile-width: 80px;
  --header-logo-mobile-height: 40px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  padding: var(--header-padding) 0;
  position: relative;
}

.br-header, .br-header .header-bottom, .br-header .header-top {
  display: flex;
}

.br-header .header-top {
  justify-content: flex-end;
}

.br-header .header-bottom {
  margin-top: var(--header-padding-small);
  justify-content: space-between;
}

@media (width >= 576px) {
  .br-header {
    --header-padding: var(--header-padding-medium);
  }
}

.br-header.small {
  --header-padding: var(--header-padding-small);
}

.br-header.medium {
  --header-padding: var(--header-padding-medium);
}

.br-header.large {
  --header-padding: var(--header-padding-large);
}

.br-header .header-logo {
  float: left;
  align-items: center;
  gap: var(--spacing-scale-2x);
  flex: 1;
  display: flex;
}

.br-header .header-logo img, .br-header .header-logo svg {
  max-height: var(--header-logo-size);
}

.br-header .header-logo .br-divider {
  display: none;
}

.br-header .header-logo .header-sign {
  color: var(--color);
  font-weight: 500;
  display: none;
  overflow: hidden;
}

.br-header[data-no-logo] .header-logo img, .br-header[data-no-sign] .header-logo .header-sign {
  display: none;
}

@media (width >= 576px) {
  .br-header .header-logo {
    --header-logo-size: var(--header-logo-large);
    margin: 0;
  }

  .br-header .header-logo .br-divider, .br-header .header-logo .header-sign {
    display: block;
  }
}

.br-header .header-actions {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.br-header .header-actions .dropdown.show .br-list {
  z-index: var(--z-index-layer-1);
  display: block;
}

.br-header .header-actions .dropdown.show .br-button.active .fa, .br-header .header-actions .dropdown.show .br-button.active .fab, .br-header .header-actions .dropdown.show .br-button.active .fad, .br-header .header-actions .dropdown.show .br-button.active .fal, .br-header .header-actions .dropdown.show .br-button.active .far, .br-header .header-actions .dropdown.show .br-button.active .fas, .br-header .header-actions .dropdown.show .br-button.active .svg-inline--fa {
  transform: rotate(180deg);
}

.br-header .header-actions .dropdown.show .br-notification {
  width: 100vw;
  z-index: var(--z-index-layer-1);
  display: block;
  right: -16px;
}

.br-header .header-actions .dropdown.show .br-notification div.close, .br-header .header-actions .dropdown:not(.show) .br-notification {
  display: none;
}

@media (width <= 1279px) {
  .br-header .header-actions .dropdown:not(.show) .br-list {
    display: none;
  }
}

.br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list {
  background: var(--background);
  left: -4em;
}

.br-header .header-actions .header-functions .br-item, .br-header .header-actions .header-links .br-item {
  white-space: nowrap;
}

.br-header .header-actions .header-functions ul, .br-header .header-actions .header-links ul {
  display: none;
}

.br-header .header-actions .header-functions .br-list .br-button {
  --button-size: auto;
  --button-font-size: var(--font-size-scale-base);
  --button-font-weight: var(--item-font-weight);
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--item-font-weight);
  padding: var(--item-padding);
  border-radius: 0;
  justify-content: flex-start;
  width: 100%;
}

.br-header .header-actions .header-functions .br-list .br-button .text {
  margin-left: var(--spacing-scale-2x);
}

.br-header .header-actions .header-functions .br-item {
  padding: 0;
}

.br-header .header-actions .header-functions ul {
  display: none;
}

.br-header .header-actions .header-login {
  margin-left: var(--spacing-scale-base);
}

.br-header .header-actions .sign-in {
  --button-padding: 0 var(--spacing-scale-2x);
}

.br-header .header-actions .avatar {
  align-items: center;
  display: flex;
}

.br-header .header-actions .avatar .br-list {
  min-width: 200px;
  top: 100%;
  right: 0;
}

.br-header[data-no-functions] .header-actions .header-functions, .br-header[data-no-links] .header-actions .header-links, .br-header[data-no-login] .header-actions .header-login {
  display: none;
}

@media (width >= 576px) {
  .br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list {
    background: var(--background);
    left: auto;
    right: 0;
  }

  .br-header .header-actions .header-functions .br-notification, .br-header .header-actions .header-links .br-notification {
    width: 100vw;
  }
}

@media (width >= 1280px) {
  .br-header .header-actions .header-functions [data-toggle="dropdown"], .br-header .header-actions .header-links [data-toggle="dropdown"] {
    display: none;
  }

  .br-header .header-actions .header-functions .br-list, .br-header .header-actions .header-links .br-list {
    box-shadow: none;
    margin-right: var(--spacing-scale-2x);
    display: flex;
    position: static;
  }

  .br-header .header-actions .header-functions .br-list .header, .br-header .header-actions .header-links .br-list .header {
    display: none;
  }

  .br-header .header-actions .header-functions .br-item, .br-header .header-actions .header-links .br-item {
    --focus-offset: var(--spacing-scale-half);
    --interactive-rgb: var(--interactive-light-rgb);
    color: var(--interactive-light);
    padding: 0;
  }

  .br-header .header-actions .header-functions .br-item:not(:last-child), .br-header .header-actions .header-links .br-item:not(:last-child) {
    margin-right: var(--spacing-scale-3x);
    border-bottom: 0;
  }

  .br-header .header-actions .header-functions .br-notification, .br-header .header-actions .header-links .br-notification {
    width: 50vw;
  }

  .br-header .header-actions .header-functions .br-list {
    margin-right: 0;
  }

  .br-header .header-actions .header-functions .br-list .br-button {
    --button-size: var(--button-small);
    color: var(--interactive);
    width: var(--button-size);
    border-radius: 50%;
    justify-content: center;
    padding: 0;
  }

  .br-header .header-actions .header-functions .br-list .br-button .text {
    display: none;
  }

  .br-header .header-actions .header-functions .br-item, .br-header .header-actions .header-functions .br-item:not(:last-child) {
    margin-right: var(--spacing-scale-base);
  }

  .br-header .header-actions .header-search-trigger {
    display: none;
  }
}

.br-header .header-menu {
  flex: 1;
  align-items: center;
  display: flex;
}

.br-header .header-menu .header-menu-trigger + .header-info {
  margin-left: var(--spacing-scale-2x);
}

.br-header .header-menu .header-title {
  color: var(--color);
  font-size: var(--header-title-size);
}

.br-header .header-menu .header-subtitle {
  color: var(--color);
  font-size: var(--header-subtitle-size);
  margin-top: var(--spacing-scale-half);
  font-weight: 500;
  display: none;
}

.br-header[data-no-subtitle] .header-menu .header-subtitle {
  display: none;
}

@media (width >= 576px) {
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
    align-items: flex-start;
  }

  .br-header .header-menu .header-menu-trigger {
    margin-top: 3px;
  }

  .br-header .header-menu .header-info {
    padding-top: var(--spacing-scale-half);
  }

  .br-header .header-menu .header-subtitle {
    display: block;
  }
}

@media (width >= 1280px) {
  .br-header .header-menu {
    --header-title-size: var(--font-size-scale-up-03);
    --header-subtitle-size: var(--font-size-scale-base);
  }

  .br-header .header-menu .header-info {
    padding-top: 0;
  }
}

.br-header .header-search, .br-header.compact .header-search {
  background: var(--background);
  padding: 0 var(--spacing-scale-2x);
  align-items: center;
  display: none;
  position: absolute;
  inset: 0;
}

.br-header .header-search .br-input, .br-header.compact .header-search .br-input {
  flex: 1;
  align-items: center;
  display: flex;
}

.br-header .header-search .br-input label, .br-header.compact .header-search .br-input label {
  display: none;
}

.br-header .header-search .br-input input, .br-header.compact .header-search .br-input input {
  border-color: #0000;
}

.br-header .header-search .br-input input:not(:focus), .br-header.compact .header-search .br-input input:not(:focus) {
  background: var(--gray-2);
}

.br-header .header-search .br-input .br-button, .br-header .header-search .br-input .icon, .br-header.compact .header-search .br-input .br-button, .br-header.compact .header-search .br-input .icon {
  --focus-offset: 0;
  top: auto;
  bottom: auto;
  right: 4px;
}

.br-header .header-search .search-close, .br-header.compact .header-search .search-close {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  display: none;
}

.br-header .header-search.active, .br-header.compact .header-search.active {
  display: flex;
}

.br-header .header-search.active .search-close, .br-header.compact .header-search.active .search-close {
  display: inline-flex;
}

.br-header[data-no-search] .header-search {
  display: none;
}

@media (width >= 1280px) {
  .br-header .header-search {
    padding: 0;
    display: flex;
    position: static;
  }

  .br-header .header-search.active .search-close {
    display: none;
  }

  .br-header .br-input {
    min-width: 385px;
  }
}

.br-header .br-input.has-icon .br-button.circle {
  margin-top: 0;
  position: absolute;
  right: 4px;
}

.br-header.compact {
  --header-logo-size: var(--header-logo-small);
  --header-padding: var(--header-padding-small);
}

.br-header.compact .header-actions .header-search-trigger {
  display: block;
}

@media (width >= 576px) {
  .br-header.compact .container-lg {
    position: relative;
  }

  .br-header.compact .header-top {
    display: block;
  }

  .br-header.compact .header-logo {
    --header-logo-size: var(--header-logo-small);
    float: left;
  }

  .br-header.compact .header-logo .br-divider, .br-header.compact .header-sign {
    display: none;
  }

  .br-header.compact .header-actions {
    float: right;
    margin-top: var(--spacing-scale-2x);
    position: relative;
  }

  .br-header.compact .header-bottom {
    clear: left;
  }

  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-01);
  }

  .br-header.compact .header-menu .header-menu-trigger {
    margin-top: 0;
  }
}

@media (width >= 1280px) {
  .br-header.compact .header-menu {
    --header-title-size: var(--font-size-scale-up-02);
  }
}

.br-header[data-sticky] {
  z-index: var(--z-index-layer-2);
  position: sticky;
  top: 0;
}

.br-header[data-sticky], .br-header[data-sticky] .header-actions, .br-header[data-sticky] .header-logo img, .br-header[data-sticky] .header-menu-trigger, .br-header[data-sticky] .header-title {
  transition: all .15s;
}

.br-header[data-sticky] .header-logo img {
  margin-right: var(--spacing-scale-base);
}

.br-input {
  --input-button-margin: var(--spacing-scale-half);
  --input-padding: 0 var(--spacing-scale-2x);
  --input-padding-button: var(--spacing-scale-5x);
  --input-padding-icon: var(--spacing-scale-5x);
  --input-size: var(--input-medium);
  --input-small: 32px;
  --input-medium: 40px;
  --input-large: 48px;
  --input-highlight: 56px;
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  color: var(--color);
  position: relative;
}

.br-input input {
  background-color: var(--background-light);
  border-color: var(--border-color-alternative);
  border-radius: var(--surface-rounder-sm);
  border-style: var(--border-style);
  border-width: var(--border-width);
  color: var(--color-light);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  margin-top: var(--spacing-scale-half);
  padding-bottom: 0;
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  width: 100%;
  padding-top: 0;
  display: block;
}

.br-input input::-ms-clear {
  display: none;
}

.br-input input::-ms-reveal {
  display: none;
}

.br-input input::-webkit-calendar-picker-indicator {
  display: none;
}

.br-input input[type="search"]::-webkit-search-cancel-button {
  appearance: none;
}

.br-input input[type="search"]::-webkit-search-decoration {
  appearance: none;
}

.br-input input[type="search"]::-webkit-search-results-button {
  appearance: none;
}

.br-input input[type="search"]::-webkit-search-results-decoration {
  appearance: none;
}

.br-input.input-inline {
  display: flex;
}

.br-input.input-inline .input-label {
  margin-right: var(--spacing-scale-baseh);
  margin-top: calc(var(--input-size) * .5 - var(--spacing-scale-half));
}

.br-input.input-inline .input-content {
  flex: 1;
}

.br-input .input-group {
  position: relative;
}

.br-input .input-icon {
  color: var(--border-color-alternative);
  height: var(--input-size);
  margin-left: var(--spacing-scale-baseh);
  align-items: center;
  display: flex;
  position: absolute;
}

.br-input .input-icon + input {
  padding-left: var(--input-padding-icon);
}

.br-input .br-button {
  --button-size: var(--button-small);
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  float: right;
  margin-right: var(--input-button-margin);
  margin-top: calc((var(--input-size)  + var(--spacing-scale-half)) * -1);
  transform: translateY(calc((var(--input-size)  - var(--button-size)) * .5));
  width: var(--button-size);
  border-radius: 50%;
  padding: 0;
  position: relative;
}

.br-input.input-button input {
  padding-right: var(--input-padding-button);
}

.br-input.has-icon input {
  padding-right: var(--input-padding-icon);
}

.br-input.has-icon .br-button.circle {
  float: right;
  margin-right: var(--spacing-scale-half);
  margin-top: calc((var(--button-size)  + var(--spacing-scale-half)  + var(--spacing-scale-half)) * -1);
  transform: translateY(0);
}

.br-input.has-icon.small .br-button.circle {
  margin-top: calc((var(--button-size)  + var(--spacing-scale-base)) * -1);
}

.br-input.has-icon.large .br-button.circle {
  margin-top: calc(var(--button-size) * -1);
}

.br-input.input-highlight {
  --input-button-margin: var(--spacing-scale-2x);
  --input-padding: 0 var(--spacing-scale-3x);
  --input-padding-button: var(--spacing-scale-7x);
  --input-padding-icon: var(--spacing-scale-7x);
  --input-size: var(--input-highlight);
}

.br-input.input-highlight input {
  background-color: var(--gray-2);
  padding-left: var(--spacing-scale-3x);
  padding-right: var(--spacing-scale-3x);
  border-color: #0000;
}

.br-input.input-highlight .input-icon {
  margin-left: var(--spacing-scale-3x);
}

.br-input.input-highlight .input-icon + input {
  padding-left: var(--spacing-scale-7x);
}

.br-input .br-list {
  box-shadow: var(--surface-shadow-md);
  width: 100%;
  max-height: 530px;
  z-index: var(--z-index-layer-2);
  position: absolute;
  overflow: auto;
}

.br-input .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-input .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-input .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-input .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-input .br-list .br-item {
  --item-padding-y: var(--spacing-scale-2x);
}

.br-input .br-list .br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-input .br-list .br-item:not(:first-child) {
  border-top: var(--surface-width-sm) solid var(--border-color);
}

.br-input.success input, .br-input[data-success] input {
  border-color: var(--success);
  border-width: 2px;
}

.br-input.danger input, .br-input[data-danger] input {
  border-color: var(--danger);
  border-width: 2px;
}

.br-input.warning input, .br-input[data-warning] input {
  border-color: var(--warning);
  border-width: 2px;
}

.br-input.info input, .br-input[data-info] input {
  border-color: var(--info);
  border-width: 2px;
}

.br-input input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-input input.focus-visible, .br-input input:focus, .br-input input:focus-visible {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.br-input .feedback {
  margin-bottom: var(--spacing-scale-half);
}

.br-input.small, .br-input[data-small] {
  --input-size: var(--input-small);
}

.br-input.medium, .br-input[data-medium] {
  --input-size: var(--input-medium);
}

.br-input.large, .br-input[data-large] {
  --input-size: var(--input-large);
}

.br-input.dark-mode, .br-input.dark-mode label, .br-input.inverted, .br-input.inverted label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-item {
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-base);
  --item-padding: var(--item-padding-y) var(--item-padding-x);
  --focus-offset: calc(var(--focus-width) * -1);
  background: var(--background);
  color: var(--color);
  font-weight: var(--font-weight);
  padding: var(--item-padding);
  text-align: left;
  border: 0;
  width: 100%;
  display: block;
}

.br-item .row {
  margin-left: calc(var(--spacing-scale-base) * -1);
  margin-right: calc(var(--spacing-scale-base) * -1);
}

.br-item .row .col, .br-item .row [class*="col-"] {
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base);
}

.br-item:after {
  clear: both;
  content: "";
  display: block;
}

.br-item[data-toggle] {
  cursor: pointer;
}

.br-item[data-toggle="selection"]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-item > .br-checkbox:not(.hidden-label), .br-item > .br-radio:not(.hidden-label) {
  margin: calc(var(--item-padding-y) * -1) calc(var(--item-padding-x) * -1);
}

.br-item > .br-checkbox:not(.hidden-label) input + label, .br-item > .br-radio:not(.hidden-label) input + label {
  padding-bottom: var(--item-padding-y);
  padding-top: var(--item-padding-y);
  width: 100%;
  top: 1px;
}

.br-item > .br-checkbox:not(.hidden-label) input + label:before, .br-item > .br-radio:not(.hidden-label) input + label:before {
  left: var(--item-padding-x);
  top: calc(var(--item-padding-y)  - 1px);
}

.br-item > .br-checkbox:not(.hidden-label) input + label:empty, .br-item > .br-radio:not(.hidden-label) input + label:empty {
  top: 1px;
  left: 0;
}

.br-item > .br-checkbox:not(.hidden-label) input:hover:not(:disabled) + label:before, .br-item > .br-radio:not(.hidden-label) input:hover:not(:disabled) + label:before {
  background-image: none;
}

.br-item > .br-checkbox input:not(:indeterminate) + label {
  min-height: calc(var(--checkbox-size)  + var(--item-padding-y) * 2);
}

.br-item > .br-checkbox input:not(:indeterminate) + label:not(:empty) {
  padding-left: calc(var(--checkbox-padding)  + var(--checkbox-size)  + var(--item-padding-x));
}

.br-item > .br-checkbox input:not(:indeterminate) + label:after {
  left: calc(var(--item-padding-x)  + 8px);
  top: calc(var(--item-padding-y)  + 4px);
}

.br-item > .br-checkbox input:not(:indeterminate) + label:empty {
  min-height: var(--checkbox-size);
}

.br-item > .br-checkbox input:not(:indeterminate) + label:empty:after {
  top: 4px;
  left: 8px;
}

.br-item .br-radio input + label {
  min-height: calc(var(--radio-size)  + var(--item-padding-y) * 2);
  padding-left: calc(var(--spacing-scale-base)  + var(--radio-size)  + var(--item-padding-x));
}

.br-item .br-radio input + label:after {
  left: calc(var(--item-padding-x)  + var(--radio-bullet-position));
  top: calc(var(--item-padding-y)  + var(--radio-bullet-position)  - 1px);
}

.br-item .br-radio input + label:empty {
  min-height: var(--radio-size);
}

.br-item .br-radio input + label:empty:after {
  left: var(--radio-bullet-position);
  top: var(--radio-bullet-position);
}

.br-item.highlight, .br-item.primary-darken-01, .br-item.primary-darken-02, .br-item.primary-default, .br-item.primary-lighten-01, .br-item.primary-lighten-02, .br-item.secondary-06, .br-item.secondary-07, .br-item.secondary-08, .br-item.secondary-09, .br-item.selected, .br-item.support-01, .br-item.support-03, .br-item.support-04, .br-item.support-07, .br-item.support-08 {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-item.selected {
  background-color: var(--selected);
}

.br-item.active {
  background-color: var(--active);
  color: var(--color);
}

.br-item.active, .br-item.dark-mode, .br-item.inverted {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-item.dark-mode.active, .br-item.inverted.active {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--active-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  background-color: var(--background-light);
  color: var(--active);
}

.br-item[data-toggle]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-item[data-toggle] .content i {
  color: var(--interactive);
}

.br-item .content {
  align-items: center;
  display: flex;
}

.br-item [class*="fa-"] {
  height: 16px;
  width: 14px !important;
}

.br-item .toogle-icon-interactive, a.br-item {
  color: var(--interactive);
}

a.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

a.br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

button.br-item {
  color: var(--color);
  background-color: #0000;
}

button.br-item:focus {
  outline: none;
}

button.br-item.focus-visible, button.br-item:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

button.br-item:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

button.br-item:not(:disabled):active {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--pressed)), rgba(var(--color-rgb), var(--pressed)));
}

.br-list.horizontal {
  flex-wrap: wrap;
  display: flex;
}

.br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}

.br-list.horizontal > .header + .br-divider {
  border-top: 1px solid var(--border-color);
  width: 100%;
}

.br-list.horizontal > .br-item + .br-divider, .br-list.horizontal > .group + .br-divider {
  border-width: 0 1px 0 0;
  width: 1px;
}

.br-list.horizontal > .br-item, .br-list.horizontal > .group {
  flex: 1;
  width: auto;
  height: auto;
  min-height: 56px;
}

.br-list.horizontal > .br-item.one-line > .content, .br-list.horizontal > .group.one-line > .content {
  height: 56px;
}

.br-list.horizontal > .br-item.two-lines > .content, .br-list.horizontal > .group.two-lines > .content {
  height: 72px;
}

.br-list.horizontal > .br-item.three-lines > .content, .br-list.horizontal > .group.three-lines > .content {
  height: 6em;
}

.br-list.horizontal.toggle > .br-item, .br-list.horizontal[data-toggle] > .br-item {
  display: block;
}

.br-list {
  background-color: var(--background);
}

.br-list .br-item {
  text-align: left;
  width: 100%;
}

.br-list .br-item .fa, .br-list .br-item .fab, .br-list .br-item .fad, .br-list .br-item .fal, .br-list .br-item .far, .br-list .br-item .fas, .br-list .br-item .svg-inline--fa {
  text-align: center;
}

.br-list .br-item > .content {
  align-items: var(--spacing-vertical-top);
  display: flex;
}

.br-list .br-item > .content > .content {
  flex: 1;
}

.br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-list .br-item[data-toggle] {
  cursor: pointer;
}

.br-list .br-item[data-toggle] ~ .br-list .br-item {
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}

.br-list .br-list {
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.br-list .header {
  align-items: var(--spacing-vertical-center);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  justify-content: space-between;
  display: flex;
}

.br-list[data-one-line] .br-item, .br-list[data-one-line] .br-list .br-item {
  height: 2em;
}

.br-list[data-one-line] .br-item .content, .br-list[data-one-line] .br-list .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
  overflow: hidden;
}

.br-list[data-two-lines] .br-item, .br-list[data-two-lines] .br-list .br-item {
  height: 4em;
}

.br-list[data-two-lines] .br-item .content, .br-list[data-two-lines] .br-list .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
  overflow: hidden;
}

.br-list[data-three-lines] .br-item, .br-list[data-three-lines] .br-list .br-item {
  height: 6em;
}

.br-list[data-three-lines] .br-item .content, .br-list[data-three-lines] .br-list .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
  overflow: hidden;
}

.br-menu {
  --menu-zindex: var(--z-index-layer-3);
  --menu-background-submenu: var(--gray-2);
  --menu-logo: 40px;
  --menu-item-ng: var(--menu-item-medium);
  --menu-item-padding: var(--menu-item-medium);
  --menu-item-small: var(--spacing-scale-base);
  --menu-item-medium: var(--spacing-scale-2x);
  --menu-item-large: var(--spacing-scale-3x);
}

.br-menu .menu-container {
  display: none;
}

.br-menu .menu-scrim {
  background: var(--surface-overlay-scrim);
  inset: 0;
}

.br-menu .menu-panel {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  background: var(--background);
  flex-direction: column;
  height: 100vh;
  display: flex;
}

.br-menu.active .menu-container {
  z-index: var(--menu-zindex);
  display: flex;
  position: fixed;
  inset: 0;
}

.br-menu.active .menu-panel {
  z-index: calc(var(--menu-zindex)  + 1);
  flex: 1;
  position: relative;
  overflow: auto;
}

.br-menu.active .menu-scrim {
  position: absolute;
}

.br-menu .menu-header {
  border-bottom: 1px solid var(--border-color);
  padding: var(--spacing-scale-base) var(--spacing-scale-base);
  align-items: center;
  display: flex;
}

.br-menu .menu-header .menu-title {
  margin-left: var(--spacing-scale-base);
  flex: 1;
  align-items: center;
  display: flex;
}

.br-menu .menu-header .menu-title img {
  max-height: var(--menu-logo);
}

.br-menu .menu-header .menu-title img + * {
  margin-left: var(--spacing-scale-base);
}

.br-menu .menu-body li, .br-menu .menu-body ul {
  margin: 0;
  padding: 0;
}

.br-menu .menu-body ul {
  list-style: none;
}

.br-menu .menu-body > .divider, .br-menu .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 1px solid var(--border-color);
}

.br-menu .menu-body .menu-folder > .menu-item + ul {
  background: var(--menu-background-submenu);
}

.br-menu .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-5x);
}

.br-menu .menu-body .drop-menu > .menu-item {
  border-bottom: 1px solid var(--border-color);
}

.br-menu .menu-body .drop-menu.active > .menu-item {
  border-bottom: 0;
}

.br-menu .menu-body .drop-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}

.br-menu .menu-body .drop-menu.active > .menu-item:not(:hover) {
  background-color: var(--background);
}

.br-menu .menu-body .drop-menu.active > .menu-item .support .fa, .br-menu .menu-body .drop-menu.active > .menu-item .support .fab, .br-menu .menu-body .drop-menu.active > .menu-item .support .fad, .br-menu .menu-body .drop-menu.active > .menu-item .support .fal, .br-menu .menu-body .drop-menu.active > .menu-item .support .far, .br-menu .menu-body .drop-menu.active > .menu-item .support .fas, .br-menu .menu-body .drop-menu.active > .menu-item .support .svg-inline--fa {
  transform: rotate(180deg);
}

.br-menu .menu-body .drop-menu.active > ul {
  display: block;
}

.br-menu .menu-footer > :not(:last-child) {
  border-bottom: 1px solid var(--border-color);
}

.br-menu .menu-footer .menu-logos {
  column-gap: var(--spacing-scale-2x);
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
  row-gap: var(--spacing-scale-2x);
  grid-template-columns: 1fr 1fr 1fr;
  display: grid;
}

.br-menu .menu-footer .menu-links {
  --focus-offset: var(--spacing-scale-half);
  padding: var(--spacing-scale-2x) var(--spacing-scale-5x);
}

.br-menu .menu-footer .menu-links a {
  display: block;
}

.br-menu .menu-footer .menu-links a:not(:last-child) {
  margin-bottom: var(--spacing-scale-2x);
}

.br-menu .menu-footer .menu-links a:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-menu .menu-footer .menu-social, .br-menu .menu-footer .social-network {
  padding: var(--spacing-scale-base) var(--spacing-scale-5x);
}

.br-menu .menu-footer .menu-social .social-network-title, .br-menu .menu-footer .social-network .social-network-title {
  font-weight: var(--font-weight-semi-bold);
  margin-bottom: var(--spacing-scale-half);
}

.br-menu .menu-footer .menu-social .sharegroup, .br-menu .menu-footer .social-network .sharegroup {
  display: flex;
}

.br-menu .menu-footer .menu-info {
  padding: var(--spacing-scale-2x);
}

.br-menu .menu-item {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
  padding: var(--menu-item-padding) var(--spacing-scale-2x);
  background: none;
  display: flex;
}

.br-menu .menu-item .icon {
  margin-right: var(--spacing-scale-2x);
}

.br-menu .menu-item .content {
  flex: 1;
}

.br-menu a.menu-item {
  color: var(--interactive);
}

.br-menu .side-menu > ul {
  background: var(--menu-background-submenu);
  display: none;
}

.br-menu .side-menu.active > .menu-item {
  --interactive: var(--active);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background);
  font-weight: var(--font-weight-semi-bold);
  flex-direction: row-reverse;
}

.br-menu .side-menu.active > .menu-item .icon {
  margin-right: 0;
}

.br-menu .side-menu.active > .menu-item .support {
  margin-right: var(--spacing-scale-2x);
}

.br-menu .side-menu.active > .menu-item .support .fa, .br-menu .side-menu.active > .menu-item .support .fab, .br-menu .side-menu.active > .menu-item .support .fad, .br-menu .side-menu.active > .menu-item .support .fal, .br-menu .side-menu.active > .menu-item .support .far, .br-menu .side-menu.active > .menu-item .support .fas, .br-menu .side-menu.active > .menu-item .support .svg-inline--fa {
  transform: rotate(180deg);
}

.br-menu .side-menu.active > ul {
  display: block;
}

.br-menu .side-menu.active .menu-item {
  padding-left: var(--spacing-scale-2x) !important;
}

.br-menu.small .menu-item {
  --menu-item-padding: var(--menu-item-small);
}

.br-menu.medium .menu-item {
  --menu-item-padding: var(--menu-item-medium);
}

.br-menu.large .menu-item {
  --menu-item-padding: var(--menu-item-large);
}

.br-menu.push .menu-scrim, .br-menu.push .menu-trigger {
  display: none;
}

@media (width >= 576px) {
  .br-menu.push {
    --menu-zindex: var(--z-index-layer-0);
  }

  .br-menu.push .menu-footer, .br-menu.push .menu-header {
    display: none;
  }

  .br-menu.push .menu-header[data-visible="true"] {
    display: flex;
  }

  .br-menu.push .menu-footer[data-visible="true"] {
    display: block;
  }

  .br-menu.push .menu-panel {
    height: auto;
  }

  .br-menu.push .menu-scrim {
    display: none;
  }

  .br-menu.push.active .menu-container {
    position: static;
  }
}

.br-menu.contextual {
  --menu-zindex: calc(var(--z-index-layer-3)  - 10);
  overflow: auto;
}

.br-menu.contextual .menu-body .menu-folder > .menu-item + ul .menu-item {
  padding-left: var(--spacing-scale-2x);
}

.br-menu.contextual .menu-body .menu-folder > ul > li:last-child > .menu-item {
  border-bottom: 0;
}

.br-menu.contextual .menu-trigger {
  z-index: calc(var(--menu-zindex)  - 1);
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.br-menu.contextual .menu-trigger .br-button {
  --button-radius: 0;
}

.br-menu.contextual .menu-container {
  flex-direction: column-reverse;
  display: none;
  position: static;
}

.br-menu.contextual .menu-panel {
  height: auto;
}

.br-menu.contextual.active {
  height: 100vh;
  z-index: var(--menu-zindex);
  flex-direction: column;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.br-menu.contextual.active .menu-trigger {
  z-index: calc(var(--menu-zindex)  + 1);
  position: relative;
}

.br-menu.contextual.active .menu-trigger .fa, .br-menu.contextual.active .menu-trigger .fab, .br-menu.contextual.active .menu-trigger .fad, .br-menu.contextual.active .menu-trigger .fal, .br-menu.contextual.active .menu-trigger .far, .br-menu.contextual.active .menu-trigger .fas, .br-menu.contextual.active .menu-trigger .svg-inline--fa {
  transform: rotate(180deg);
}

.br-menu.contextual.active .menu-container {
  display: flex;
  overflow: auto;
}

@media (width >= 992px) {
  .br-menu.contextual .menu-trigger {
    display: none;
    position: absolute;
  }

  .br-menu.contextual .menu-container {
    display: block;
  }

  .br-menu.contextual.active {
    height: 100%;
    position: absolute;
  }
}

.br-menu .menu-item[hidden] {
  display: none;
}

.br-menu .menu-item:disabled {
  cursor: not-allowed;
  opacity: var(--disabled);
}

.br-menu .menu-item:disabled * {
  pointer-events: none;
}

.br-menu a.menu-item:not(:disabled).active {
  --interactive: var(--color-dark);
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--active);
}

.br-menu a.menu-item:not(:disabled).active:focus {
  outline-color: var(--focus-color-dark);
}

.br-menu a.menu-item:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-loading, .loading {
  --loading-size: var(--loading-indetermined-diameter-sm);
  --loading-diameter: 84px;
  --loading-stroke: 5px;
  --loading-indetermined-color: var(--interactive);
  --loading-indetermined-diameter-md: 44px;
  --loading-indetermined-diameter-sm: 24px;
  z-index: var(--z-index-layer-4);
  position: relative;
}

.br-loading[data-progress]:not(:empty), .loading[data-progress]:not(:empty) {
  background-color: var(--border-color);
  border-radius: 50%;
}

.br-loading[data-progress]:not(:empty):before, .loading[data-progress]:not(:empty):before {
  content: none;
}

.br-loading[data-progress]:after, .loading[data-progress]:after {
  --loading-size: calc(var(--loading-diameter)  - var(--loading-stroke) * 2);
  background: var(--background);
  color: var(--interactive);
  content: attr(data-progress) "%";
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
  height: var(--loading-size);
  line-height: var(--loading-size);
  margin: var(--loading-stroke);
  text-align: center;
  width: var(--loading-size);
  border-radius: 50%;
  position: absolute;
}

.br-loading[data-progress] .br-loading-fill, .br-loading[data-progress] .br-loading-mask, .br-loading[data-progress].loading-fill, .br-loading[data-progress].loading-mask, .loading[data-progress] .br-loading-fill, .loading[data-progress] .br-loading-mask, .loading[data-progress].loading-fill, .loading[data-progress].loading-mask {
  clip: rect(0, var(--loading-diameter), var(--loading-diameter), calc(var(--loading-diameter) * .5));
  backface-visibility: hidden;
  height: var(--loading-diameter);
  width: var(--loading-diameter);
  border-radius: 50%;
  position: absolute;
  overflow: hidden;
}

.br-loading[data-progress] .br-loading-fill, .br-loading[data-progress].loading-fill, .loading[data-progress] .br-loading-fill, .loading[data-progress].loading-fill {
  clip: rect(0, calc(var(--loading-diameter) * .5), var(--loading-diameter), 0);
  background: var(--interactive);
}

.br-loading:before, .loading:before {
  border: 2px solid var(--loading-indetermined-color);
  content: "";
  height: var(--loading-size);
  left: calc(50% - var(--loading-size) * .5);
  top: calc(50% - var(--loading-size) * .5);
  width: var(--loading-size);
  border-right: 2px solid #0000;
  border-radius: 50%;
  animation: 1.3s linear infinite spinAround;
  display: block;
  position: absolute;
}

.br-loading:not(.br-button), .loading:not(.br-button) {
  height: var(--loading-size);
  width: var(--loading-size);
}

.br-loading:not(.br-button).medium, .loading:not(.br-button).medium {
  --loading-size: var(--loading-indetermined-diameter-md);
}

.br-loading:not(.br-button).medium:before, .loading:not(.br-button).medium:before {
  border-width: 4px;
}

.br-loading:not(.br-button)[data-progress], .loading:not(.br-button)[data-progress] {
  --loading-size: var(--loading-diameter);
}

.br-loading:not(.br-button)[data-progress]:before, .loading:not(.br-button)[data-progress]:before {
  border-width: var(--loading-stroke);
}

.br-loading[data-progress="1"] .br-loading-fill, .br-loading[data-progress="1"] .br-loading-mask.full, .loading[data-progress="1"] .br-loading-fill, .loading[data-progress="1"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(1.8deg);
}

.br-loading[data-progress="2"] .br-loading-fill, .br-loading[data-progress="2"] .br-loading-mask.full, .loading[data-progress="2"] .br-loading-fill, .loading[data-progress="2"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(3.6deg);
}

.br-loading[data-progress="3"] .br-loading-fill, .br-loading[data-progress="3"] .br-loading-mask.full, .loading[data-progress="3"] .br-loading-fill, .loading[data-progress="3"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(5.4deg);
}

.br-loading[data-progress="4"] .br-loading-fill, .br-loading[data-progress="4"] .br-loading-mask.full, .loading[data-progress="4"] .br-loading-fill, .loading[data-progress="4"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(7.2deg);
}

.br-loading[data-progress="5"] .br-loading-fill, .br-loading[data-progress="5"] .br-loading-mask.full, .loading[data-progress="5"] .br-loading-fill, .loading[data-progress="5"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(9deg);
}

.br-loading[data-progress="6"] .br-loading-fill, .br-loading[data-progress="6"] .br-loading-mask.full, .loading[data-progress="6"] .br-loading-fill, .loading[data-progress="6"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(10.8deg);
}

.br-loading[data-progress="7"] .br-loading-fill, .br-loading[data-progress="7"] .br-loading-mask.full, .loading[data-progress="7"] .br-loading-fill, .loading[data-progress="7"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(12.6deg);
}

.br-loading[data-progress="8"] .br-loading-fill, .br-loading[data-progress="8"] .br-loading-mask.full, .loading[data-progress="8"] .br-loading-fill, .loading[data-progress="8"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(14.4deg);
}

.br-loading[data-progress="9"] .br-loading-fill, .br-loading[data-progress="9"] .br-loading-mask.full, .loading[data-progress="9"] .br-loading-fill, .loading[data-progress="9"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(16.2deg);
}

.br-loading[data-progress="10"] .br-loading-fill, .br-loading[data-progress="10"] .br-loading-mask.full, .loading[data-progress="10"] .br-loading-fill, .loading[data-progress="10"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(18deg);
}

.br-loading[data-progress="11"] .br-loading-fill, .br-loading[data-progress="11"] .br-loading-mask.full, .loading[data-progress="11"] .br-loading-fill, .loading[data-progress="11"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(19.8deg);
}

.br-loading[data-progress="12"] .br-loading-fill, .br-loading[data-progress="12"] .br-loading-mask.full, .loading[data-progress="12"] .br-loading-fill, .loading[data-progress="12"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(21.6deg);
}

.br-loading[data-progress="13"] .br-loading-fill, .br-loading[data-progress="13"] .br-loading-mask.full, .loading[data-progress="13"] .br-loading-fill, .loading[data-progress="13"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(23.4deg);
}

.br-loading[data-progress="14"] .br-loading-fill, .br-loading[data-progress="14"] .br-loading-mask.full, .loading[data-progress="14"] .br-loading-fill, .loading[data-progress="14"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(25.2deg);
}

.br-loading[data-progress="15"] .br-loading-fill, .br-loading[data-progress="15"] .br-loading-mask.full, .loading[data-progress="15"] .br-loading-fill, .loading[data-progress="15"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(27deg);
}

.br-loading[data-progress="16"] .br-loading-fill, .br-loading[data-progress="16"] .br-loading-mask.full, .loading[data-progress="16"] .br-loading-fill, .loading[data-progress="16"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(28.8deg);
}

.br-loading[data-progress="17"] .br-loading-fill, .br-loading[data-progress="17"] .br-loading-mask.full, .loading[data-progress="17"] .br-loading-fill, .loading[data-progress="17"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(30.6deg);
}

.br-loading[data-progress="18"] .br-loading-fill, .br-loading[data-progress="18"] .br-loading-mask.full, .loading[data-progress="18"] .br-loading-fill, .loading[data-progress="18"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(32.4deg);
}

.br-loading[data-progress="19"] .br-loading-fill, .br-loading[data-progress="19"] .br-loading-mask.full, .loading[data-progress="19"] .br-loading-fill, .loading[data-progress="19"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(34.2deg);
}

.br-loading[data-progress="20"] .br-loading-fill, .br-loading[data-progress="20"] .br-loading-mask.full, .loading[data-progress="20"] .br-loading-fill, .loading[data-progress="20"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(36deg);
}

.br-loading[data-progress="21"] .br-loading-fill, .br-loading[data-progress="21"] .br-loading-mask.full, .loading[data-progress="21"] .br-loading-fill, .loading[data-progress="21"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(37.8deg);
}

.br-loading[data-progress="22"] .br-loading-fill, .br-loading[data-progress="22"] .br-loading-mask.full, .loading[data-progress="22"] .br-loading-fill, .loading[data-progress="22"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(39.6deg);
}

.br-loading[data-progress="23"] .br-loading-fill, .br-loading[data-progress="23"] .br-loading-mask.full, .loading[data-progress="23"] .br-loading-fill, .loading[data-progress="23"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(41.4deg);
}

.br-loading[data-progress="24"] .br-loading-fill, .br-loading[data-progress="24"] .br-loading-mask.full, .loading[data-progress="24"] .br-loading-fill, .loading[data-progress="24"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(43.2deg);
}

.br-loading[data-progress="25"] .br-loading-fill, .br-loading[data-progress="25"] .br-loading-mask.full, .loading[data-progress="25"] .br-loading-fill, .loading[data-progress="25"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(45deg);
}

.br-loading[data-progress="26"] .br-loading-fill, .br-loading[data-progress="26"] .br-loading-mask.full, .loading[data-progress="26"] .br-loading-fill, .loading[data-progress="26"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(46.8deg);
}

.br-loading[data-progress="27"] .br-loading-fill, .br-loading[data-progress="27"] .br-loading-mask.full, .loading[data-progress="27"] .br-loading-fill, .loading[data-progress="27"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(48.6deg);
}

.br-loading[data-progress="28"] .br-loading-fill, .br-loading[data-progress="28"] .br-loading-mask.full, .loading[data-progress="28"] .br-loading-fill, .loading[data-progress="28"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(50.4deg);
}

.br-loading[data-progress="29"] .br-loading-fill, .br-loading[data-progress="29"] .br-loading-mask.full, .loading[data-progress="29"] .br-loading-fill, .loading[data-progress="29"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(52.2deg);
}

.br-loading[data-progress="30"] .br-loading-fill, .br-loading[data-progress="30"] .br-loading-mask.full, .loading[data-progress="30"] .br-loading-fill, .loading[data-progress="30"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(54deg);
}

.br-loading[data-progress="31"] .br-loading-fill, .br-loading[data-progress="31"] .br-loading-mask.full, .loading[data-progress="31"] .br-loading-fill, .loading[data-progress="31"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(55.8deg);
}

.br-loading[data-progress="32"] .br-loading-fill, .br-loading[data-progress="32"] .br-loading-mask.full, .loading[data-progress="32"] .br-loading-fill, .loading[data-progress="32"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(57.6deg);
}

.br-loading[data-progress="33"] .br-loading-fill, .br-loading[data-progress="33"] .br-loading-mask.full, .loading[data-progress="33"] .br-loading-fill, .loading[data-progress="33"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(59.4deg);
}

.br-loading[data-progress="34"] .br-loading-fill, .br-loading[data-progress="34"] .br-loading-mask.full, .loading[data-progress="34"] .br-loading-fill, .loading[data-progress="34"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(61.2deg);
}

.br-loading[data-progress="35"] .br-loading-fill, .br-loading[data-progress="35"] .br-loading-mask.full, .loading[data-progress="35"] .br-loading-fill, .loading[data-progress="35"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(63deg);
}

.br-loading[data-progress="36"] .br-loading-fill, .br-loading[data-progress="36"] .br-loading-mask.full, .loading[data-progress="36"] .br-loading-fill, .loading[data-progress="36"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(64.8deg);
}

.br-loading[data-progress="37"] .br-loading-fill, .br-loading[data-progress="37"] .br-loading-mask.full, .loading[data-progress="37"] .br-loading-fill, .loading[data-progress="37"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(66.6deg);
}

.br-loading[data-progress="38"] .br-loading-fill, .br-loading[data-progress="38"] .br-loading-mask.full, .loading[data-progress="38"] .br-loading-fill, .loading[data-progress="38"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(68.4deg);
}

.br-loading[data-progress="39"] .br-loading-fill, .br-loading[data-progress="39"] .br-loading-mask.full, .loading[data-progress="39"] .br-loading-fill, .loading[data-progress="39"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(70.2deg);
}

.br-loading[data-progress="40"] .br-loading-fill, .br-loading[data-progress="40"] .br-loading-mask.full, .loading[data-progress="40"] .br-loading-fill, .loading[data-progress="40"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(72deg);
}

.br-loading[data-progress="41"] .br-loading-fill, .br-loading[data-progress="41"] .br-loading-mask.full, .loading[data-progress="41"] .br-loading-fill, .loading[data-progress="41"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(73.8deg);
}

.br-loading[data-progress="42"] .br-loading-fill, .br-loading[data-progress="42"] .br-loading-mask.full, .loading[data-progress="42"] .br-loading-fill, .loading[data-progress="42"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(75.6deg);
}

.br-loading[data-progress="43"] .br-loading-fill, .br-loading[data-progress="43"] .br-loading-mask.full, .loading[data-progress="43"] .br-loading-fill, .loading[data-progress="43"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(77.4deg);
}

.br-loading[data-progress="44"] .br-loading-fill, .br-loading[data-progress="44"] .br-loading-mask.full, .loading[data-progress="44"] .br-loading-fill, .loading[data-progress="44"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(79.2deg);
}

.br-loading[data-progress="45"] .br-loading-fill, .br-loading[data-progress="45"] .br-loading-mask.full, .loading[data-progress="45"] .br-loading-fill, .loading[data-progress="45"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(81deg);
}

.br-loading[data-progress="46"] .br-loading-fill, .br-loading[data-progress="46"] .br-loading-mask.full, .loading[data-progress="46"] .br-loading-fill, .loading[data-progress="46"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(82.8deg);
}

.br-loading[data-progress="47"] .br-loading-fill, .br-loading[data-progress="47"] .br-loading-mask.full, .loading[data-progress="47"] .br-loading-fill, .loading[data-progress="47"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(84.6deg);
}

.br-loading[data-progress="48"] .br-loading-fill, .br-loading[data-progress="48"] .br-loading-mask.full, .loading[data-progress="48"] .br-loading-fill, .loading[data-progress="48"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(86.4deg);
}

.br-loading[data-progress="49"] .br-loading-fill, .br-loading[data-progress="49"] .br-loading-mask.full, .loading[data-progress="49"] .br-loading-fill, .loading[data-progress="49"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(88.2deg);
}

.br-loading[data-progress="50"] .br-loading-fill, .br-loading[data-progress="50"] .br-loading-mask.full, .loading[data-progress="50"] .br-loading-fill, .loading[data-progress="50"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(90deg);
}

.br-loading[data-progress="51"] .br-loading-fill, .br-loading[data-progress="51"] .br-loading-mask.full, .loading[data-progress="51"] .br-loading-fill, .loading[data-progress="51"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(91.8deg);
}

.br-loading[data-progress="52"] .br-loading-fill, .br-loading[data-progress="52"] .br-loading-mask.full, .loading[data-progress="52"] .br-loading-fill, .loading[data-progress="52"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(93.6deg);
}

.br-loading[data-progress="53"] .br-loading-fill, .br-loading[data-progress="53"] .br-loading-mask.full, .loading[data-progress="53"] .br-loading-fill, .loading[data-progress="53"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(95.4deg);
}

.br-loading[data-progress="54"] .br-loading-fill, .br-loading[data-progress="54"] .br-loading-mask.full, .loading[data-progress="54"] .br-loading-fill, .loading[data-progress="54"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(97.2deg);
}

.br-loading[data-progress="55"] .br-loading-fill, .br-loading[data-progress="55"] .br-loading-mask.full, .loading[data-progress="55"] .br-loading-fill, .loading[data-progress="55"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(99deg);
}

.br-loading[data-progress="56"] .br-loading-fill, .br-loading[data-progress="56"] .br-loading-mask.full, .loading[data-progress="56"] .br-loading-fill, .loading[data-progress="56"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(100.8deg);
}

.br-loading[data-progress="57"] .br-loading-fill, .br-loading[data-progress="57"] .br-loading-mask.full, .loading[data-progress="57"] .br-loading-fill, .loading[data-progress="57"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(102.6deg);
}

.br-loading[data-progress="58"] .br-loading-fill, .br-loading[data-progress="58"] .br-loading-mask.full, .loading[data-progress="58"] .br-loading-fill, .loading[data-progress="58"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(104.4deg);
}

.br-loading[data-progress="59"] .br-loading-fill, .br-loading[data-progress="59"] .br-loading-mask.full, .loading[data-progress="59"] .br-loading-fill, .loading[data-progress="59"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(106.2deg);
}

.br-loading[data-progress="60"] .br-loading-fill, .br-loading[data-progress="60"] .br-loading-mask.full, .loading[data-progress="60"] .br-loading-fill, .loading[data-progress="60"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(108deg);
}

.br-loading[data-progress="61"] .br-loading-fill, .br-loading[data-progress="61"] .br-loading-mask.full, .loading[data-progress="61"] .br-loading-fill, .loading[data-progress="61"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(109.8deg);
}

.br-loading[data-progress="62"] .br-loading-fill, .br-loading[data-progress="62"] .br-loading-mask.full, .loading[data-progress="62"] .br-loading-fill, .loading[data-progress="62"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.31turn);
}

.br-loading[data-progress="63"] .br-loading-fill, .br-loading[data-progress="63"] .br-loading-mask.full, .loading[data-progress="63"] .br-loading-fill, .loading[data-progress="63"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(113.4deg);
}

.br-loading[data-progress="64"] .br-loading-fill, .br-loading[data-progress="64"] .br-loading-mask.full, .loading[data-progress="64"] .br-loading-fill, .loading[data-progress="64"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.32turn);
}

.br-loading[data-progress="65"] .br-loading-fill, .br-loading[data-progress="65"] .br-loading-mask.full, .loading[data-progress="65"] .br-loading-fill, .loading[data-progress="65"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(117deg);
}

.br-loading[data-progress="66"] .br-loading-fill, .br-loading[data-progress="66"] .br-loading-mask.full, .loading[data-progress="66"] .br-loading-fill, .loading[data-progress="66"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.33turn);
}

.br-loading[data-progress="67"] .br-loading-fill, .br-loading[data-progress="67"] .br-loading-mask.full, .loading[data-progress="67"] .br-loading-fill, .loading[data-progress="67"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(120.6deg);
}

.br-loading[data-progress="68"] .br-loading-fill, .br-loading[data-progress="68"] .br-loading-mask.full, .loading[data-progress="68"] .br-loading-fill, .loading[data-progress="68"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.34turn);
}

.br-loading[data-progress="69"] .br-loading-fill, .br-loading[data-progress="69"] .br-loading-mask.full, .loading[data-progress="69"] .br-loading-fill, .loading[data-progress="69"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(124.2deg);
}

.br-loading[data-progress="70"] .br-loading-fill, .br-loading[data-progress="70"] .br-loading-mask.full, .loading[data-progress="70"] .br-loading-fill, .loading[data-progress="70"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(126deg);
}

.br-loading[data-progress="71"] .br-loading-fill, .br-loading[data-progress="71"] .br-loading-mask.full, .loading[data-progress="71"] .br-loading-fill, .loading[data-progress="71"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(127.8deg);
}

.br-loading[data-progress="72"] .br-loading-fill, .br-loading[data-progress="72"] .br-loading-mask.full, .loading[data-progress="72"] .br-loading-fill, .loading[data-progress="72"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.36turn);
}

.br-loading[data-progress="73"] .br-loading-fill, .br-loading[data-progress="73"] .br-loading-mask.full, .loading[data-progress="73"] .br-loading-fill, .loading[data-progress="73"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(131.4deg);
}

.br-loading[data-progress="74"] .br-loading-fill, .br-loading[data-progress="74"] .br-loading-mask.full, .loading[data-progress="74"] .br-loading-fill, .loading[data-progress="74"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.37turn);
}

.br-loading[data-progress="75"] .br-loading-fill, .br-loading[data-progress="75"] .br-loading-mask.full, .loading[data-progress="75"] .br-loading-fill, .loading[data-progress="75"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(135deg);
}

.br-loading[data-progress="76"] .br-loading-fill, .br-loading[data-progress="76"] .br-loading-mask.full, .loading[data-progress="76"] .br-loading-fill, .loading[data-progress="76"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.38turn);
}

.br-loading[data-progress="77"] .br-loading-fill, .br-loading[data-progress="77"] .br-loading-mask.full, .loading[data-progress="77"] .br-loading-fill, .loading[data-progress="77"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(138.6deg);
}

.br-loading[data-progress="78"] .br-loading-fill, .br-loading[data-progress="78"] .br-loading-mask.full, .loading[data-progress="78"] .br-loading-fill, .loading[data-progress="78"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.39turn);
}

.br-loading[data-progress="79"] .br-loading-fill, .br-loading[data-progress="79"] .br-loading-mask.full, .loading[data-progress="79"] .br-loading-fill, .loading[data-progress="79"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(142.2deg);
}

.br-loading[data-progress="80"] .br-loading-fill, .br-loading[data-progress="80"] .br-loading-mask.full, .loading[data-progress="80"] .br-loading-fill, .loading[data-progress="80"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(144deg);
}

.br-loading[data-progress="81"] .br-loading-fill, .br-loading[data-progress="81"] .br-loading-mask.full, .loading[data-progress="81"] .br-loading-fill, .loading[data-progress="81"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(145.8deg);
}

.br-loading[data-progress="82"] .br-loading-fill, .br-loading[data-progress="82"] .br-loading-mask.full, .loading[data-progress="82"] .br-loading-fill, .loading[data-progress="82"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.41turn);
}

.br-loading[data-progress="83"] .br-loading-fill, .br-loading[data-progress="83"] .br-loading-mask.full, .loading[data-progress="83"] .br-loading-fill, .loading[data-progress="83"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(149.4deg);
}

.br-loading[data-progress="84"] .br-loading-fill, .br-loading[data-progress="84"] .br-loading-mask.full, .loading[data-progress="84"] .br-loading-fill, .loading[data-progress="84"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.42turn);
}

.br-loading[data-progress="85"] .br-loading-fill, .br-loading[data-progress="85"] .br-loading-mask.full, .loading[data-progress="85"] .br-loading-fill, .loading[data-progress="85"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(153deg);
}

.br-loading[data-progress="86"] .br-loading-fill, .br-loading[data-progress="86"] .br-loading-mask.full, .loading[data-progress="86"] .br-loading-fill, .loading[data-progress="86"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(154.8deg);
}

.br-loading[data-progress="87"] .br-loading-fill, .br-loading[data-progress="87"] .br-loading-mask.full, .loading[data-progress="87"] .br-loading-fill, .loading[data-progress="87"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(156.6deg);
}

.br-loading[data-progress="88"] .br-loading-fill, .br-loading[data-progress="88"] .br-loading-mask.full, .loading[data-progress="88"] .br-loading-fill, .loading[data-progress="88"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.44turn);
}

.br-loading[data-progress="89"] .br-loading-fill, .br-loading[data-progress="89"] .br-loading-mask.full, .loading[data-progress="89"] .br-loading-fill, .loading[data-progress="89"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(160.2deg);
}

.br-loading[data-progress="90"] .br-loading-fill, .br-loading[data-progress="90"] .br-loading-mask.full, .loading[data-progress="90"] .br-loading-fill, .loading[data-progress="90"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(162deg);
}

.br-loading[data-progress="91"] .br-loading-fill, .br-loading[data-progress="91"] .br-loading-mask.full, .loading[data-progress="91"] .br-loading-fill, .loading[data-progress="91"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(163.8deg);
}

.br-loading[data-progress="92"] .br-loading-fill, .br-loading[data-progress="92"] .br-loading-mask.full, .loading[data-progress="92"] .br-loading-fill, .loading[data-progress="92"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(165.6deg);
}

.br-loading[data-progress="93"] .br-loading-fill, .br-loading[data-progress="93"] .br-loading-mask.full, .loading[data-progress="93"] .br-loading-fill, .loading[data-progress="93"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(167.4deg);
}

.br-loading[data-progress="94"] .br-loading-fill, .br-loading[data-progress="94"] .br-loading-mask.full, .loading[data-progress="94"] .br-loading-fill, .loading[data-progress="94"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.47turn);
}

.br-loading[data-progress="95"] .br-loading-fill, .br-loading[data-progress="95"] .br-loading-mask.full, .loading[data-progress="95"] .br-loading-fill, .loading[data-progress="95"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(171deg);
}

.br-loading[data-progress="96"] .br-loading-fill, .br-loading[data-progress="96"] .br-loading-mask.full, .loading[data-progress="96"] .br-loading-fill, .loading[data-progress="96"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(172.8deg);
}

.br-loading[data-progress="97"] .br-loading-fill, .br-loading[data-progress="97"] .br-loading-mask.full, .loading[data-progress="97"] .br-loading-fill, .loading[data-progress="97"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(174.6deg);
}

.br-loading[data-progress="98"] .br-loading-fill, .br-loading[data-progress="98"] .br-loading-mask.full, .loading[data-progress="98"] .br-loading-fill, .loading[data-progress="98"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(.49turn);
}

.br-loading[data-progress="99"] .br-loading-fill, .br-loading[data-progress="99"] .br-loading-mask.full, .loading[data-progress="99"] .br-loading-fill, .loading[data-progress="99"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(178.2deg);
}

.br-loading[data-progress="100"] .br-loading-fill, .br-loading[data-progress="100"] .br-loading-mask.full, .loading[data-progress="100"] .br-loading-fill, .loading[data-progress="100"] .br-loading-mask.full {
  animation: 2s ease-in-out fill;
  transform: rotate(180deg);
}

@keyframes spinAround {
  0% {
    transform: rotate(0);
  }

  to {
    transform: rotate(359deg);
  }
}

@keyframes fill {
  0% {
    transform: rotate(0);
  }
}

.br-modal-body.loading {
  align-items: center;
  gap: var(--spacing-scale-base);
  text-align: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-height: 160px;
  display: flex;
}

.br-modal-body.loading:before {
  display: block;
}

.br-magic-button {
  --magic-size: var(--magic-medium);
  --magic-small: var(--spacing-scale-4xh);
  --magic-medium: var(--spacing-scale-5xh);
  --magic-large: var(--spacing-scale-6xh);
  --magic-support-size: var(--magic-support-medium);
  --magic-support-small: var(--spacing-scale-7x);
  --magic-support-medium: var(--spacing-scale-8x);
  --magic-support-large: var(--spacing-scale-9x);
  --magic-z-index: var(--z-index-layer-1);
  background-color: var(--gray-5);
  box-shadow: var(--surface-shadow-md);
  height: var(--magic-support-size);
  padding: calc((var(--magic-support-size)  - var(--magic-size)) * .5);
  border-radius: 100em;
  align-items: center;
  display: inline-flex;
}

.br-magic-button.small {
  --magic-size: var(--magic-small);
  --magic-support-size: var(--magic-support-small);
}

.br-magic-button.medium {
  --magic-size: var(--magic-medium);
  --magic-support-size: var(--magic-support-medium);
}

.br-magic-button.large {
  --magic-size: var(--magic-large);
  --magic-support-size: var(--magic-support-large);
}

.br-magic-button .fa, .br-magic-button .fab, .br-magic-button .fad, .br-magic-button .fal, .br-magic-button .far, .br-magic-button .fas, .br-magic-button .svg-inline--fa {
  --icon-size: var(--icon-size-lg);
}

.br-magic-button .br-button {
  --focus-offset: calc((var(--magic-support-size)  - var(--magic-size)) * .5 + 4px);
  --button-size: var(--magic-size);
  background-color: var(--interactive-alternative);
  color: var(--color-dark);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-semi-bold);
}

.br-magic-button .br-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--hover)), rgba(var(--color-dark-rgb), var(--hover)));
}

.br-magic-button .br-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--color-dark-rgb), var(--pressed)), rgba(var(--color-dark-rgb), var(--pressed)));
}

.br-message {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  background: var(--message-background);
  margin-bottom: var(--spacing-scale-2x);
  display: flex;
}

.br-message .content {
  color: var(--message-text);
  font-size: var(--font-size-scale-up-01);
  padding: var(--spacing-scale-3x) var(--spacing-scale-base) var(--spacing-scale-3x) var(--spacing-scale-2x);
  flex: 1;
}

.br-message .content .message-title {
  font-weight: var(--font-weight-semi-bold);
}

.br-message .content .message-body {
  font-weight: var(--font-weigth-regular);
}

.br-message .content a {
  font-weight: var(--font-weight-bold);
  text-decoration: underline;
}

.br-message .content :last-child {
  margin-bottom: 0;
}

.br-message .icon {
  color: var(--message-color-icon);
  margin: var(--spacing-vertical-center) var(--spacing-scale-2x);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  justify-content: center;
  align-items: center;
  display: flex;
}

.br-message .icon + .content {
  padding-left: 0;
}

.br-message .close {
  margin-right: var(--spacing-scale-base);
  margin-top: var(--spacing-scale-base);
}

.br-message.is-success, .br-message.success, .br-message[success] {
  --message-background: var(--success-alternative);
  --feedback-background: var(--success);
  --message-color-icon: var(--success);
}

.br-message.is-success .close .br-button, .br-message.success .close .br-button, .br-message[success] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--success-rgb);
}

.br-message.danger, .br-message.is-danger, .br-message[danger] {
  --message-background: var(--danger-alternative);
  --feedback-background: var(--danger);
  --message-color-icon: var(--danger);
}

.br-message.danger .close .br-button, .br-message.is-danger .close .br-button, .br-message[danger] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--danger-rgb);
}

.br-message.info, .br-message.is-info, .br-message[info] {
  --message-background: var(--info-alternative);
  --feedback-background: var(--info);
  --message-color-icon: var(--info);
}

.br-message.info .close .br-button, .br-message.is-info .close .br-button, .br-message[info] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--info-rgb);
}

.br-message.is-warning, .br-message.warning, .br-message[warning] {
  --message-background: var(--warning-alternative);
  --feedback-background: var(--warning);
}

.br-message.is-warning .close .br-button, .br-message.warning .close .br-button, .br-message[warning] .close .br-button {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
}

.feedback {
  --message-background: var(--background);
  --message-color-icon: var(--color);
  --feedback-background: var(--background);
  --message-text: var(--color);
  background: var(--feedback-background);
  color: var(--message-text);
  font-style: italic;
  font-weight: var(--font-weight-medium);
  padding: var(--spacing-scale-half);
  align-items: center;
  margin-bottom: 0;
  display: inline-flex;
}

.feedback .fa, .feedback .fab, .feedback .fad, .feedback .fal, .feedback .far, .feedback .fas, .feedback .svg-inline--fa {
  margin-right: var(--spacing-scale-half);
}

.feedback:not(.is-warning):not(.warning):not([warning]) {
  --message-text: var(--pure-0);
}

.feedback.is-warning, .feedback.warning, .feedback[warning] {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
}

.feedback.is-success, .feedback.success, .feedback[success] {
  --message-background: var(--success-alternative);
  --feedback-background: var(--success);
  --message-color-icon: var(--success);
}

.feedback.is-success .close .br-button, .feedback.success .close .br-button, .feedback[success] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--success-rgb);
}

.feedback.danger, .feedback.is-danger, .feedback[danger] {
  --message-background: var(--danger-alternative);
  --feedback-background: var(--danger);
  --message-color-icon: var(--danger);
}

.feedback.danger .close .br-button, .feedback.is-danger .close .br-button, .feedback[danger] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--danger-rgb);
}

.feedback.info, .feedback.is-info, .feedback[info] {
  --message-background: var(--info-alternative);
  --feedback-background: var(--info);
  --message-color-icon: var(--info);
}

.feedback.info .close .br-button, .feedback.is-info .close .br-button, .feedback[info] .close .br-button {
  --interactive: var(--message-color-icon);
  --interactive-rgb: var(--info-rgb);
}

.feedback.is-warning, .feedback.warning, .feedback[warning] {
  --message-background: var(--warning-alternative);
  --feedback-background: var(--warning);
}

.feedback.is-warning .close .br-button, .feedback.warning .close .br-button, .feedback[warning] .close .br-button {
  --interactive: var(--color);
  --interactive-rgb: var(--color-rgb);
}

.br-modal {
  --modal-size: var(--modal-medium);
  --modal-xsmall: 220px;
  --modal-small: 300px;
  --modal-medium: 500px;
  --modal-large: 640px;
  --modal-auto: auto;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
  max-width: var(--modal-size);
  z-index: var(--z-index-layer-4);
  flex-direction: column;
  display: flex;
}

.br-modal-header {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-scale-2x) var(--spacing-scale-2x) 0;
  position: relative;
}

.br-modal-header .close {
  right: var(--spacing-scale-base);
  top: var(--spacing-scale-base);
  position: absolute;
}

.br-modal .modal-title {
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-bold);
  max-height: calc(var(--font-size-scale-up-01) * 3);
  text-overflow: ellipsis;
  margin-right: 40px;
  overflow: hidden;
}

.br-modal-body {
  margin: var(--spacing-scale-3x) 0 var(--spacing-scale-2x);
  padding: 0 var(--spacing-scale-2x);
  flex: 1;
  width: auto;
  overflow: auto;
}

.br-modal-body::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-modal-body::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-modal-body::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-modal-body:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-modal-body > :last-child {
  margin-bottom: 0;
}

.br-modal-footer {
  padding: var(--spacing-scale-2x);
  flex-wrap: wrap;
  display: flex;
}

.br-modal.is-xsmall, .br-modal.xsmall {
  --modal-size: var(--modal-xsmall);
}

.br-modal.is-small, .br-modal.small {
  --modal-size: var(--modal-small);
}

.br-modal.is-medium, .br-modal.medium {
  --modal-size: var(--modal-medium);
}

.br-modal.is-large, .br-modal.large {
  --modal-size: var(--modal-large);
}

.br-modal.auto, .br-modal.is-auto {
  --modal-size: var(--modal-auto);
}

.br-modal .loading.medium {
  min-height: calc(var(--loading-indetermined-diameter-md)  + var(--spacing-scale-2x) * 2);
}

.br-modal .terms {
  box-shadow: var(--surface-shadow-sm-inset), var(--surface-shadow-sm-inset-up);
  font-size: var(--font-size-scale-base);
  height: 216px;
  margin-bottom: var(--spacing-scale-2x);
  margin-left: calc(var(--spacing-scale-2x) * -1);
  margin-right: calc(var(--spacing-scale-2x) * -1);
  padding: var(--spacing-scale-2x);
  resize: none;
  border: 0;
  width: auto;
  overflow: auto;
}

.br-modal .terms::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-modal .terms::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-modal .terms::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-modal .terms:active {
  outline: none;
}

.br-modal .terms:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}

@media (width <= 991px) {
  .br-modal .terms {
    margin-left: unset !important;
    margin-right: unset !important;
  }

  .br-modal-header .close {
    top: 0;
  }
}

.br-notification {
  --notification-padding: var(--spacing-scale-2x) var(--spacing-scale-4x);
  --notification-width: 50vw;
  --notification-height: calc(100vh - 86px);
  background: var(--background);
  box-shadow: var(--surface-shadow-md);
  max-height: var(--notification-height);
  max-width: var(--notification-width);
  z-index: 1;
  overflow: auto;
}

@media (width <= 576px) {
  .br-notification {
    --item-padding-x: var(--spacing-scale-2x);
    --item-padding-y: var(--spacing-scale-base);
    --item-padding: var(--item-padding-y) var(--item-padding-x);
    --notification-padding: var(--item-padding);
    --notification-width: 100vw;
    min-height: var(--notification-height);
    overflow: hidden;
  }

  .br-notification .br-tab {
    --tab-size: var(--tab-small);
  }

  .br-notification .br-tab .tab-content {
    --notification-height: calc(100vh - 86px);
    height: var(--notification-height);
    overflow-x: auto;
  }

  .br-notification .status {
    left: var(--spacing-scale-half) !important;
    top: var(--spacing-scale-2x) !important;
  }

  .br-notification.close {
    display: none;
  }
}

@media (width <= 992px) {
  .br-notification.close {
    display: none;
  }
}

@media (width >= 992px) {
  .br-notification div.close {
    display: none;
  }
}

.br-notification .notification-header {
  border-bottom: 1px solid var(--border-color);
  padding: var(--notification-padding);
}

.br-notification .notification-header :last-child {
  margin-bottom: 0;
}

.br-notification .notification-body .br-tab .tab-item {
  padding: 0;
}

.br-notification .notification-body .br-tab .tab-content {
  overflow-y: auto;
}

.br-notification .notification-body .br-tab .tab-content .br-item {
  --interactive-rgb: var(--rgb-secondary-08);
  --item-color: var(--text-color);
  padding: var(--notification-padding);
  white-space: normal;
  position: relative;
}

.br-notification .notification-body .br-tab .tab-content .br-item .status {
  left: var(--spacing-scale-base);
  top: var(--spacing-scale-3x);
  position: absolute;
}

.br-notification .notification-body .br-tab .tab-content .br-item span {
  display: block;
}

.br-pagination {
  --pagination-margin: var(--spacing-scale-base);
  --pagination-select-width: 88px;
  --pagination-size: var(--pagination-medium);
  --pagination-small: 24px;
  --pagination-medium: 32px;
  --pagination-large: 40px;
  color: var(--color);
  font-weight: var(--font-weight);
  flex-wrap: wrap;
  justify-content: center;
  display: flex;
}

.br-pagination ul {
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.br-pagination li {
  padding: 0;
}

.br-pagination.dark-mode .br-select .br-item label, .br-pagination.dark-mode .page {
  color: var(--color-dark);
}

.br-pagination .page:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-pagination .page {
  color: var(--interactive);
  margin: 0 calc(var(--pagination-margin) * .5);
  min-height: var(--pagination-size);
  min-width: var(--pagination-size);
  padding: 0 var(--spacing-scale-base);
  white-space: nowrap;
  border: 1px solid #0000;
  border-radius: 100em;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.br-pagination .page.active {
  background: var(--active);
  color: var(--color-dark);
  font-weight: var(--font-weight-semi-bold);
}

.br-pagination .pagination-ellipsis {
  margin: 0 calc(var(--pagination-margin) * .5);
  position: relative;
}

.br-pagination .pagination-ellipsis .br-button {
  --button-size: var(--pagination-size);
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-pagination .pagination-ellipsis .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-pagination .pagination-ellipsis .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-pagination .pagination-ellipsis .br-list {
  min-width: 4em;
  max-height: 220px;
  z-index: var(--z-index-layer-1);
  overflow-y: auto;
}

.br-pagination.small {
  --pagination-size: var(--pagination-small);
}

.br-pagination.medium {
  --pagination-size: var(--pagination-medium);
}

.br-pagination.large {
  --pagination-size: var(--pagination-large);
}

.br-pagination .pagination-go-to-page, .br-pagination .pagination-go-to-page .br-input, .br-pagination .pagination-information, .br-pagination .pagination-per-page, .br-pagination .pagination-per-page .br-input {
  align-items: center;
  display: flex;
}

.br-pagination .pagination-go-to-page .br-input label, .br-pagination .pagination-per-page .br-input label {
  font-weight: var(--font-weight-regular);
  margin-bottom: 0;
  margin-right: var(--spacing-scale-base);
  padding-bottom: 0;
}

.br-pagination .pagination-go-to-page .br-input input, .br-pagination .pagination-per-page .br-input input {
  --input-size: var(--pagination-medium);
  padding-left: var(--spacing-scale-base);
  padding-right: calc(var(--spacing-scale-baseh)  + 32px);
  text-align: right;
  width: var(--pagination-select-width);
}

.br-pagination .pagination-go-to-page .br-input input:not(:focus), .br-pagination .pagination-per-page .br-input input:not(:focus) {
  border-color: #0000;
}

.br-pagination .pagination-go-to-page .br-list, .br-pagination .pagination-per-page .br-list {
  width: auto;
  min-width: 5em;
  right: 0;
}

.br-pagination .pagination-arrows {
  align-items: center;
  display: flex;
}

.br-pagination .br-select .br-input .br-button {
  bottom: auto;
  right: var(--spacing-scale-half);
  margin-top: 0;
  position: absolute;
  top: auto;
  transform: none;
}

.br-pagination .br-divider {
  border-right-width: var(--divider-size);
  border-top: 0;
}

.br-pagination.dark-mode, .br-pagination.inverted {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-pagination.dark-mode.dark-mode .br-input, .br-pagination.dark-mode.dark-mode .br-input label, .br-pagination.dark-mode.inverted .br-input, .br-pagination.dark-mode.inverted .br-input label, .br-pagination.inverted.dark-mode .br-input, .br-pagination.inverted.dark-mode .br-input label, .br-pagination.inverted.inverted .br-input, .br-pagination.inverted.inverted .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-pagination.dark-mode .page.active, .br-pagination.inverted .page.active {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}

.br-pagination .input-group .input-icon {
  display: none;
}

.br-scrim.foco {
  background: var(--surface-overlay-scrim);
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0;
}

.br-scrim.foco .br-modal {
  z-index: 1000;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: auto;
  transform: translate(-50%, -50%);
}

.br-scrim.foco.active {
  display: block;
}

.br-scrim.inibicao {
  position: relative;
}

.br-scrim.inibicao:before {
  background: var(--surface-overlay-scrim);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.br-scrim.legibilidade {
  position: relative;
}

.br-scrim.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.br-scrim-util.foco {
  background: var(--surface-overlay-scrim);
  z-index: 999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  inset: 0;
}

.br-scrim-util.foco .br-modal {
  z-index: 1000;
  max-height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: auto;
  transform: translate(-50%, -50%);
}

.br-scrim-util.foco.active {
  display: block;
}

.br-scrim-util.inibicao {
  position: relative;
}

.br-scrim-util.inibicao:before {
  background: var(--surface-overlay-scrim);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.br-scrim-util.legibilidade {
  position: relative;
}

.br-scrim-util.legibilidade .scrim-text {
  background: var(--surface-overlay-text);
  padding: var(--spacing-scale-3x) var(--spacing-scale-baseh);
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.br-select {
  --select-divider: 1px solid var(--color-secondary-04);
  --select-shadow: var(--surface-shadow-md);
}

.br-select .br-input input {
  text-overflow: ellipsis;
  padding-right: 29px;
}

.br-select .br-input input:after {
  padding: 0 5px;
  position: absolute;
  bottom: 0;
  right: 0;
}

.br-select {
  min-width: 100px;
  max-width: 400px;
  position: relative;
}

.br-select .br-list {
  background: var(--bg-color);
  box-shadow: var(--select-shadow);
  resize: none;
  z-index: 1;
  width: 100%;
  max-height: 404px;
  margin-top: -2px;
  display: none;
  position: absolute;
  overflow: auto;
}

.br-select .br-list::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-select .br-list::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-select .br-list::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-select .br-list:active, .br-select .br-list:focus {
  color: var(--color-secondary-09);
  outline: none;
}

.br-select .br-list:hover::-webkit-scrollbar-thumb {
  background: var(--color-secondary-07);
}

.br-select .br-list[expanded] {
  display: block;
}

.br-select .br-item {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--interactive-light-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  --item-padding-y: var(--spacing-scale-2x);
}

.br-select .br-item .content {
  padding: 0;
}

.br-select .br-item .br-checkbox, .br-select .br-item .br-radio {
  --item-padding-x: var(--spacing-scale-2x);
  --item-padding-y: var(--spacing-scale-2x);
}

.br-select .br-item .br-checkbox input:hover:not(:disabled) + label:before, .br-select .br-item .br-radio input:hover:not(:disabled) + label:before {
  background-image: none;
}

.br-select .br-item .br-checkbox input + label, .br-select .br-item .br-radio input + label {
  padding-left: calc(var(--checkbox-padding)  + var(--checkbox-size)  + var(--item-padding-x));
}

.br-select .br-item .br-radio input + label {
  color: var(--text-color);
  height: auto;
  min-height: 0;
  padding: var(--item-padding);
  display: block;
}

.br-select .br-item .br-radio input + label:after, .br-select .br-item .br-radio input + label:before {
  content: none;
}

.br-select .br-item:not(:last-child) {
  border-bottom: var(--select-divider);
}

.br-select .br-item:not([disabled]) {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
}

.br-select .br-item:not([disabled]):focus {
  outline: none;
}

.br-select .br-item:not([disabled]).focus-visible, .br-select .br-item:not([disabled]):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-select .br-item:not([disabled]):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-select .br-item.selected, .br-select .br-item[selected] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-select .br-item.selected:focus, .br-select .br-item[selected]:focus {
  outline: none;
}

.br-select .br-item.selected.focus-visible, .br-select .br-item.selected:focus-visible, .br-select .br-item[selected].focus-visible, .br-select .br-item[selected]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-select .br-item.selected:not(:disabled):hover, .br-select .br-item[selected]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-select .br-item.disabled {
  line-height: calc(var(--font-line-height-high) * 2);
  padding-left: calc(var(--item-padding)  + var(--spacing-scale-base));
}

.br-select .br-item.highlighted, .br-select .br-item[highlighted] {
  background-color: var(--gray-2);
  padding-bottom: var(--spacing-scale-base);
  padding-top: var(--spacing-scale-base);
}

.br-select .br-item.highlighted .br-checkbox label, .br-select .br-item.highlighted .br-radio label, .br-select .br-item[highlighted] .br-checkbox label, .br-select .br-item[highlighted] .br-radio label {
  font-weight: var(--font-weight-semi-bold);
}

.br-select .br-item.highlighted .br-checkbox:hover, .br-select .br-item.highlighted .br-radio:hover, .br-select .br-item[highlighted] .br-checkbox:hover, .br-select .br-item[highlighted] .br-radio:hover {
  background: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-select .br-item.highlighted .br-checkbox:hover label, .br-select .br-item.highlighted .br-radio:hover label, .br-select .br-item[highlighted] .br-checkbox:hover label, .br-select .br-item[highlighted] .br-radio:hover label {
  color: var(--text-color);
}

.br-select .br-item.highlighted.selected, .br-select .br-item.highlighted[selected], .br-select .br-item[highlighted].selected, .br-select .br-item[highlighted][selected] {
  background-color: var(--selected);
}

.br-select.dark-mode .br-input, .br-select.dark-mode .br-input label, .br-select.inverted .br-input, .br-select.inverted .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-button.sign-in, .br-sign-in {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  border-radius: var(--button-radius);
  color: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  height: var(--button-size);
  padding: 0 var(--spacing-scale-3x);
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  justify-content: center;
  align-items: center;
  width: auto;
  display: inline-flex;
  position: relative;
  overflow: hidden;
}

.br-button.sign-in.block, .br-sign-in.block {
  width: 100%;
}

@media (width >= 576px) {
  .br-button.sign-in.block-sm, .br-sign-in.block-sm {
    width: 100%;
  }

  .br-button.sign-in.auto-sm, .br-sign-in.auto-sm {
    width: auto;
  }
}

@media (width >= 992px) {
  .br-button.sign-in.block-md, .br-sign-in.block-md {
    width: 100%;
  }

  .br-button.sign-in.auto-md, .br-sign-in.auto-md {
    width: auto;
  }
}

@media (width >= 1280px) {
  .br-button.sign-in.block-lg, .br-sign-in.block-lg {
    width: 100%;
  }

  .br-button.sign-in.auto-lg, .br-sign-in.auto-lg {
    width: auto;
  }
}

@media (width >= 1600px) {
  .br-button.sign-in.block-xl, .br-sign-in.block-xl {
    width: 100%;
  }

  .br-button.sign-in.auto-xl, .br-sign-in.auto-xl {
    width: auto;
  }
}

.br-button.sign-in.circle, .br-button.sign-in.is-circle, .br-button.sign-in[circle], .br-sign-in.circle, .br-sign-in.is-circle, .br-sign-in[circle] {
  width: var(--button-size);
  border-radius: 50%;
  padding: 0;
}

.br-button.sign-in.is-xsmall, .br-button.sign-in.xsmall, .br-button.sign-in[xsmall], .br-sign-in.is-xsmall, .br-sign-in.xsmall, .br-sign-in[xsmall] {
  --button-size: var(--button-xsmall);
}

.br-button.sign-in.is-small, .br-button.sign-in.small, .br-button.sign-in[small], .br-sign-in.is-small, .br-sign-in.small, .br-sign-in[small] {
  --button-size: var(--button-small);
}

.br-button.sign-in.is-medium, .br-button.sign-in.medium, .br-button.sign-in[medium], .br-sign-in.is-medium, .br-sign-in.medium, .br-sign-in[medium] {
  --button-size: var(--button-medium);
}

.br-button.sign-in.is-large, .br-button.sign-in.large, .br-button.sign-in[large], .br-sign-in.is-large, .br-sign-in.large, .br-sign-in[large] {
  --button-size: var(--button-large);
}

.br-button.sign-in.is-primary, .br-button.sign-in.primary, .br-button.sign-in[primary], .br-sign-in.is-primary, .br-sign-in.primary, .br-sign-in[primary] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
}

.br-button.sign-in.is-secondary, .br-button.sign-in.secondary, .br-button.sign-in[secondary], .br-sign-in.is-secondary, .br-sign-in.secondary, .br-sign-in[secondary] {
  background-color: var(--background-light);
  border: 1px solid var(--interactive);
}

.br-button.sign-in.danger, .br-button.sign-in.is-danger, .br-button.sign-in[danger], .br-sign-in.danger, .br-sign-in.is-danger, .br-sign-in[danger] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--danger);
  color: var(--color-dark);
}

.br-button.sign-in.is-success, .br-button.sign-in.success, .br-button.sign-in[success], .br-sign-in.is-success, .br-sign-in.success, .br-sign-in[success] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--success);
  color: var(--color-dark);
}

.br-button.sign-in.is-warning, .br-button.sign-in.warning, .br-button.sign-in[warning], .br-sign-in.is-warning, .br-sign-in.warning, .br-sign-in[warning] {
  --interactive-rgb: var(--color-light-rgb);
  background-color: var(--warning);
  color: var(--color-light);
}

.br-button.sign-in.info, .br-button.sign-in.is-info, .br-button.sign-in[info], .br-sign-in.info, .br-sign-in.is-info, .br-sign-in[info] {
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--info);
  color: var(--color-dark);
}

.br-button.sign-in:disabled, .br-sign-in:disabled {
  cursor: not-allowed;
}

.br-button.sign-in:not(:disabled), .br-sign-in:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}

.br-button.sign-in:not(:disabled):focus, .br-sign-in:not(:disabled):focus {
  outline: none;
}

.br-button.sign-in:not(:disabled).focus-visible, .br-button.sign-in:not(:disabled):focus-visible, .br-sign-in:not(:disabled).focus-visible, .br-sign-in:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-button.sign-in:not(:disabled):not(:disabled):hover, .br-sign-in:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-button.sign-in:not(:disabled):not(:disabled):active, .br-sign-in:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

.br-button.sign-in.active, .br-button.sign-in.is-active, .br-button.sign-in[active], .br-sign-in.active, .br-sign-in.is-active, .br-sign-in[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}

.br-button.sign-in.loading, .br-sign-in.loading {
  cursor: progress;
  color: #0000 !important;
}

.br-button.sign-in.loading:not(:disabled):hover, .br-sign-in.loading:not(:disabled):hover {
  background-image: none;
}

.br-button.sign-in.loading:before, .br-sign-in.loading:before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}

.br-button.sign-in.loading.danger:before, .br-button.sign-in.loading.info:before, .br-button.sign-in.loading.primary:before, .br-button.sign-in.loading.success:before, .br-sign-in.loading.danger:before, .br-sign-in.loading.info:before, .br-sign-in.loading.primary:before, .br-sign-in.loading.success:before {
  border-color: var(--background) var(--background) transparent;
}

.br-button.sign-in.dark-mode, .br-button.sign-in.inverted, .br-button.sign-in.is-inverted, .br-button.sign-in[inverted], .br-sign-in.dark-mode, .br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted] {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  color: var(--interactive-dark);
}

.br-button.sign-in.dark-mode.is-primary, .br-button.sign-in.dark-mode.primary, .br-button.sign-in.dark-mode[primary], .br-button.sign-in.inverted.is-primary, .br-button.sign-in.inverted.primary, .br-button.sign-in.inverted[primary], .br-button.sign-in.is-inverted.is-primary, .br-button.sign-in.is-inverted.primary, .br-button.sign-in.is-inverted[primary], .br-button.sign-in[inverted].is-primary, .br-button.sign-in[inverted].primary, .br-button.sign-in[inverted][primary], .br-sign-in.dark-mode.is-primary, .br-sign-in.dark-mode.primary, .br-sign-in.dark-mode[primary], .br-sign-in.inverted.is-primary, .br-sign-in.inverted.primary, .br-sign-in.inverted[primary], .br-sign-in.is-inverted.is-primary, .br-sign-in.is-inverted.primary, .br-sign-in.is-inverted[primary], .br-sign-in[inverted].is-primary, .br-sign-in[inverted].primary, .br-sign-in[inverted][primary] {
  --interactive-rgb: var(--background-dark-rgb);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}

.br-button.sign-in.dark-mode.is-secondary, .br-button.sign-in.dark-mode.secondary, .br-button.sign-in.dark-mode[secondary], .br-button.sign-in.inverted.is-secondary, .br-button.sign-in.inverted.secondary, .br-button.sign-in.inverted[secondary], .br-button.sign-in.is-inverted.is-secondary, .br-button.sign-in.is-inverted.secondary, .br-button.sign-in.is-inverted[secondary], .br-button.sign-in[inverted].is-secondary, .br-button.sign-in[inverted].secondary, .br-button.sign-in[inverted][secondary], .br-sign-in.dark-mode.is-secondary, .br-sign-in.dark-mode.secondary, .br-sign-in.dark-mode[secondary], .br-sign-in.inverted.is-secondary, .br-sign-in.inverted.secondary, .br-sign-in.inverted[secondary], .br-sign-in.is-inverted.is-secondary, .br-sign-in.is-inverted.secondary, .br-sign-in.is-inverted[secondary], .br-sign-in[inverted].is-secondary, .br-sign-in[inverted].secondary, .br-sign-in[inverted][secondary] {
  background-color: var(--background-dark);
}

.br-button.sign-in.dark-mode.active, .br-button.sign-in.inverted.active, .br-button.sign-in.is-inverted.active, .br-button.sign-in[inverted].active, .br-sign-in.dark-mode.active, .br-sign-in.inverted.active, .br-sign-in.is-inverted.active, .br-sign-in[inverted].active {
  --hover: var(--hover-light);
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}

.br-button.sign-in, .br-sign-in {
  --background: var(--gray-2);
  --sign-in-img: 20px;
  background-color: var(--background);
  padding: 0 var(--spacing-scale-2x);
}

.br-button.sign-in img, .br-sign-in img {
  max-height: var(--sign-in-img);
}

.br-button.sign-in.dark-mode, .br-button.sign-in.inverted, .br-button.sign-in.is-inverted, .br-button.sign-in[inverted], .br-sign-in.dark-mode, .br-sign-in.inverted, .br-sign-in.is-inverted, .br-sign-in[inverted] {
  --background: var(--background-dark);
}

.br-skiplink {
  --skiplink-layer: var(--z-index-layer-4);
  --skiplink-margin: var(--spacing-scale-2x);
  --skiplink-min-width: 300px;
  --skiplink-shadow: var(--surface-shadow-lg);
  --skiplink-duration: .15s;
  --skiplink-timing-function: ease-out;
  left: var(--skiplink-margin);
  z-index: var(--skiplink-layer);
  flex-direction: column;
  display: inline-flex;
  position: fixed;
  top: 0;
}

.br-skiplink a {
  background-color: var(--background);
  box-shadow: var(--skiplink-shadow);
  min-width: var(--skiplink-min-width);
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
  white-space: nowrap;
  align-items: center;
  width: auto;
  display: inline-flex;
  position: absolute;
  top: -100vh;
}

.br-skiplink a:focus, .br-skiplink a:focus-visible {
  top: 0;
}

.br-skiplink .br-tag {
  background: var(--interactive);
}

.br-skiplink.full {
  box-shadow: var(--skiplink-shadow);
  transition: top var(--skiplink-duration) var(--skiplink-timing-function);
  flex-direction: row;
  top: -100vh;
}

.br-skiplink.full a {
  box-shadow: none;
  min-width: 0;
  position: relative;
  top: 0;
}

.br-skiplink.full:focus-within {
  top: 0;
}

.br-step {
  --step-empty: 16px;
  --step-empty-border: 4px;
  --step-line: 1px;
  --step-size: var(--step-medium);
  --step-small: 32px;
  --step-medium: 40px;
  --step-large: 48px;
  --step-simple-size: var(--step-simple-medium);
  --step-simple-medium: 8px;
  --step-simple-large: 12px;
  --step-alert-success-icon: "";
  --step-alert-warning-icon: "";
  --step-alert-info-icon: "";
  --step-alert-danger-icon: "";
  padding: var(--spacing-scale-base);
  display: flex;
}

.br-step .step-progress {
  flex-grow: 1;
  display: flex;
}

.br-step.vertical, .br-step.vertical .step-progress {
  flex-direction: column;
}

.br-step .step-progress-btn {
  min-height: var(--step-size);
  background-color: #0000;
  border: 0;
  flex-grow: 1;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
}

.br-step[data-label="left"] .step-progress-btn {
  justify-content: end;
}

.br-step.vertical .step-progress-btn, .br-step[data-label="right"] .step-progress-btn {
  justify-content: start;
}

.br-step.vertical[data-label="left"] .step-progress-btn {
  justify-content: end;
}

.br-step.vertical[data-label="right"] .step-progress-btn {
  justify-content: start;
}

.br-step .step-progress-btn:before {
  background-color: var(--background);
  border: var(--step-line) solid var(--interactive);
  content: attr(step-num);
  font-size: var(--font-size-scale-up-03);
  font-weight: var(--font-weight-medium);
  z-index: 2;
  border-radius: 50%;
  margin: auto;
  left: 0;
  right: 0;
}

.br-step .step-icon, .br-step .step-progress-btn:before {
  color: var(--interactive);
  height: var(--step-size);
  width: var(--step-size);
  justify-content: center;
  align-items: center;
  display: inline-flex;
  position: absolute;
}

.br-step .step-icon {
  z-index: 4;
}

.br-step .step-alert {
  color: var(--color-dark);
  height: var(--font-size-scale-up-04);
  width: var(--font-size-scale-up-04);
  z-index: 4;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.br-step .step-alert:after {
  font-family: "Font Awesome 5 Free";
  font-size: var(--font-size-scale-up-01);
  font-weight: 900;
  display: flex;
}

.br-step[data-label="bottom"] .step-icon, .br-step[data-label="bottom"] .step-progress-btn:before {
  top: 0;
}

.br-step[data-label="bottom"] .step-alert {
  transform: translate(calc(var(--step-size) * .5), calc(var(--step-size) * -.75));
}

.br-step[data-label="top"] .step-icon, .br-step[data-label="top"] .step-progress-btn:before {
  bottom: 0;
}

.br-step[data-label="top"] .step-alert {
  transform: translate(calc(var(--step-size) * .5), calc(var(--step-size) * .25));
}

.br-step[data-label="left"] .step-progress-btn:before {
  left: auto;
  right: 0;
}

.br-step[data-label="left"] .step-alert {
  transform: translate(calc(var(--step-size) * .4), calc(var(--step-size) * -.25));
}

.br-step[data-label="right"] .step-progress-btn:before {
  left: 0;
  right: auto;
}

.br-step[data-label="right"] .step-alert {
  transform: translate(calc(var(--step-size) * .65), calc(var(--step-size) * -.25));
}

.br-step.vertical .step-progress-btn:before {
  inset: 0 auto;
}

.br-step.vertical[data-label="left"] .step-progress-btn:before {
  right: 0;
}

.br-step.vertical[data-label="right"] .step-progress-btn:before {
  left: 0;
}

.br-step .step-progress-btn:after {
  background-color: var(--interactive);
  content: "";
  height: var(--step-line);
  z-index: 1;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
}

.br-step .step-progress-btn:first-child:after {
  left: 50%;
}

.br-step .step-progress-btn:last-child:after {
  right: 50%;
}

.br-step[data-label="bottom"] .step-progress-btn:after {
  top: calc(var(--step-size) * .5);
}

.br-step[data-label="top"] .step-progress-btn:after {
  bottom: calc(var(--step-size) * .5);
}

.br-step[data-label="left"] .step-progress-btn:after {
  left: 0;
}

.br-step[data-label="left"] .step-progress-btn:first-child:after {
  left: 100%;
}

.br-step[data-label="left"] .step-progress-btn:last-child:after, .br-step[data-label="right"] .step-progress-btn:after {
  right: 0;
}

.br-step[data-label="right"] .step-progress-btn:first-child:after {
  left: 0;
}

.br-step[data-label="right"] .step-progress-btn:last-child:after {
  right: 100%;
}

.br-step.vertical .step-progress-btn:after {
  height: auto;
  width: var(--step-line);
  inset: 0 auto;
}

.br-step.vertical .step-progress-btn:first-child:after {
  top: 50%;
  left: auto;
}

.br-step.vertical .step-progress-btn:last-child:after {
  bottom: 50%;
  right: auto;
}

.br-step.vertical[data-label="left"] .step-progress-btn:after {
  right: calc(var(--step-size) * .5);
}

.br-step.vertical[data-label="right"] .step-progress-btn:after {
  left: calc(var(--step-size) * .5);
}

.br-step .step-info {
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  display: inline-block;
}

.br-step[data-label="bottom"] .step-info {
  margin-top: var(--step-size);
  padding-top: var(--spacing-scale-2x);
}

.br-step[data-label="top"] .step-info {
  margin-bottom: var(--step-size);
  padding-bottom: var(--spacing-scale-2x);
}

.br-step[data-label="left"] .step-info {
  display: none;
}

@media (width >= 576px) {
  .br-step[data-label="left"] .step-info {
    background-color: var(--background);
    margin-right: var(--step-size);
    padding: var(--spacing-scale-2x);
    z-index: 3;
    display: inline-block;
    position: relative;
  }
}

.br-step[data-label="right"] .step-info {
  display: none;
}

@media (width >= 576px) {
  .br-step[data-label="right"] .step-info {
    background-color: var(--background);
    margin-left: var(--step-size);
    padding: var(--spacing-scale-2x);
    z-index: 3;
    display: inline-block;
    position: relative;
  }
}

.br-step.vertical[data-label="left"] .step-info {
  margin-left: 0;
  margin-right: var(--step-size);
  padding: var(--spacing-scale-2x);
  display: inline-block;
}

.br-step.vertical[data-label="right"] .step-info {
  margin-left: var(--step-size);
  padding: var(--spacing-scale-2x);
  margin-right: 0;
  display: inline-block;
}

.br-step[data-type="void"] .step-progress-btn:before {
  content: "";
  height: var(--step-empty);
  width: var(--step-empty);
}

.br-step[data-type="void"] .step-info {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.br-step[data-type="simple"], .br-step[data-type="simple"] .step-progress {
  justify-content: center;
  align-items: center;
  display: flex;
}

.br-step[data-type="simple"] .step-progress-btn {
  flex-grow: 0;
  width: 24px;
}

.br-step[data-type="simple"] .step-progress-btn:before {
  background-color: var(--gray-20);
  border-color: var(--gray-20);
  content: "";
  height: var(--step-simple-size);
  width: var(--step-simple-size);
}

.br-step[data-type="simple"] .step-progress-btn:after {
  content: none;
}

.br-step[data-type="simple"] .step-info {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.br-step[data-type="text"], .br-step[data-type="text"] .step-progress {
  justify-content: center;
  align-items: center;
  display: flex;
}

.br-step[data-type="text"] .step-progress-btn {
  height: 0;
  min-height: var(--font-size-scale-base);
  width: 0;
  position: absolute;
  overflow: hidden;
}

.br-step[data-type="text"] .step-progress-btn:before {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  background-color: #0000;
  border: 0;
  width: auto;
}

.br-step[data-type="text"] .step-progress-btn:after {
  content: none;
}

.br-step[data-type="text"] .step-info {
  width: 0;
  height: 0;
  position: absolute;
  overflow: hidden;
}

.br-step[data-scroll], .br-step[scroll] {
  overflow: auto hidden;
}

.br-step[data-scroll]::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-step[scroll]::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-step[data-scroll]::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-step[scroll]::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-step[data-scroll]::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-step[scroll]::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-step[data-scroll]:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-step[scroll]:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-step[data-scroll] .step-progress-btn, .br-step[scroll] .step-progress-btn {
  min-width: 200px;
}

.br-step[data-scroll].vertical, .br-step[scroll].vertical {
  overflow: hidden auto;
}

.br-step[data-scroll].vertical .step-progress-btn, .br-step[scroll].vertical .step-progress-btn {
  min-width: auto;
  min-height: 100px;
}

.br-step .step-progress-btn[data-alert="success"], .br-step .step-progress-btn[data-alert="success"] .step-info {
  color: var(--success);
}

.br-step .step-progress-btn[data-alert="success"] .step-alert {
  background-color: var(--success);
}

.br-step .step-progress-btn[data-alert="success"] .step-alert:after {
  content: var(--step-alert-success-icon);
}

.br-step .step-progress-btn[data-alert="info"], .br-step .step-progress-btn[data-alert="info"] .step-info {
  color: var(--info);
}

.br-step .step-progress-btn[data-alert="info"] .step-alert {
  background-color: var(--info);
}

.br-step .step-progress-btn[data-alert="info"] .step-alert:after {
  content: var(--step-alert-info-icon);
}

.br-step .step-progress-btn[data-alert="warning"] {
  color: var(--color-light);
}

.br-step .step-progress-btn[data-alert="warning"] .step-info {
  color: var(--color);
}

.br-step .step-progress-btn[data-alert="warning"] .step-alert {
  background-color: var(--warning);
}

.br-step .step-progress-btn[data-alert="warning"] .step-alert:after {
  color: var(--color-light);
  content: var(--step-alert-warning-icon);
}

.br-step .step-progress-btn[data-alert="danger"], .br-step .step-progress-btn[data-alert="danger"] .step-info {
  color: var(--danger);
}

.br-step .step-progress-btn[data-alert="danger"] .step-alert {
  background-color: var(--danger);
}

.br-step .step-progress-btn[data-alert="danger"] .step-alert:after {
  content: var(--step-alert-danger-icon);
}

.br-step .step-progress-btn.active:before, .br-step .step-progress-btn[active]:before {
  background-color: var(--active);
  border-color: var(--active);
  color: var(--background);
}

.br-step .step-progress-btn.active .step-icon, .br-step .step-progress-btn[active] .step-icon {
  color: var(--background);
}

.br-step .step-progress-btn:focus {
  outline: none;
}

.br-step .step-progress-btn.focus-visible:before, .br-step .step-progress-btn:focus-visible:before {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
  z-index: 4;
}

.br-step .step-progress-btn:hover:not(:disabled):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-step .step-progress-btn:disabled {
  opacity: 1;
}

.br-step .step-progress-btn:disabled:before {
  border-color: rgba(var(--interactive-rgb), var(--disabled));
}

.br-step .step-progress-btn:disabled .step-icon {
  color: rgba(var(--interactive-rgb), var(--disabled));
}

.br-step[data-type="void"] .step-progress-btn.active .step-alert, .br-step[data-type="void"] .step-progress-btn[active] .step-alert {
  border: var(--step-empty-border) solid var(--active);
  height: calc(var(--font-size-scale-up-04)  + var(--step-empty-border));
  width: calc(var(--font-size-scale-up-04)  + var(--step-empty-border));
}

.br-step[data-type="void"] .step-progress-btn[data-alert].focus-visible:before, .br-step[data-type="void"] .step-progress-btn[data-alert]:focus-visible:before {
  outline: none;
}

.br-step[data-type="void"] .step-progress-btn[data-alert].focus-visible .step-alert, .br-step[data-type="void"] .step-progress-btn[data-alert]:focus-visible .step-alert {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
  z-index: 4;
}

.br-step[data-type="text"] .step-progress-btn {
  cursor: default;
}

.br-step[data-type="text"] .step-progress-btn.active, .br-step[data-type="text"] .step-progress-btn[active] {
  width: auto;
  height: auto;
  position: static;
}

.br-step[data-type="text"] .step-progress-btn.active:before, .br-step[data-type="text"] .step-progress-btn[active]:before {
  color: var(--color);
  background-color: #0000;
  border: 0;
  position: static;
}

.br-step[data-type="text"] .step-progress-btn.focus-visible:before, .br-step[data-type="text"] .step-progress-btn:focus-visible:before, .br-step[data-type="text"] .step-progress-btn:focus:before {
  outline: none;
}

.br-step[data-type="text"] .step-progress-btn:hover:before {
  background-image: none;
}

.br-step.dark-mode, .br-step.inverted {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-step.dark-mode .step-progress-btn[data-alert="success"], .br-step.dark-mode .step-progress-btn[data-alert="success"] .step-info, .br-step.inverted .step-progress-btn[data-alert="success"], .br-step.inverted .step-progress-btn[data-alert="success"] .step-info {
  color: var(--success-alternative);
}

.br-step.dark-mode .step-progress-btn[data-alert="success"] .step-alert:after, .br-step.inverted .step-progress-btn[data-alert="success"] .step-alert:after {
  content: var(--step-alert-success-icon);
}

.br-step.dark-mode .step-progress-btn[data-alert="info"], .br-step.dark-mode .step-progress-btn[data-alert="info"] .step-info, .br-step.inverted .step-progress-btn[data-alert="info"], .br-step.inverted .step-progress-btn[data-alert="info"] .step-info {
  color: var(--info-alternative);
}

.br-step.dark-mode .step-progress-btn[data-alert="info"] .step-alert:after, .br-step.inverted .step-progress-btn[data-alert="info"] .step-alert:after {
  content: var(--step-alert-info-icon);
}

.br-step.dark-mode .step-progress-btn[data-alert="warning"] .step-alert:after, .br-step.inverted .step-progress-btn[data-alert="warning"] .step-alert:after {
  content: var(--step-alert-warning-icon);
}

.br-step.dark-mode .step-progress-btn[data-alert="danger"], .br-step.dark-mode .step-progress-btn[data-alert="danger"] .step-info, .br-step.inverted .step-progress-btn[data-alert="danger"], .br-step.inverted .step-progress-btn[data-alert="danger"] .step-info {
  color: var(--danger-alternative);
}

.br-step.dark-mode .step-progress-btn[data-alert="danger"] .step-alert:after, .br-step.inverted .step-progress-btn[data-alert="danger"] .step-alert:after {
  content: var(--step-alert-danger-icon);
}

.br-step.dark-mode .step-progress-btn.active, .br-step.dark-mode .step-progress-btn[active], .br-step.inverted .step-progress-btn.active, .br-step.inverted .step-progress-btn[active] {
  color: var(--color-dark);
}

.br-step.dark-mode .step-progress-btn.active:before, .br-step.dark-mode .step-progress-btn[active]:before, .br-step.inverted .step-progress-btn.active:before, .br-step.inverted .step-progress-btn[active]:before {
  background-color: var(--background-light);
  border-color: var(--background-light);
  color: var(--active);
}

.br-step.dark-mode .step-progress-btn.active .step-icon, .br-step.dark-mode .step-progress-btn[active] .step-icon, .br-step.inverted .step-progress-btn.active .step-icon, .br-step.inverted .step-progress-btn[active] .step-icon {
  color: var(--active);
}

.br-step.dark-mode[data-type="void"] .step-progress-btn.active .step-alert, .br-step.dark-mode[data-type="void"] .step-progress-btn[active] .step-alert, .br-step.inverted[data-type="void"] .step-progress-btn.active .step-alert, .br-step.inverted[data-type="void"] .step-progress-btn[active] .step-alert {
  border-color: var(--color-dark);
}

.br-step.dark-mode[data-type="text"] .step-progress-btn:before, .br-step.inverted[data-type="text"] .step-progress-btn:before {
  color: var(--color);
  background-color: #0000;
}

.br-switch {
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium);
  --switch-height-small: 24px;
  --switch-height-medium: 30px;
  --switch-height-large: 36px;
  --switch-width-small: 40px;
  --switch-width-medium: 52px;
  --switch-width-large: 64px;
  --switch-toggle-small: 16px;
  --switch-toggle-medium: 22px;
  --switch-toggle-large: 28px;
  --switch-icon-small: var(--icon-size-xs);
  --switch-icon-medium: var(--icon-size-sm);
  --switch-icon-large: var(--icon-size-base);
  min-height: var(--switch-height);
  display: inline-flex;
}

.br-switch input {
  opacity: 0;
  position: absolute;
}

.br-switch input + label {
  color: var(--color);
  cursor: pointer;
  font-size: var(--font-size-scale-base);
  align-items: center;
  margin-bottom: 0;
  display: inline-flex;
  position: relative;
}

.br-switch input + label:before {
  background: var(--background-light);
  border: 1px solid var(--border-color);
  content: "";
  height: var(--switch-height);
  width: var(--switch-width);
  border-radius: 100em;
  position: absolute;
}

.br-switch input + label:after {
  background-color: var(--off);
  content: "";
  height: var(--switch-toggle-size);
  width: var(--switch-toggle-size);
  border-radius: 50%;
  transition: all .3s ease-in-out;
  position: absolute;
}

.br-switch input:checked + label:after {
  background-color: var(--on);
}

.br-switch input + label {
  padding-right: calc(var(--spacing-scale-2x)  + var(--switch-width));
}

.br-switch input + label:empty {
  padding-right: var(--switch-width);
}

.br-switch input + label:before {
  right: 0;
}

.br-switch input + label:after {
  right: calc(4px + var(--switch-toggle-size));
}

.br-switch input:checked + label:after {
  right: 4px;
}

.br-switch.right input + label {
  padding-left: calc(var(--spacing-scale-2x)  + var(--switch-width));
  padding-right: 0;
}

.br-switch.right input + label:before {
  left: 0;
}

.br-switch.right input + label:after {
  left: 4px;
}

.br-switch.right input:checked + label:after {
  left: calc(var(--switch-width)  - var(--switch-toggle-size)  - 4px);
}

.br-switch.top {
  min-height: calc(var(--switch-height) * 2);
}

.br-switch.top input + label {
  align-items: flex-start;
  padding-right: 0;
}

.br-switch.top input + label:before {
  bottom: 0;
  left: 0;
}

.br-switch.top input + label:after {
  bottom: 4px;
  left: 4px;
}

.br-switch.top input:checked + label:after {
  left: calc(var(--switch-width)  - var(--switch-toggle-size)  - 4px);
}

.br-switch.small {
  --switch-height: var(--switch-height-small);
  --switch-width: var(--switch-width-small);
  --switch-toggle-size: var(--switch-toggle-small);
  --switch-icon-size: var(--switch-icon-small);
}

.br-switch.medium {
  --switch-height: var(--switch-height-medium);
  --switch-width: var(--switch-width-medium);
  --switch-toggle-size: var(--switch-toggle-medium);
  --switch-icon-size: var(--switch-icon-medium);
}

.br-switch.large {
  --switch-height: var(--switch-height-large);
  --switch-width: var(--switch-width-large);
  --switch-toggle-size: var(--switch-toggle-large);
  --switch-icon-size: var(--switch-icon-large);
}

.br-switch input ~ .switch-data {
  color: var(--color);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-regular);
  align-self: center;
  margin-left: 8px;
}

.br-switch input ~ .switch-data:before {
  content: attr(data-disabled);
}

.br-switch input:checked ~ .switch-data {
  color: var(--color);
}

.br-switch input:checked ~ .switch-data:before {
  content: attr(data-enabled);
}

.br-switch.icon input + label:after {
  color: var(--color-dark);
  content: "";
  font-family: "Font Awesome 5 Free", sans-serif;
  font-size: var(--switch-icon-size);
  font-weight: var(--font-weight-black);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.br-switch.icon input:checked + label:after {
  content: "";
}

.br-switch input.focus-visible + label:before, .br-switch input:focus-visible + label:before {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.br-switch input:hover:not([disabled]):checked + label:before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--hover)), rgba(var(--on-rgb), var(--hover)));
}

.br-switch input:hover:not([disabled]):not(:checked) + label:before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--hover)), rgba(var(--off-rgb), var(--hover)));
}

.br-switch input:active:not([disabled]):checked + label:before {
  background-image: linear-gradient(rgba(var(--on-rgb), var(--pressed)), rgba(var(--on-rgb), var(--pressed)));
}

.br-switch input:active:not([disabled]):not(:checked) + label:before {
  background-image: linear-gradient(rgba(var(--off-rgb), var(--pressed)), rgba(var(--off-rgb), var(--pressed)));
}

.br-switch.dark-mode, .br-switch.dark-mode label, .br-switch.inverted, .br-switch.inverted label {
  color: var(--color-dark);
}

.br-table {
  --table-padding: var(--spacing-scale-3x);
  --table-row-size: var(--table-row-medium);
  --table-row-small: var(--spacing-scale-base);
  --table-row-medium: var(--spacing-scale-2x);
  --table-row-large: var(--spacing-scale-3x);
}

.br-table caption {
  opacity: 0;
  z-index: -1;
  position: absolute;
}

.br-table .responsive {
  overflow: auto;
}

.br-table tr:hover td.column-collapse {
  background-color: var(--background-alternative);
  background-image: none;
}

.br-table .column-collapse {
  background-color: var(--background-alternative);
  width: 40px;
}

.br-table .column-checkbox {
  width: 24px;
}

.br-table .table-header {
  position: relative;
}

.br-table .table-header.show .top-bar {
  opacity: 0;
  pointer-events: none;
}

.br-table .top-bar {
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
  align-items: center;
  display: flex;
}

.br-table .top-bar .table-title, .br-table .top-bar .title {
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-semi-bold);
  flex-grow: 1;
}

.br-table .top-bar .actions-trigger {
  margin-right: var(--spacing-scale-base);
}

.br-table .top-bar .dropdown [data-toggle="dropdown-legacy"] + *, .br-table .top-bar .dropdown [data-toggle="dropdown"] + * {
  left: auto;
  right: 0;
}

@media (width >= 576px) {
  .br-table .top-bar title {
    font-size: var(--font-size-scale-up-03);
    line-height: var(--font-line-height-medium);
  }
}

.br-table .search-bar {
  height: 56px;
  padding-left: var(--table-padding);
  padding-right: var(--spacing-scale-2x);
  align-items: center;
  display: none;
  position: absolute;
  inset: 0;
}

.br-table .search-bar.show {
  display: flex;
}

.br-table .search-bar .br-input {
  flex: 1;
}

.br-table .search-bar .br-input label {
  display: none;
}

.br-table .search-bar .br-input input {
  margin-top: 0;
  margin-bottom: 0;
}

.br-table .search-bar .br-input input + .br-button {
  --button-size: var(--button-small);
  right: var(--spacing-scale-half);
  margin-top: 0;
  position: absolute;
  top: 0;
}

.br-table .search-bar .br-input + .br-button {
  margin-left: var(--table-row-medium);
}

.br-table .selected-bar, .br-table .selection-bar {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
  --table-padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  background-color: var(--interactive-light);
  color: var(--color);
  padding: var(--table-padding);
  align-items: center;
  display: none;
  inset: 0;
}

.br-table .selected-bar.show, .br-table .selection-bar.show {
  display: flex;
}

.br-table .selected-bar .info, .br-table .selection-bar .info {
  white-space: nowrap;
  flex-grow: 1;
  align-items: center;
  display: flex;
}

.br-table .selected-bar .info .select-all, .br-table .selected-bar .info [data-toggle="check-all"], .br-table .selection-bar .info .select-all, .br-table .selection-bar .info [data-toggle="check-all"] {
  font-size: var(--font-size-scale-up-03);
  margin-right: var(--spacing-scale-half);
  padding: 0;
}

.br-table .selected-bar .count, .br-table .selected-bar .text, .br-table .selection-bar .count, .br-table .selection-bar .text {
  line-height: var(--font-line-height-low);
  padding-right: var(--spacing-scale-half);
}

.br-table .selected-bar.active, .br-table .selected-bar.is-active, .br-table .selection-bar.active, .br-table .selection-bar.is-active {
  opacity: 1;
  top: 0;
}

.br-table .footer, .br-table .table-footer {
  padding: var(--spacing-scale-base) var(--spacing-scale-2x) var(--spacing-scale-base) var(--table-padding);
}

.br-table .footer .br-input .br-button, .br-table .table-footer .br-input .br-button {
  transform: rotate(180deg);
}

.br-table .footer .br-list, .br-table .table-footer .br-list {
  bottom: 100%;
}

.br-table.small .clone-headers .item, .br-table.small .headers, .br-table.small table {
  --table-row-size: var(--table-row-small);
}

.br-table.medium .clone-headers .item, .br-table.medium .headers, .br-table.medium table {
  --table-row-size: var(--table-row-medium);
}

.br-table.large .clone-headers .item, .br-table.large .headers, .br-table.large table {
  --table-row-size: var(--table-row-large);
}

.br-table.dark-mode, .br-table.dark-mode.dark-mode, .br-table.dark-mode.inverted, .br-table.inverted, .br-table.inverted.dark-mode, .br-table.inverted.inverted {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-table.dark-mode.dark-mode.dark-mode .br-input, .br-table.dark-mode.dark-mode.dark-mode .br-input label, .br-table.dark-mode.dark-mode.inverted .br-input, .br-table.dark-mode.dark-mode.inverted .br-input label, .br-table.dark-mode.inverted.dark-mode .br-input, .br-table.dark-mode.inverted.dark-mode .br-input label, .br-table.dark-mode.inverted.inverted .br-input, .br-table.dark-mode.inverted.inverted .br-input label, .br-table.inverted.dark-mode.dark-mode .br-input, .br-table.inverted.dark-mode.dark-mode .br-input label, .br-table.inverted.dark-mode.inverted .br-input, .br-table.inverted.dark-mode.inverted .br-input label, .br-table.inverted.inverted.dark-mode .br-input, .br-table.inverted.inverted.dark-mode .br-input label, .br-table.inverted.inverted.inverted .br-input, .br-table.inverted.inverted.inverted .br-input label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-table.dark-mode.dark-mode .page.active, .br-table.dark-mode.inverted .page.active, .br-table.inverted.dark-mode .page.active, .br-table.inverted.inverted .page.active {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--background-light);
  color: var(--active);
}

.br-table.dark-mode td.column-collapse, .br-table.dark-mode th, .br-table.dark-mode tr:hover td.column-collapse, .br-table.inverted td.column-collapse, .br-table.inverted th, .br-table.inverted tr:hover td.column-collapse {
  background-color: var(--background-dark);
}

.br-table.no-hover td:not(.column-collapse):hover td {
  background: none;
}

.br-tab {
  --tab-padding: var(--spacing-scale-3x);
  --tab-size: var(--tab-medium);
  --tab-large: var(--spacing-scale-3x);
  --tab-medium: var(--spacing-scale-2x);
  --tab-small: var(--spacing-scale-base);
}

.br-tab .tab-nav::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-tab .tab-nav::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-tab .tab-nav::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-tab .tab-nav {
  width: 100%;
  overflow-x: auto;
}

@media (width <= 991px) {
  .br-tab .tab-nav::-webkit-scrollbar {
    height: var(--spacing-scale-base);
    width: var(--spacing-scale-base);
  }

  .br-tab .tab-nav::-webkit-scrollbar-track {
    background: var(--gray-10);
  }

  .br-tab .tab-nav::-webkit-scrollbar-thumb {
    background: var(--gray-30);
  }

  .br-tab .tab-nav:hover::-webkit-scrollbar-thumb {
    background: var(--gray-40);
  }

  .br-tab .tab-nav {
    width: 100%;
    display: flex;
    overflow-x: auto;
  }
}

.br-tab .tab-nav ul {
  border-bottom: 1px solid var(--border-color);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  display: flex;
}

.br-tab .tab-item {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.br-tab .tab-item a, .br-tab .tab-item button {
  --focus-offset: calc(var(--spacing-scale-half) * -1);
}

.br-tab .tab-item a:focus, .br-tab .tab-item button:focus {
  outline: none;
}

.br-tab .tab-item a.focus-visible, .br-tab .tab-item a:focus-visible, .br-tab .tab-item button.focus-visible, .br-tab .tab-item button:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-tab .tab-item a:not(:disabled):hover, .br-tab .tab-item button:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-tab .tab-item a, .br-tab .tab-item button {
  color: var(--color);
  font-size: var(--font-size-scale-up-02);
  font-weight: var(--font-weight-medium);
  padding: var(--tab-size) var(--tab-padding);
  text-align: center;
  white-space: nowrap;
  background-color: #0000;
  border: 0;
  border-bottom: 4px solid #0000;
  line-height: 1;
  display: inline-block;
}

.br-tab .tab-item:first-child {
  padding-left: 0;
}

.br-tab .tab-item:last-child {
  padding-right: 0;
}

.br-tab .tab-item.active button, .br-tab .tab-item.is-active button {
  border-bottom: 4px solid var(--active);
  color: var(--active);
}

.br-tab .tab-item.active .results, .br-tab .tab-item.is-active .results {
  --font-weight: var(--font-weight-semi-bold);
  color: var(--active);
}

.br-tab .results {
  font-weight: var(--font-weight);
  margin-top: var(--spacing-scale-2x);
  justify-content: center;
  display: flex;
  position: absolute;
  top: 100%;
}

.br-tab[data-counter="true"] .tab-nav ul {
  margin-bottom: calc(var(--spacing-scale-2x)  + var(--font-size-scale-up-02)  + var(--spacing-scale-base));
}

.br-tab .tab-content .tab-panel {
  color: var(--text-color);
  display: none;
}

.br-tab .tab-content .tab-panel.active, .br-tab .tab-content .tab-panel.is-active {
  display: block;
}

.br-tab.is-small, .br-tab.small, .br-tab[small] {
  --tab-size: var(--tab-small);
}

.br-tab.is-medium, .br-tab.medium, .br-tab[medium] {
  --tab-size: var(--tab-medium);
}

.br-tab.is-large, .br-tab.large, .br-tab[large] {
  --tab-size: var(--tab-large);
}

.br-tab.dark-mode, .br-tab.inverted {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-tab.dark-mode .tab-item.active button, .br-tab.inverted .tab-item.active button {
  border-bottom-color: var(--background-light);
  color: var(--color);
}

.br-tag {
  --tag-size: var(--tag-medium);
  --tag-small: var(--spacing-scale-2xh);
  --tag-medium: var(--spacing-scale-3xh);
  --tag-large: var(--spacing-scale-4xh);
}

.br-tag.status {
  --tag-small: var(--spacing-scale-baseh);
  --tag-medium: var(--spacing-scale-2x);
  --tag-large: var(--spacing-scale-3x);
  border: 1px solid var(--background-light);
  min-width: var(--tag-size);
  border-radius: 50%;
  padding: 0;
}

.br-tag.count {
  --tag-small: var(--spacing-scale-2xh);
  --tag-medium: var(--spacing-scale-3x);
  --tag-large: var(--spacing-scale-3xh);
  border: 1px solid var(--background-light);
  min-width: var(--tag-size);
  padding-left: var(--spacing-scale-base);
  padding-right: var(--spacing-scale-base);
  border-radius: 100em;
}

.br-tag.icon {
  --tag-small: var(--spacing-scale-3xh);
  --tag-medium: var(--spacing-scale-4x);
  --tag-large: var(--spacing-scale-5xh);
  min-width: var(--tag-size);
  border-radius: 50%;
  padding: 0;
}

.br-tag.icon .fa, .br-tag.icon .fab, .br-tag.icon .fad, .br-tag.icon .fal, .br-tag.icon .far, .br-tag.icon .fas, .br-tag.icon .svg-inline--fa {
  font-size: var(--icon-size-base);
  margin: 0 !important;
}

.br-tag.interaction, .br-tag.interaction-select {
  --tag-small: var(--spacing-scale-4x);
  --tag-medium: var(--spacing-scale-5x);
  --tag-large: var(--spacing-scale-5xh);
  font-size: var(--font-size-scale-up-01);
}

.br-tag.interaction {
  background: var(--interactive);
}

.br-tag.interaction .br-button {
  --button-size: var(--spacing-scale-3xh);
  --focus: var(--focus-color-dark);
  --hover: var(--hover-dark);
  --interactive-rgb: var(--color-dark-rgb);
  background-color: var(--interactive-light);
  color: var(--color-dark);
  margin-left: var(--spacing-scale-baseh);
  width: var(--button-size);
  border-radius: 50%;
  padding: 0;
}

.br-tag.interaction:hover .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-tag.interaction:active .br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

.br-tag.interaction-select {
  background: none;
  padding: 0;
}

.br-tag.interaction-select label {
  --interactive-rgb: var(--color-dark-rgb);
  --hover: var(--hover-dark);
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
  justify-content: center;
  align-items: center;
  display: inline-flex;
}

.br-tag.interaction-select label + .br-tag.interaction-select label {
  margin-left: var(--spacing-scale-half);
}

.br-tag.interaction-select label > .fa:first-child, .br-tag.interaction-select label > .fab:first-child, .br-tag.interaction-select label > .fad:first-child, .br-tag.interaction-select label > .fal:first-child, .br-tag.interaction-select label > .far:first-child, .br-tag.interaction-select label > .fas:first-child, .br-tag.interaction-select label > .svg-inline--fa:first-child {
  margin-right: var(--spacing-scale-baseh);
}

.br-tag.interaction-select label {
  background: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  margin: 0;
  transition: padding .15s;
}

.br-tag.interaction-select input {
  opacity: 0;
  width: 0;
  height: 0;
  position: relative;
}

.br-tag.interaction-select input:checked + label:after {
  border: solid var(--color-dark);
  content: "";
  height: var(--icon-size-sm);
  border-width: 0 3px 3px 0;
  width: 8px;
  transform: rotate(45deg)translate(12px, -14px);
}

.br-tag.interaction-select input:focus + label {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-tag.interaction-select input:hover + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-tag.interaction-select input:active + label {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
  color: var(--color-dark);
}

.br-tag.interaction-select.selected label {
  background-color: var(--selected);
  padding-right: var(--spacing-scale-4xh);
}

.br-tag.disabled input {
  cursor: not-allowed;
}

.br-tag {
  background: var(--background-dark);
  border-radius: var(--surface-rounder-sm);
  color: var(--color-dark);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  min-height: var(--tag-size);
  padding: 0 var(--spacing-scale-baseh);
  justify-content: center;
  align-items: center;
  margin: 0;
  display: inline-flex;
}

.br-tag + .br-tag {
  margin-left: var(--spacing-scale-half);
}

.br-tag > .fa:first-child, .br-tag > .fab:first-child, .br-tag > .fad:first-child, .br-tag > .fal:first-child, .br-tag > .far:first-child, .br-tag > .fas:first-child, .br-tag > .svg-inline--fa:first-child {
  margin-right: var(--spacing-scale-baseh);
}

.br-tag.small {
  --tag-size: var(--tag-small);
}

.br-tag.medium {
  --tag-size: var(--tag-medium);
}

.br-tag.large {
  --tag-size: var(--tag-large);
}

.br-tag.support-01 {
  --tag-background: var(--color-support-01);
}

.br-tag.support-02 {
  --tag-background: var(--color-support-02);
}

.br-tag.support-03 {
  --tag-background: var(--color-support-03);
}

.br-tag.support-04 {
  --tag-background: var(--color-support-04);
}

.br-tag.support-05 {
  --tag-background: var(--color-support-05);
}

.br-tag.support-06 {
  --tag-background: var(--color-support-06);
}

.br-tag.support-07 {
  --tag-background: var(--color-support-07);
}

.br-tag.support-08 {
  --tag-background: var(--color-support-08);
}

.br-tag.support-09 {
  --tag-background: var(--color-support-09);
}

.br-tag.support-10 {
  --tag-background: var(--color-support-10);
}

.br-tag.support-11 {
  --tag-background: var(--color-support-11);
}

.br-tag.is-primary-pastel-01, .br-tag.primary-pastel-01, .br-tag[primary-pastel-01] {
  background-color: #c5d4eb;
}

.br-tag.is-primary-pastel-02, .br-tag.primary-pastel-02, .br-tag[primary-pastel-02] {
  background-color: #dbe8fb;
}

.br-tag.is-primary-lighten-01, .br-tag.primary-lighten-01, .br-tag[primary-lighten-01] {
  background-color: #2670e8;
}

.br-tag.is-primary-lighten-02, .br-tag.primary-lighten-02, .br-tag[primary-lighten-02] {
  background-color: #5992ed;
}

.br-tag.is-primary-default, .br-tag.primary-default, .br-tag[primary-default] {
  background-color: #1351b4;
}

.br-tag.is-primary-darken-01, .br-tag.primary-darken-01, .br-tag[primary-darken-01] {
  background-color: #0c326f;
}

.br-tag.is-primary-darken-02, .br-tag.primary-darken-02, .br-tag[primary-darken-02] {
  background-color: #071d41;
}

.br-tag.is-secondary-01, .br-tag.secondary-01, .br-tag[secondary-01] {
  background-color: #fff;
}

.br-tag.is-secondary-02, .br-tag.secondary-02, .br-tag[secondary-02] {
  background-color: #f8f8f8;
}

.br-tag.is-secondary-03, .br-tag.secondary-03, .br-tag[secondary-03] {
  background-color: #ededed;
}

.br-tag.is-secondary-04, .br-tag.secondary-04, .br-tag[secondary-04] {
  background-color: #ccc;
}

.br-tag.is-secondary-05, .br-tag.secondary-05, .br-tag[secondary-05] {
  background-color: #9e9d9d;
}

.br-tag.is-secondary-06, .br-tag.secondary-06, .br-tag[secondary-06] {
  background-color: #888;
}

.br-tag.is-secondary-07, .br-tag.secondary-07, .br-tag[secondary-07] {
  background-color: #555;
}

.br-tag.is-secondary-08, .br-tag.secondary-08, .br-tag[secondary-08] {
  background-color: #333;
}

.br-tag.is-secondary-09, .br-tag.secondary-09, .br-tag[secondary-09] {
  background-color: #000;
}

.br-tag.highlight, .br-tag.is-highlight, .br-tag[highlight] {
  background-color: #268744;
}

.br-tag.is-support-01, .br-tag.support-01, .br-tag[support-01] {
  background-color: #36a191;
}

.br-tag.is-support-02, .br-tag.support-02, .br-tag[support-02] {
  background-color: #f2e317;
}

.br-tag.is-support-03, .br-tag.support-03, .br-tag[support-03] {
  background-color: #db4800;
}

.br-tag.is-support-04, .br-tag.support-04, .br-tag[support-04] {
  background-color: #a26739;
}

.br-tag.is-support-05, .br-tag.support-05, .br-tag[support-05] {
  background-color: #40e0d0;
}

.br-tag.is-support-06, .br-tag.support-06, .br-tag[support-06] {
  background-color: #48cbeb;
}

.br-tag.is-support-07, .br-tag.support-07, .br-tag[support-07] {
  background-color: #c72487;
}

.br-tag.is-support-08, .br-tag.support-08, .br-tag[support-08] {
  background-color: #63007f;
}

.br-tag.is-support-09, .br-tag.support-09, .br-tag[support-09] {
  background-color: #f08080;
}

.br-tag.is-support-10, .br-tag.support-10, .br-tag[support-10] {
  background-color: #ff8c00;
}

.br-tag.is-support-11, .br-tag.support-11, .br-tag[support-11] {
  background-color: #fdf5e6;
}

.br-tag.is-success, .br-tag.success, .br-tag[success] {
  background-color: var(--success);
}

.br-tag.danger, .br-tag.is-danger, .br-tag[danger] {
  background-color: var(--danger);
}

.br-tag.is-warning, .br-tag.warning, .br-tag[warning] {
  background-color: var(--warning);
}

.br-tag.info, .br-tag.is-info, .br-tag[info] {
  background-color: var(--info);
}

.br-tag-input {
  --input-background: var(--bg-color);
  --input-border-color: var(--color-secondary-06);
  --input-border-width: 1px;
  --input-border-style: solid;
  --input-padding: 0 var(--spacing-scale-half);
  --input-radius: var(--surface-rounder-sm);
  background: var(--input-background);
  border: var(--input-border-width) var(--input-border-style) var(--input-border-color);
  border-radius: var(--input-radius);
  color: var(--text-color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  height: var(--input-size);
  padding: var(--input-padding);
  width: 100%;
  display: block;
}

.br-tag-input:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-tag-input.focus-visible, .br-tag-input:focus, .br-tag-input:focus-visible {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.br-tag-input.has-icon {
  padding-right: var(--spacing-scale-5x);
}

.br-tag-input[type="password"]::-ms-clear {
  display: none;
}

.br-tag-input[type="password"]::-ms-reveal {
  display: none;
}

.br-tag-input {
  flex-wrap: wrap;
  display: flex;
}

.br-tag-input input {
  flex: 1;
}

.input-tag {
  box-sizing: border-box;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  border: 0;
  outline: none;
  flex: 1;
  padding: .9em .5em;
}

.br-textarea {
  --textarea-padding: var(--textarea-medium);
  --textarea-small: var(--spacing-scale-base);
  --textarea-medium: var(--spacing-scale-baseh);
  --textarea-large: var(--spacing-scale-2x);
  color: var(--color);
}

.br-textarea label {
  margin-bottom: var(--spacing-scale-half);
  display: inline-block;
}

.br-textarea textarea {
  background: var(--background-light);
  border: 1px solid var(--border-color-alternative);
  color: var(--color);
  font-size: var(--font-size-scale-up-01);
  font-weight: var(--font-weight-medium);
  padding: var(--textarea-padding);
  border-radius: 6px;
  width: 100%;
  display: block;
}

.br-textarea.small textarea, .br-textarea[data-small] textarea {
  --textarea-padding: var(--textarea-small);
}

.br-textarea.medium textarea, .br-textarea[data-medium] textarea {
  --textarea-padding: var(--textarea-medium);
}

.br-textarea.large textarea, .br-textarea[data-large] textarea {
  --textarea-padding: var(--textarea-large);
}

.br-textarea.success textarea, .br-textarea[data-success] textarea {
  border-color: var(--success);
  border-width: 2px;
}

.br-textarea.danger textarea, .br-textarea[data-danger] textarea {
  border-color: var(--danger);
  border-width: 2px;
}

.br-textarea.warning textarea, .br-textarea[data-warning] textarea {
  border-color: var(--warning);
  border-width: 2px;
}

.br-textarea.info textarea, .br-textarea[data-info] textarea {
  border-color: var(--info);
  border-width: 2px;
}

.br-textarea textarea.focus-visible, .br-textarea textarea:focus, .br-textarea textarea:focus-visible {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.br-textarea textarea:hover:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--color-rgb), var(--hover)), rgba(var(--color-rgb), var(--hover)));
}

.br-textarea.dark-mode, .br-textarea.dark-mode label, .br-textarea.inverted, .br-textarea.inverted label {
  --color: var(--color-dark);
  --focus-color: var(--focus-color-dark);
}

.br-textarea.dark-mode textarea, .br-textarea.inverted textarea {
  color: var(--color-light);
}

.br-tooltip {
  background: var(--color-info, #155bcb);
  color: var(--color-secondary-01, #fff);
  font-size: var(--font-size-scale-down-01, 11.662px);
  font-weight: var(--font-weight-medium, 500);
  opacity: 0;
  max-width: 240px;
  padding: var(--spacing-scale-2x);
  visibility: hidden;
  z-index: 999;
  border-radius: 4px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  box-shadow: 0 3px 6px #00000029;
  display: flex !important;
  position: absolute !important;
}

@keyframes fadeInOpacity {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeOutOpacity {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.br-tooltip[data-show] {
  opacity: 1;
  visibility: visible;
  animation: .5s ease-in-out fadeInOpacity;
}

.br-tooltip[popover] {
  width: auto;
  min-width: 240px;
  max-width: 320px;
  overflow-x: hidden;
}

.br-tooltip[success] {
  background: var(--color-success, #168821);
}

.br-tooltip[success] .arrow {
  border-color: var(--color-success, #168821);
}

.br-tooltip[error] {
  background: var(--color-danger, #e52207);
}

.br-tooltip[error] .arrow {
  border-color: var(--color-danger, #e52207);
}

.br-tooltip[warning] {
  background: var(--color-warning, #ffcd07);
  color: var(--color-secondary-08, #333);
}

.br-tooltip[warning] .arrow {
  border-color: var(--color-warning, #ffcd07);
}

.br-tooltip, .br-tooltip[info] {
  background: var(--color-info, #155bcb);
}

.br-tooltip .arrow, .br-tooltip[info] .arrow {
  border-color: var(--color-info, #155bcb);
}

.br-tooltip .arrow {
  z-index: -1 !important;
  width: 0 !important;
  height: 0 !important;
  position: absolute !important;
}

.br-tooltip[data-popper-placement^="top"] > .arrow {
  border-top-style: solid;
  border-top-width: 8px;
  border-left: 8px solid #0000;
  border-right: 8px solid #0000;
  margin-left: 0;
  bottom: -7px;
}

.br-tooltip[data-popper-placement^="bottom"] > .arrow {
  border-bottom-style: solid;
  border-bottom-width: 8px;
  border-left: 8px solid #0000;
  border-right: 8px solid #0000;
  margin-left: 0;
  top: -8px;
}

.br-tooltip[data-popper-placement^="left"] > .arrow {
  right: calc(var(--spacing-scale-base) * -1);
  border-top: 8px solid #0000;
  border-bottom: 8px solid #0000;
  border-left-style: solid;
  border-left-width: 8px;
}

.br-tooltip[data-popper-placement^="right"] > .arrow {
  left: calc(var(--spacing-scale-base) * -1);
  border-top: 8px solid #0000;
  border-bottom: 8px solid #0000;
  border-right-style: solid;
  border-right-width: 8px;
}

.br-tooltip .link, .br-tooltip .subtext, .br-tooltip .text {
  min-width: 0;
  max-width: 100%;
  display: block;
}

.br-tooltip .popover-header {
  font-size: var(--font-size-scale-base, 14px);
  text-align: center;
  width: 100%;
  min-width: 180px;
  margin-bottom: 1em;
}

.br-tooltip .popover-header .fas, .br-tooltip .popover-header .svg-inline--fa {
  font-size: var(--font-size-scale-up-06, 41.804px);
  text-align: center;
}

.br-tooltip .popover-image {
  border: 3px solid var(--color-secondary-01, #fff);
}

.br-tooltip .popover-icon, .br-tooltip .popover-image {
  width: auto;
  max-width: 45%;
  height: auto;
  max-height: 120px;
  margin-left: -10px;
  overflow: hidden;
}

.br-tooltip .popover-icon {
  margin-top: 10%;
}

.br-tooltip .popover-body {
  font-size: var(--font-size-scale-down-01, 11.662px);
  width: 100%;
  min-width: 180px;
  margin-bottom: 1em;
}

.br-tooltip .popover-image + div {
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.br-tooltip .popover-image + div div {
  padding-left: var(--spacing-scale-base);
  text-align: left;
}

.br-tooltip .popover-icon + div {
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 65%;
  display: flex;
}

.br-tooltip .popover-icon + div div {
  padding-left: var(--spacing-scale-base);
  text-align: left;
}

.br-tooltip .popover-footer {
  font-size: var(--font-size-scale-down-01, 11.662px);
  text-align: center;
  width: 100%;
  min-width: 180px;
}

.br-tooltip .text {
  font-size: var(--font-size-scale-base, 14px);
  font-weight: var(--font-weight-semi-bold, 600);
}

.br-tooltip .subtext {
  font-size: var(--font-size-scale-down-01, 11.662px);
  font-weight: var(--font-weight-medium, 500);
}

.br-tooltip .link {
  color: inherit;
  text-align: right;
  width: 100%;
  text-decoration: underline;
}

.br-tooltip .close {
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 10px;
  right: 10px;
}

.br-upload input {
  display: none;
}

.br-upload .upload-button {
  --button-radius: 100em;
  --button-xsmall: 24px;
  --button-small: 32px;
  --button-medium: 40px;
  --button-large: 48px;
  --button-size: var(--button-medium);
  border: 0;
  border: var(--surface-width-sm) dashed var(--interactive);
  border-radius: var(--button-radius);
  border-radius: var(--surface-rounder-sm);
  color: var(--interactive);
  cursor: pointer;
  font-size: var(--font-size-scale-up-01);
  font-size: var(--font-size-scale-base);
  font-style: italic;
  font-weight: var(--font-weight-semi-bold);
  font-weight: var(--font-weight-regular);
  height: var(--button-size);
  margin-top: var(--spacing-scale-half);
  max-width: 550px;
  min-height: var(--button-size);
  padding: 0 var(--spacing-scale-3x);
  padding-left: var(--spacing-scale-2x);
  padding-right: var(--spacing-scale-2x);
  text-align: center;
  text-align: left;
  vertical-align: middle;
  white-space: nowrap;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.br-upload .upload-button .fa, .br-upload .upload-button .fab, .br-upload .upload-button .fad, .br-upload .upload-button .fal, .br-upload .upload-button .far, .br-upload .upload-button .fas, .br-upload .upload-button .svg-inline--fa {
  margin-right: var(--spacing-scale-base);
}

.br-upload .upload-list {
  max-width: 550px;
  position: relative;
}

.br-upload .upload-list .content {
  text-overflow: ellipsis;
  white-space: nowrap;
  align-self: center;
  width: 70%;
  overflow: hidden;
}

.br-upload .upload-list .support {
  align-items: center;
  display: flex;
}

.br-upload .br-tooltip {
  max-width: 93%;
}

.br-upload .upload-button:disabled {
  cursor: not-allowed;
}

.br-upload .upload-button:not(:disabled) {
  --focus-offset: var(--spacing-scale-half);
}

.br-upload .upload-button:not(:disabled):focus {
  outline: none;
}

.br-upload .upload-button:not(:disabled).focus-visible, .br-upload .upload-button:not(:disabled):focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-upload .upload-button:not(:disabled):not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-upload .upload-button:not(:disabled):not(:disabled):active {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

.br-upload .upload-button.active, .br-upload .upload-button.is-active, .br-upload .upload-button[active] {
  --hover: var(--hover-dark);
  background-color: var(--active);
  color: var(--color-dark);
}

.br-upload .upload-button.loading {
  cursor: progress;
  color: #0000 !important;
}

.br-upload .upload-button.loading:not(:disabled):hover {
  background-image: none;
}

.br-upload .upload-button.loading:before {
  border-color: var(--interactive) var(--interactive) transparent;
  border-style: solid;
}

.br-upload .upload-button.loading.danger:before, .br-upload .upload-button.loading.info:before, .br-upload .upload-button.loading.primary:before, .br-upload .upload-button.loading.success:before {
  border-color: var(--background) var(--background) transparent;
}

.br-upload.success .upload-button, .br-upload[data-success] .upload-button {
  border-color: var(--success);
}

.br-upload.danger .upload-button, .br-upload[data-danger] .upload-button {
  border-color: var(--danger);
}

.br-upload.warning .upload-button, .br-upload[data-warning] .upload-button {
  border-color: var(--warning);
}

.br-upload.info .upload-button, .br-upload[data-info] .upload-button {
  border-color: var(--info);
}

.br-upload.dragging .upload-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-wizard {
  --wizard-min-height: 300px;
  --wizard-max-height: 800px;
  height: 100%;
  margin-bottom: var(--spacing-scale-4x);
  max-height: var(--wizard-max-height);
  max-width: none;
  min-height: var(--wizard-min-height);
  flex-direction: column;
  display: flex;
}

.br-wizard .wizard-progress {
  background-color: var(--background-alternative);
  min-height: 164px;
  padding-top: var(--spacing-scale-7x);
  grid-template-rows: none;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  width: 100%;
  display: grid;
  overflow: auto hidden;
}

@media (width <= 991px) {
  .br-wizard .wizard-progress {
    min-height: 100px;
    max-height: 100px;
    padding-top: var(--spacing-scale-3x);
    position: relative;
    overflow-y: hidden;
  }

  .br-wizard .wizard-progress, .br-wizard .wizard-progress:after {
    transition: all .25s linear;
  }

  .br-wizard .wizard-progress:after {
    color: var(--interactive);
    content: "";
    font-family: "Font Awesome 5 Free", sans-serif;
    font-size: var(--switch-icon-size);
    font-weight: var(--font-weight-black);
    height: 1em;
    bottom: 2px;
    left: 50%;
    top: unset;
    background-color: #0000;
    width: auto;
    margin-left: -.5em;
    display: block;
    position: absolute;
  }
}

.br-wizard .wizard-progress-btn {
  color: var(--interactive);
  font-size: var(--font-size-scale-up-01, 16.8px);
  max-height: 90px;
  padding-bottom: 0;
  padding-top: var(--spacing-scale-2x);
  text-indent: 0;
  background-color: #0000;
  border: 0;
  line-height: 19px;
  transition: all .15s linear;
  position: relative;
  box-shadow: none !important;
}

.br-wizard .wizard-progress-btn[disabled] {
  color: rgba(var(--interactive-rgb), var(--disabled));
  opacity: 1;
}

.br-wizard .wizard-progress-btn[disabled]:before {
  opacity: var(--disabled);
}

.br-wizard .wizard-progress-btn:focus {
  outline: none;
}

.br-wizard .wizard-progress-btn.focus-visible:not([disabled]):not(.disabled):before, .br-wizard .wizard-progress-btn:focus-visible:not([disabled]):not(.disabled):before {
  outline-color: var(--focus-color);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.br-wizard .wizard-progress-btn:hover:not([disabled]):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.br-wizard .wizard-progress-btn:active:not([disabled]):before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--pressed)), rgba(var(--interactive-rgb), var(--pressed)));
}

.br-wizard .wizard-progress-btn:before {
  background-color: var(--background);
  border: 2px solid var(--interactive);
  box-sizing: border-box;
  color: var(--interactive);
  font-size: var(--font-size-scale-up-02, 20.16px);
  font-weight: var(--font-weight-semi-bold, 600);
  z-index: 3;
  border-radius: 50%;
  width: 36px;
  height: 36px;
  margin-top: -13px;
  line-height: 29px;
  transition: all .15s linear, transform .15s cubic-bezier(.05, 1.09, .16, 1.4);
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  content: attr(step) !important;
}

.br-wizard .wizard-progress-btn:after {
  content: "";
  z-index: 1;
  width: calc(100% - 34px);
  height: 1px;
  transition: all .15s linear;
  display: block;
  position: absolute;
  top: 5px;
  left: calc(17px - 50%);
  background-color: var(--interactive) !important;
}

.br-wizard .wizard-progress-btn:first-child:after {
  display: none;
}

.br-wizard .wizard-progress-btn[active] {
  color: var(--active);
  font-weight: var(--font-weight-semi-bold, 600);
}

.br-wizard .wizard-progress-btn[active]:after {
  background-color: var(--active);
}

.br-wizard .wizard-progress-btn[active]:before {
  background-color: var(--active);
  border: 2px solid var(--background-light);
  color: var(--background-light);
  font-weight: var(--font-weight-bold, 700);
}

@media (width <= 991px) {
  .br-wizard .wizard-progress-btn .info {
    font-size: var(--font-size-scale-down-02, 9.716px);
    text-align: center;
    line-height: 1em;
  }

  .br-wizard[collapsed] .wizard-progress {
    min-height: 64px;
    max-height: 64px;
    padding-bottom: var(--spacing-scale-3x);
    padding-top: var(--spacing-scale-3x);
    overflow-y: hidden;
  }

  .br-wizard[collapsed] .wizard-progress:after {
    margin-top: var(--spacing-scale-4xh);
  }

  .br-wizard[collapsed] .wizard-progress-btn {
    padding-bottom: var(--spacing-scale-base);
  }

  .br-wizard[collapsed] .wizard-progress-btn .info {
    display: none;
  }

  .br-wizard[collapsed] .wizard-form {
    height: auto;
  }

  .br-wizard[collapsed] .wizard-panel-content {
    overflow: hidden auto;
  }
}

.br-wizard .wizard-form {
  flex: 1;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.br-wizard .wizard-panel {
  opacity: 0;
  visibility: hidden;
  flex-flow: column;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  display: none;
  position: static;
  top: 0;
  left: 0;
}

.br-wizard .wizard-panel[active] {
  opacity: 1;
  visibility: visible;
  height: auto;
  transition: all .5s linear;
  display: flex;
  left: 0 !important;
}

@keyframes slide-left {
  0% {
    opacity: 0;
    transform: translateX(1%);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.br-wizard .wizard-panel-content {
  border-top: 1px solid var(--border-color);
  height: auto;
  max-height: none;
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  flex-grow: 1;
  overflow: auto;
}

.br-wizard .wizard-panel-content::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-wizard .wizard-panel-content::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-wizard .wizard-panel-content::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-wizard .wizard-panel-content:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-wizard .wizard-panel-content.focus-visible, .br-wizard .wizard-panel-content:focus, .br-wizard .wizard-panel-content:focus-visible {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.br-wizard .wizard-panel-content > :last-child {
  margin-bottom: 0;
}

.br-wizard .wizard-panel-btn {
  background-color: var(--background-alternative);
  border-top: 1px solid var(--border-color);
  height: fit-content;
  padding: var(--spacing-scale-2x) 1.5%;
  align-self: flex-end;
  width: 100%;
  margin-top: 1px;
}

.br-wizard .wizard-btn, .br-wizard .wizard-btn-next, .br-wizard .wizard-btn-prev {
  float: right;
  margin-left: var(--spacing-scale-2x);
}

.br-wizard .wizard-btn-canc {
  float: left;
}

@media (width <= 991px) {
  .br-wizard .wizard-form {
    height: auto;
  }

  .br-wizard .wizard-panel {
    border-top: 0;
    flex-wrap: nowrap;
    max-height: none;
    margin-bottom: 0;
    display: none;
  }

  .br-wizard .wizard-panel-content {
    height: auto;
    max-height: 100%;
    padding: var(--spacing-scale-half) var(--spacing-scale-base);
    transition: all .25s linear;
    overflow: hidden auto;
  }

  .br-wizard .wizard-panel-btn {
    background-color: var(--background-alternative);
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: fit-content;
    display: flex;
    position: static;
    padding: 0 !important;
  }

  .br-wizard .wizard-btn, .br-wizard .wizard-btn-canc, .br-wizard .wizard-btn-next, .br-wizard .wizard-btn-prev {
    float: none;
    margin: var(--spacing-scale-base) 5%;
    width: 90%;
  }

  .br-wizard .wizard-btn, .br-wizard .wizard-btn-next {
    order: 1;
  }
}

.br-wizard[vertical] {
  flex-direction: row;
}

.br-wizard[vertical] .wizard-progress {
  float: none;
  text-align: right;
  flex: 1;
  grid-template-columns: 1fr;
  max-width: 260px;
  height: auto;
  padding-top: 0;
  position: relative;
  overflow-x: hidden;
}

.br-wizard[vertical] .wizard-progress-btn {
  text-align: right;
  height: 100%;
  max-height: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 70px;
  line-height: 100%;
}

.br-wizard[vertical] .wizard-progress-btn:before {
  margin-top: calc(var(--spacing-scale-2x) * -1);
  text-align: center;
  line-height: 26px;
  position: absolute;
  top: 50%;
  left: calc(100% - 32px);
}

.br-wizard[vertical] .wizard-progress-btn:after {
  width: 1px;
  height: calc(100% - 34px);
  position: absolute;
  top: calc(18px - 50%);
  left: calc(100% - 33px);
}

.br-wizard[vertical] .wizard-progress-btn[active]:after {
  width: 1px;
}

.br-wizard[vertical][scroll] .wizard-progress {
  overflow-y: auto;
}

.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar {
  height: var(--spacing-scale-base);
  width: var(--spacing-scale-base);
}

.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-track {
  background: var(--gray-10);
}

.br-wizard[vertical][scroll] .wizard-progress::-webkit-scrollbar-thumb {
  background: var(--gray-30);
}

.br-wizard[vertical][scroll] .wizard-progress:hover::-webkit-scrollbar-thumb {
  background: var(--gray-40);
}

.br-wizard[vertical][scroll] .wizard-progress .wizard-progress-btn {
  min-height: 100px;
}

.br-wizard[vertical] .wizard-form {
  float: none;
  width: calc(100% - 260px);
  height: auto;
}

.br-wizard[vertical] .wizard-form .wizard-panel .wizard-panel-content {
  border-top: 0;
}

@media (width <= 991px) {
  .br-wizard[vertical] .wizard-progress {
    max-width: 110px;
    max-height: 100%;
  }

  .br-wizard[vertical] .wizard-progress:after {
    height: 1em;
    left: unset;
    width: 1em;
    margin-top: -.5em;
    top: 50%;
    right: 2px;
    transform: rotate(-90deg);
  }

  .br-wizard[vertical] .wizard-progress-btn {
    padding-right: var(--spacing-scale-7x);
    line-height: 18px;
  }

  .br-wizard[vertical] .wizard-progress-btn .info {
    margin-top: -.5em;
    line-height: 1.6em;
    position: absolute;
    right: 54px;
  }

  .br-wizard[vertical] .wizard-form {
    min-width: calc(100% - 110px);
    max-width: calc(100% - 110px);
    height: auto;
    transition: all .25s linear;
  }

  .br-wizard[vertical] .wizard-panel {
    height: 100%;
    max-height: 100%;
  }

  .br-wizard[vertical][collapsed] .wizard-progress {
    max-width: 60px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .br-wizard[vertical][collapsed] .wizard-progress-btn {
    padding-right: 0;
  }

  .br-wizard[vertical][collapsed] .wizard-progress-btn .info {
    display: none;
  }

  .br-wizard[vertical][collapsed] .wizard-form {
    min-width: calc(100% - 60px);
    max-width: calc(100% - 60px);
  }
}

.br-wizard.dark-mode, .br-wizard.inverted {
  --color: var(--color-dark);
  --color-rgb: var(--color-dark-rgb);
  --text-color: var(--color-dark);
  --interactive: var(--interactive-dark);
  --interactive-rgb: var(--interactive-dark-rgb);
  --visited: var(--visited-dark);
  --hover: var(--hover-dark);
  --pressed: var(--pressed-dark);
  --focus-color: var(--focus-color-dark);
  --focus: var(--focus-color-dark);
}

.br-wizard.dark-mode .br-button.is-primary, .br-wizard.dark-mode .br-button.primary, .br-wizard.dark-mode .br-button[primary], .br-wizard.inverted .br-button.is-primary, .br-wizard.inverted .br-button.primary, .br-wizard.inverted .br-button[primary] {
  --color: var(--color-light);
  --color-rgb: var(--color-light-rgb);
  --text-color: var(--color-light);
  --interactive: var(--interactive-light);
  --interactive-rgb: var(--background-dark-rgb);
  --visited: var(--visited-light);
  --hover: var(--hover-light);
  --pressed: var(--pressed-light);
  --focus-color: var(--focus-color-light);
  --focus: var(--focus-color-light);
  background-color: var(--interactive-dark);
  color: var(--background-dark);
}

.br-wizard.dark-mode .br-button.is-secondary, .br-wizard.dark-mode .br-button.secondary, .br-wizard.dark-mode .br-button[secondary], .br-wizard.inverted .br-button.is-secondary, .br-wizard.inverted .br-button.secondary, .br-wizard.inverted .br-button[secondary] {
  background-color: var(--background-dark);
}

.br-wizard.dark-mode .wizard-progress, .br-wizard.inverted .wizard-progress {
  background-color: #0000;
}

.br-wizard.dark-mode .wizard-progress-btn[active], .br-wizard.inverted .wizard-progress-btn[active] {
  color: var(--color);
}

.br-wizard.dark-mode .wizard-progress-btn[active]:before, .br-wizard.inverted .wizard-progress-btn[active]:before {
  --interactive-rgb: var(--active-rgb);
  background-color: var(--color);
  color: var(--active);
}

.br-wizard.dark-mode .wizard-panel .wizard-panel-btn, .br-wizard.inverted .wizard-panel .wizard-panel-btn {
  background-color: #0000;
}

[data-toggle="accordion"]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

[data-toggle="accordion"]:focus {
  outline: none;
}

[data-toggle="accordion"].focus-visible, [data-toggle="accordion"]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.accordion-example .br-list .header {
  align-items: var(--spacing-vertical-center);
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-bold);
  padding: var(--spacing-scale-base) var(--spacing-scale-2x);
  justify-content: space-between;
  display: flex;
}

.accordion-example .br-list .br-item {
  text-align: var(--spacing-horizontal-left);
  width: 100%;
}

.accordion-example .br-list .br-item .fa, .accordion-example .br-list .br-item .fab, .accordion-example .br-list .br-item .fad, .accordion-example .br-list .br-item .fal, .accordion-example .br-list .br-item .far, .accordion-example .br-list .br-item .fas, .accordion-example .br-list .br-item .svg-inline--fa {
  text-align: center;
}

.accordion-example .br-list .br-item > .content {
  align-items: var(--spacing-vertical-center);
  display: flex;
}

.accordion-example .br-list .br-item > .content > .content {
  flex: 1;
}

.accordion-example .br-list .br-item .content:hover button.br-button {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.accordion-example .br-list .br-item .br-checkbox, .accordion-example .br-list .br-item .br-radio {
  --interactive-rgb: var(--rgb-primary-default);
  --item-padding-x: 0;
  --item-padding-y: 0;
}

.accordion-example .br-list .br-item .br-checkbox input:hover:not(:disabled) + label:before, .accordion-example .br-list .br-item .br-radio input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.accordion-example .br-list .br-item[data-toggle] {
  cursor: pointer;
}

.accordion-example .br-list .br-item[data-toggle] ~ .br-list .br-item {
  padding: var(--spacing-scale-base) var(--spacing-scale-3x);
}

.accordion-example .br-list .br-list {
  max-height: none;
  transition: all .4s ease-in-out;
  overflow: hidden;
}

.accordion-example .br-list.horizontal {
  flex-wrap: wrap;
  display: flex;
}

.accordion-example .br-list.horizontal > .header {
  flex-grow: 1;
  width: 100%;
}

.accordion-example .br-list.horizontal > .header + .br-divider {
  border-top: 1px solid var(--color-secondary-04);
  width: 100%;
}

.accordion-example .br-list.horizontal > .br-item, .accordion-example .br-list.horizontal > .group {
  flex: 1;
  width: auto;
  height: auto;
  min-height: 56px;
}

.accordion-example .br-list.horizontal > .br-item.one-line > .content, .accordion-example .br-list.horizontal > .group.one-line > .content {
  height: 56px;
}

.accordion-example .br-list.horizontal > .br-item.two-lines > .content, .accordion-example .br-list.horizontal > .group.two-lines > .content {
  height: 72px;
}

.accordion-example .br-list.horizontal > .br-item.three-lines > .content, .accordion-example .br-list.horizontal > .group.three-lines > .content {
  height: 6em;
}

.accordion-example .br-list.horizontal > .br-item + .br-divider, .accordion-example .br-list.horizontal > .group + .br-divider {
  border-right: 1px solid var(--color-secondary-04);
  border-top: 0;
  width: 1px;
}

.accordion-example .br-list.horizontal.toggle > .br-item, .accordion-example .br-list.horizontal[data-toggle] > .br-item {
  display: block;
}

.accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item, .accordion-example .br-list[data-one-line] .br-item {
  height: 2em;
}

.accordion-example .br-list[data-one-line] .accordion-example .br-list .br-item .content, .accordion-example .br-list[data-one-line] .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
  overflow: hidden;
}

.accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item, .accordion-example .br-list[data-two-lines] .br-item {
  height: 4em;
}

.accordion-example .br-list[data-two-lines] .accordion-example .br-list .br-item .content, .accordion-example .br-list[data-two-lines] .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
  overflow: hidden;
}

.accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item, .accordion-example .br-list[data-three-lines] .br-item {
  height: 6em;
}

.accordion-example .br-list[data-three-lines] .accordion-example .br-list .br-item .content, .accordion-example .br-list[data-three-lines] .br-item .content {
  height: auto;
  padding: 0 var(--spacing-scale-2x);
  text-overflow: unset;
  white-space: normal;
  overflow: hidden;
}

.checkgroup-example {
  --checkbox-background: var(--bg-color);
  --checkbox-color: var(--text-color);
  --checkbox-font-weight: var(--font-weight-medium);
  --checkbox-padding: var(--spacing-scale-base);
  --checkbox-size: 24px;
  --checkbox-line-height: 1.6em;
  line-height: 0;
  display: block;
}

.checkgroup-example label {
  color: var(--checkbox-color);
  cursor: pointer;
  font-weight: var(--checkbox-font-weight);
  line-height: var(--checkbox-line-height);
  min-height: var(--checkbox-size);
  padding-left: calc(var(--checkbox-size)  + var(--checkbox-padding));
  display: inline-block;
  position: relative;
}

.checkgroup-example label:empty {
  padding-left: var(--checkbox-size);
}

.checkgroup-example.hidden-label label {
  padding-left: calc(var(--checkbox-size)  + var(--surface-width-md) * 2);
  text-indent: -10000px;
  white-space: nowrap;
  width: 0;
}

.checkgroup-example.d-inline label {
  padding-right: var(--spacing-scale-4x);
}

.checkgroup-example input {
  opacity: 0;
  position: absolute;
}

.checkgroup-example input.focus-visible + label:before, .checkgroup-example input.focus-visible:checked + label:before, .checkgroup-example input:focus-visible + label:before, .checkgroup-example input:focus-visible:checked + label:before {
  box-shadow: 0 0 0 var(--surface-width-md) var(--focus);
  outline: none;
  border-color: var(--focus) !important;
}

.checkgroup-example input:hover:not(:disabled) + label:before {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

.checkgroup-example input:disabled + label {
  cursor: not-allowed;
  opacity: var(--disabled);
}

.checkgroup-example input:disabled + label * {
  pointer-events: none;
}

.checkgroup-example input:disabled + label:hover:before {
  background-image: none;
}

.checkgroup-example input + label {
  cursor: pointer;
  font-size: var(--font-size-scale-base);
  font-weight: var(--font-weight-medium);
  min-height: var(--spacing-scale-3x);
  align-items: flex-start;
  display: inline-block;
  position: relative;
}

.checkgroup-example input + label:before {
  background: var(--color-secondary-01, #fff);
  border: 1px solid var(--color-secondary-04);
  content: "";
  height: var(--checkbox-size);
  width: var(--checkbox-size);
  border-radius: 4px;
  position: absolute;
  left: 0;
}

.checkgroup-example input + label:empty {
  padding-left: var(--spacing-scale-3x);
}

.checkgroup-example input:indeterminate, .checkgroup-example input[indeterminate] {
  color: var(--color-danger, #e52207);
}

.checkgroup-example input:indeterminate + label:before, .checkgroup-example input[indeterminate] + label:before {
  background: var(--color-primary-lighten-01);
  border-color: var(--color-primary-lighten-01);
}

.checkgroup-example input:checked + label:after, .checkgroup-example input:indeterminate + label:after {
  border: solid var(--color-primary-lighten-01);
  content: "";
  height: var(--icon-size-sm);
  border-width: 0 3px 3px 0;
  width: 8px;
  position: absolute;
  top: 4px;
  left: 8px;
  transform: rotate(45deg);
}

.checkgroup-example input:checked[indeterminate] + label:after, .checkgroup-example input:indeterminate + label:after {
  border-color: var(--color-secondary-01);
  border-width: 0 0 3px;
  top: 2px;
  transform: none;
}

.checkgroup-example input:invalid + label:before {
  border-color: var(--color-danger, #e52207);
  border-width: 2px;
}

.checkgroup-example input:disabled + label:before {
  box-shadow: none;
}

.checkgroup-example.is-small input[type="checkbox"] + label, .checkgroup-example.small input[type="checkbox"] + label, .checkgroup-example[small] input[type="checkbox"] + label {
  line-height: var(--spacing-scale-2xh);
  min-height: var(--spacing-scale-2xh);
}

.checkgroup-example.is-small input[type="checkbox"] + label:before, .checkgroup-example.small input[type="checkbox"] + label:before, .checkgroup-example[small] input[type="checkbox"] + label:before {
  height: var(--spacing-scale-2xh);
  width: var(--spacing-scale-2xh);
}

.checkgroup-example.is-small input[type="checkbox"]:checked + label:after, .checkgroup-example.small input[type="checkbox"]:checked + label:after, .checkgroup-example[small] input[type="checkbox"]:checked + label:after {
  height: var(--icon-size-sm);
  border-width: 0 2px 2px 0;
  width: 6px;
  top: 4px;
  left: 7px;
}

.checkgroup-example.is-small input[type="checkbox"]:checked[indeterminate] + label:after, .checkgroup-example.is-small input[type="checkbox"]:indeterminate + label:after, .checkgroup-example.small input[type="checkbox"]:checked[indeterminate] + label:after, .checkgroup-example.small input[type="checkbox"]:indeterminate + label:after, .checkgroup-example[small] input[type="checkbox"]:checked[indeterminate] + label:after, .checkgroup-example[small] input[type="checkbox"]:indeterminate + label:after {
  border-color: var(--color-secondary-01);
  border-width: 0 0 3px;
  width: 6px;
  top: 1px;
  left: 7px;
  transform: none;
}

.checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label:before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label:before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label:before {
  border-color: var(--color-danger, #e52207);
  border-width: 2px;
}

.checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label:before, .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label:before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label:before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label:before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label:before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label:before, .checkgroup-example.invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label:before, .checkgroup-example.is-invalid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label:before, .checkgroup-example[invalid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label:before {
  border-color: var(--color-danger, #e52207);
}

.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label:before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label:before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"] + label:before {
  border-color: var(--color-success, #168821);
  border-width: 2px;
}

.checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label:before, .checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label:before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label:before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label:before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus + label:before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:focus:checked + label:before, .checkgroup-example.is-valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label:before, .checkgroup-example.valid:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label:before, .checkgroup-example[valid]:not(.is-inverted):not(.inverted):not([inverted]) input[type="checkbox"]:checked + label:before {
  border-color: var(--color-success, #168821);
}

[data-toggle="collapse"]:not(:disabled):hover {
  background-image: linear-gradient(rgba(var(--interactive-rgb), var(--hover)), rgba(var(--interactive-rgb), var(--hover)));
}

[data-toggle="collapse"]:focus {
  outline: none;
}

[data-toggle="collapse"].focus-visible, [data-toggle="collapse"]:focus-visible {
  outline-color: var(--focus);
  outline-offset: var(--focus-offset);
  outline-style: var(--focus-style);
  outline-width: var(--focus-width);
}

.tSYxvF-reacoes-card-total-reacoes {
  background-color: var(--gray-cool-1);
  flex-direction: column;
  display: flex;
}

.tSYxvF-reacoes-grade th {
  background-color: #0000;
}

.tSYxvF-row-head {
  background-color: var(--orange-warm-5);
}

.tSYxvF-most-left-column {
  border-left-style: solid;
  border-left-width: .3em;
  border-left-color: var(--violet-warm-vivid-50);
}

.tSYxvF-gravidade-sim {
  white-space: nowrap;
  color: #fff;
  background-color: #ef4444;
  border: 1px solid #0000;
  border-radius: 9999px;
  align-items: center;
  column-gap: 5px;
  width: fit-content;
  padding: 0 .625rem .125rem;
  font-weight: 600;
  display: flex;
}

.tSYxvF-gravidade-nao {
  white-space: nowrap;
  color: #000;
  border: 1px solid #0000;
  border-radius: 9999px;
  align-items: center;
  column-gap: 5px;
  width: fit-content;
  padding: 0 .625rem .125rem;
  font-weight: 600;
  display: flex;
}

.tSYxvF-conferencia-fora-bula {
  white-space: nowrap;
  color: #fff;
  background-color: #ef4444;
  border-style: solid;
  border-width: 1px;
  border-radius: 9999px;
  align-items: center;
  column-gap: 5px;
  width: fit-content;
  padding: 0 .625rem .125rem;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.tSYxvF-conferencia-na-bula {
  white-space: nowrap;
  background-color: #f5f5f5;
  border: 1px solid #e5e5e5;
  border-radius: 9999px;
  align-items: center;
  column-gap: 5px;
  width: fit-content;
  padding: 0 .625rem .125rem;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.tSYxvF-conferencia-nao-verificado {
  white-space: nowrap;
  color: #c2410c;
  background-color: #ffedd5;
  border-style: solid;
  border-width: 1px;
  border-radius: 9999px;
  align-items: center;
  column-gap: 5px;
  width: fit-content;
  padding: 0 .625rem .125rem;
  font-size: 12px;
  font-weight: 600;
  display: flex;
}

.tSYxvF-defecho-morte {
  box-sizing: border-box;
  color: #932d2a;
  background-color: #fee2e2;
  border: 0 solid #e5e7eb;
  border-radius: .25rem;
  padding: .25rem .5rem;
  font-size: 1.25rem;
}

.HKLrkZ-flat-card {
  --card-padding: var(--spacing-scale-2x);
  --card-height-fixed: 250px;
  background: var(--background);
  box-shadow: var(--surface-shadow-sm);
}

.HKLrkZ-total-card-fabricantes {
  background-color: #fefefe;
  flex-direction: column;
  display: flex;
}

.HKLrkZ-matrix-container {
  border: 1px solid var(--matrix-border);
  background: #fff;
  border-radius: 4px;
  width: 100%;
  height: 75vh;
  position: relative;
  overflow: auto;
  box-shadow: 0 2px 8px #0000000d;
}

table.HKLrkZ-matrix-grid {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 100%;
  color: var(--matrix-text);
  font-family: Segoe UI, sans-serif;
  font-size: 12px;
}

table.HKLrkZ-matrix-grid thead th {
  background-color: var(--matrix-header-bg);
  border-bottom: 1px solid #999;
  border-right: 1px solid var(--matrix-border);
  z-index: 10;
  vertical-align: bottom;
  white-space: nowrap;
  height: 160px;
  padding: 8px 4px;
  position: sticky;
  top: 0;
}

table.HKLrkZ-matrix-grid thead th:first-child {
  z-index: 30;
  vertical-align: middle;
  background-color: #fff;
  border-bottom: 1px solid #999;
  border-right: 2px solid #666;
  min-width: 200px;
  max-width: 200px;
  height: auto;
  left: 0;
}

table.HKLrkZ-matrix-grid .HKLrkZ-vertical-text {
  writing-mode: vertical-rl;
  text-align: left;
  color: #444;
  text-transform: uppercase;
  max-height: 140px;
  margin: 0 auto;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.2;
  transform: rotate(180deg);
}

table.HKLrkZ-matrix-grid .HKLrkZ-corner-header {
  color: var(--primary-color);
  padding: 10px;
  font-size: 13px;
  font-weight: bold;
}

table.HKLrkZ-matrix-grid tbody th {
  z-index: 20;
  border-right: 2px solid #666;
  border-bottom: 1px solid var(--matrix-border);
  text-align: left;
  white-space: normal;
  background-color: #fff;
  min-width: 200px;
  max-width: 200px;
  padding: 6px 10px;
  font-size: 12px;
  font-weight: 600;
  position: sticky;
  left: 0;
}

table.HKLrkZ-matrix-grid tbody td {
  text-align: center;
  vertical-align: middle;
  border-bottom: 1px solid #eee;
  border-right: 1px solid #eee;
  min-width: 60px;
  padding: 4px;
  transition: background .1s;
}

table.HKLrkZ-matrix-grid tbody tr:hover th, table.HKLrkZ-matrix-grid tbody tr:hover td {
  background-color: var(--matrix-highlight);
}

table.HKLrkZ-matrix-grid .HKLrkZ-med-badge {
  color: #0d47a1;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: help;
  background-color: #e3f2fd;
  border: 1px solid #bbdefb;
  border-radius: 12px;
  max-width: 110px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
}

table.HKLrkZ-matrix-grid .HKLrkZ-med-missing {
  color: #e0e0e0;
  user-select: none;
  font-size: 14px;
  font-weight: bold;
}

:root {
  --primary-color: #0056b3;
  --primary-dark: #004494;
  --secondary-color: #2c3e50;
  --accent-color: #17a2b8;
  --bg-body: #f4f6f8;
  --font-family-base: "Segoe UI", "Inter", "Roboto", sans-serif;
  --matrix-header-bg: #f3f3f3;
  --matrix-border: #d0d7de;
  --matrix-highlight: #e6f6ff;
  --matrix-text: #24292f;
  --matrix-cell-padding: 4px 8px;
}

body {
  color: #333;
  background-color: var(--bg-body) !important;
  font-family: var(--font-family-base) !important;
}

.lifeshub-header {
  border-bottom: 3px solid var(--accent-color);
  box-shadow: 0 2px 8px #0000000d;
  background: #fff !important;
}

.lifeshub-header .br-header-title {
  color: var(--secondary-color);
}

.br-select .br-list {
  z-index: 100;
}

.br-footer {
  background: linear-gradient(to right, #2c3e50, #4ca1af) !important;
}

.br-footer .logo {
  display: none !important;
}

.header-menu {
  display: flex;
}

.header-menu .header-info {
  flex-grow: 1;
}

.button-as-link {
  cursor: pointer;
  color: var(--interactive);
  font: inherit;
  background: none;
  border: none;
  padding: 0;
  text-decoration: none;
}

.place-holder {
  display: contents;
}

.primeiro-br-card-no-shadow .br-card:first-of-type {
  box-shadow: none;
}

.reset {
  all: unset;
}

.no-grid-glutter {
  --grid-gutter: none;
}

.text-break-all {
  hyphens: none;
  word-break: break-all !important;
  overflow-wrap: anywhere !important;
}

.text-lg {
  font-size: var(--font-size-scale-up-02);
  line-height: var(--font-size-scale-up-04);
}

.text-sm {
  font-size: var(--font-size-scale-up-01);
  line-height: var(--font-size-scale-up-02);
}

.text-xs {
  font-size: var(--font-size-scale-down-01);
  line-height: var(--font-size-scale-up-01);
}

.font-mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
}

.flex-column-gap-base {
  column-gap: var(--spacing-scale-base);
}

.m-inherit {
  margin: inherit;
}

.bg-transparent {
  background-color: #0000;
}

.text-primary {
  color: var(--primary-color) !important;
}

.lifeshub-list {
  padding: 0;
  list-style: none;
}

.lifeshub-list li {
  border-left: 3px solid var(--accent-color);
  margin-bottom: 12px;
  padding-left: 10px;
}
/*# sourceMappingURL=frontend.507c2bb4.css.map */